@charset "utf-8";

.layoutStyle01{position:relative;max-width:1200px;width:100%;margin:0 auto;padding:0 30px} /* Base Sub inner layout :width:1140px */
.layoutStyle02{position:relative;max-width:1590px;width:100%;margin:0 auto;padding:0 30px}
.layoutStyle03{position:relative;max-width:960px;width:100%;margin:0 auto;padding:0 30px}
.layoutStyle04{position:relative;max-width:1050px;width:100%;margin:0 auto}
.layoutSection01{overflow:hidden;padding-top:50px}
.layoutSection01 .layoutLeft{float:left;width:350px}
.layoutSection01 .layoutRight{float:left;width:calc(100% - 350px);padding-left:50px}

.bg01{background-color:#fafafa !important}
.bg02{background-color:#eceff3 !important}
.bg03{background-color:#f2f4f7 !important}
.bg04{background-color:#f9f9fb !important}
.bg05{background-color:#6d7b8f !important}
.bg06{background-color:#3b4c66 !important}

/*검색엔진 more 간격*/
#moreSubjectListButton{padding-top:12px;}
#moreSdgsListButton{padding-top:12px;}
#morePbcationListButton{padding-top:12px;}
#moreLangListButton{padding-top:12px;}
#moreMaterialListButton{padding-top:12px;}
#morePublisherListButton{padding-top:12px;}


.ir-pm{display:none;}

/* Visual 영역 */
.visualArea{height:310px;background:#fafafa}
.visualEventArea{height:310px;background:#fafafa}
.subVisual01{background:#fafafa url(/assets/images/sub/sub_visual01.jpg) no-repeat center;background-size:cover}
.subVisual02{background:#fafafa url(/assets/images/sub/sub_visual02.jpg) no-repeat center;background-size:cover}
.subVisual03{background:#fafafa url(/assets/images/sub/sub_visual03.jpg) no-repeat center;background-size:cover}
.subVisual04{background:#fafafa url(/assets/images/sub/sub_visual04.jpg) no-repeat center;background-size:cover}
.subVisual05{background:#fafafa url(/assets/images/sub/sub_visual05.jpg) no-repeat center;background-size:cover}
.subVisual06{background:#fafafa url(/assets/images/sub/sub_visual06.jpg) no-repeat center;background-size:cover}
.subVisual07{background:#fafafa url(/assets/images/sub/sub_visual07.jpg) no-repeat center;background-size:cover}
.subVisual08{background:#fafafa url(/assets/images/sub/sub_visual08.jpg) no-repeat center;background-size:cover}
.subVisualSign{background:#fafafa url(/assets/images/sub/sub_visual_sign_up.jpg) no-repeat center;background-size:cover}
.subVisualNewsletter{background:#fafafa url(/assets/images/sub/sub_visual_news_letter.jpg) no-repeat center;background-size:cover}
.subVisualMyPage{background:#fafafa url(/assets/images/sub/sub_visual_my_page.jpg) no-repeat center;background-size:cover}
.visualEventArea h1{position:absolute;top:30px;font-family:"NotoSansKR-Bold";color:#000;font-size:60px;line-height:1.1}/*event */
.visualArea h1{position:absolute;top:80px;font-family:"NotoSansKR-Bold";color:#000;font-size:60px;line-height:1.1}/*overView*/
.visualArea.overviewVisual h1{word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; line-height: 1.2!important; height:  2.5em!important; display: -webkit-box;  -webkit-line-clamp: 2;   -webkit-box-orient: vertical;}/*overview h1*/
.visualArea h2.type02{font-size:50px}
.overviewVisual h2{top:90px;font-size:50px}
.overviewVisual .subVisualTitle{position:absolute;top:46px;font-family:"NotoSansKR-Medium";font-size:16px}
.eventVisual .tag{position:absolute;top:11px;width:114px;height:30px;padding-top:5px;color:#fff;text-align:center}
/* .eventVisual .ongoing{background-color:#0c5ece} */
/* .eventVisual .upcoming{background-color:#1994e0} */
.eventVisual .upcoming{background-color:#2e75b6}
.eventVisual .ongoing{background-color:#00b050}
.eventVisual .closed{background-color:#595959}

.visualAreaSub{height:526px;background:#fafafa}
.subVisualDetail01{background:#fafafa url(/assets/images/sub/sub_visual_detail01.jpg) no-repeat center}
.subVisualDetail02{background:#fafafa url(/assets/images/sub/sub_visual_detail02.jpg) no-repeat center}
.subVisualDetail03{background:#fafafa url(/assets/images/sub/sub_visual_detail03.jpg) no-repeat center}
.subVisualDetail04{background:#fafafa url(/assets/images/sub/sub_visual_detail04.jpg) no-repeat center;background-size:cover;border-bottom:1px solid #e6e6e6}
.subVisualDetail05{background:#fafafa url(/assets/images/sub/sub_visual_detail05.jpg) no-repeat center}
.visualAreaSub .summaryVisualTop span{display:inline-block}
.visualAreaSub .summaryVisualTop .svTitle{position:relative;top:8px;margin-right:16px;font-family:"NotoSansKR-Medium";font-size:16px}

/* Title */
.tit01{color:#222;font-family:"NotoSansKR-Bold";font-size:38px}
.tit02{color:#222;font-family:"NotoSansKR-Bold";font-size:20px}
.tit02 .hit{position:relative;top:2px;font-family:"NotoSansKR-Medium";font-size:18px}
.tit03{margin:30px 0 10px;color:#222;font-size:14px}
.tit04{color:#222;font-family:"NotoSansKR-Bold";font-size:30px}
.tit05{color:#454545;font-size:16px}
.titPop01{position:relative;margin-bottom:38px;color:#222;font-family:"NotoSansKR-Bold";font-size:30px}
.titPop01 .date{position:absolute;top:16px;right:0;color:#454545;font-family:"NotoSansKR-Regular";font-size:12px}
.titPop02{height:32px;padding:6px 0 0 20px;border-radius:8px;color:#222;background-color:#e0e5e9}
.titPop03{margin-top:30px;color:#222;font-size:14px}
.titPop04{position:relative;color:#222;font-family:"NotoSansKR-Bold";font-size:40px}

/* Textarea */
.textAreaStyle01{width:100%;height:150px;resize:none;border:1px solid #e6e6e6;border-radius:4px;font-family:"NotoSansKR-Regular" !important}

/* Text Style */
.txtStyle01{margin:34px 0 76px;font-family:"NotoSansKR-Regular";font-size:16px;line-height:1.7;text-align:justify;word-break:break-word}
.txt01{color:#454545}

/* Section 상하여백 */
.sectionGap01{padding:83px 0}

/* Location */
.location{position:absolute;top:260px;left:30px;width:100%;word-break:break-word;}
.location a{display:inline-block;position:relative;margin-right:20px;padding-right:27px;color:rgba(69, 69, 69, 0.9);font-family:"NotoSansKR-Medium";font-size:14px}
.location a:after{display:block;content:"";position:absolute;top:4px;right:0;width:6px;height:11px;background:url(/assets/images/common/ico_location_arrow.png) no-repeat 0 0}
.location a:last-child{padding-right:0;color:#222}
.location a:last-child:after{display:none}
.location .home{font-size:0}
.location .home span{display:block;width:18px;height:17px;background:url(/assets/images/common/ico_location_home.png)no-repeat 0 0}

.visualAreaSub .bbsList02{overflow:inherit;position:absolute;top:90px;margin-top:0;}
.visualAreaSub .bbsList02 span.svTitle{display:inline-block;margin-right:10px;padding-top:15px;vertical-align:middle; word-break: break-all;}
.visualAreaSub .bbsList02 span.tag{display:inline-block;margin-top:5px;margin-right:5px;}
.visualAreaSub .bbsList02 span.tag:last-child{margin-right:0px;}
/*20200827 .visualAreaSub .bbsList02{overflow:inherit;position:absolute;top:90px;margin-top:0;width: 120px;}
.visualAreaSub .bbsList02 span.tag{top:-10px;left:102px}
.visualAreaSub .bbsList02 span.tag:last-child{left:149px}*/

/*.visualAreaSub h2,.visualAreaSub h1{position:absolute;top:140px;font-family:"NotoSansKR-Bold";color:#000;font-size:60px;line-height:1.1}*/
.visualAreaSub h1{position: absolute; top: 140px; font-family: "NotoSansKR-Bold"; color: #000; font-size: 60px;  width: 90%;}
.word-wrap-0row{-webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; width: 1200px; height:140px; display: -webkit-box; text-overflow:ellipsis;}
.word-wrap-1row{word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; line-height: 1.2!important; /*height:  1.2em!important;*/ display: -webkit-box;  /*-webkit-line-clamp: 1;*/   -webkit-box-orient: vertical;}
.word-wrap-2row{word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; line-height: 1.2!important; height:  2.5em!important; display: -webkit-box;  -webkit-line-clamp: 2;   -webkit-box-orient: vertical;}
.word-wrap-3row{word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; height:  3.7em; display: -webkit-box;  -webkit-line-clamp: 3;   -webkit-box-orient: vertical;}    

.visualAreaSub h2 span,.visualAreaSub h1 span{display:block;margin-top:14px;color:#454545;font-family:"NotoSansKR-Regular";font-size:30px}
.visualAreaSub h2 span.type01, .visualAreaSub h1 span.type01{margin-top:25px;font-size:18px}
.visualAreaSub h2 span.type01 em, .visualAreaSub h1 span.type01 em{margin-right:10px}
.visualAreaSub .location{top:380px}
.visualAreaSub .theme-doURL{position:absolute;top:380px;width: 90%;}/*topics*/
.visualAreaSub .theme-doURL > span.type01{margin-top:25px;font-size:18px}
.visualAreaSub .theme-doURL > span.type01 > em.break{word-break: break-all;}
.visualAreaSub .theme-doURL01{position:absolute;top:300px;width: 90%;}/*resources*/
.visualAreaSub .theme-doURL01 > span{margin-top: 14px; color: #454545; font-size: 30px;} 

 .eventSub-doURL01{position:absolute;top:180px;width: 90%;}/*for event subtitle*/
 .eventSub-doURL01 > span{margin-top: 14px; color: #454545; font-size: 30px;} 
 
.visualAreaSub .location.type01{top:475px}
.visualAreaSub .tabMenuStyle01{margin-top:61px}
.visualAreaSub .btnFunc{top:463px;z-index: 109;}


.infoArea01{overflow:hidden;padding:40px 0}
.infoArea01 .inner01{float:left;width:292px;margin-right:44px}
.infoArea01 .inner01 .pic{height:164px}
.infoArea01 .inner01 .btnFullText{width:100%;height:50px;margin-top:10px;border-radius:4px;color:#fff;font-family:"NotoSansKR-Medium";background-color:#5d636d}
.infoArea01 .inner01 .btnFullText span{display:inline-block;position:relative;padding-left:29px}
.infoArea01 .inner01 .btnFullText span:before{display:block;content:"";position:absolute;top:0;left:0;width:18px;height:18px;background:url(/assets/images/sub/ico_full_text.jpg) no-repeat 0 0}
/* 20200814 Resources 썸네일 이미지 없는경우 */
#noImgUl{height: 164px;overflow: hidden;background: #e6e6e6;position: relative;padding: 10px;z-index: 20;box-sizing: border-box;}
#noImgUl li{overflow: hidden;text-align: center;}
#noImgUl .noImgTitle{margin: 10px 0 20px;font-size: 12px;font-weight: bold;line-height: 16px;word-break: keep-all;}
#noImgUl .noImgAuthor{margin-bottom: 10px;font-size: 6px;}
#noImgUl .noImgPublisher{font-size: 6px;}

/* 20200813 Resources 링크버튼 */
.infoArea01 .inner01 a.btnLink{width:100%;height:50px;margin-top:10px;border-radius:4px;color:#fff;font-family:"NotoSansKR-Medium";background-color:#5d636d;display: flex;align-items: center;justify-content: center;}
.infoArea01 .inner01 a.btnLink span{display:inline-block;position:relative;padding-left:29px}
.infoArea01 .inner01 a.btnLink span:before{display:block;content:"";position:absolute;top:0;left:0;width:18px;height:18px;background:url(/assets/images/sub/ico_full_text.jpg) no-repeat 0 0}

.infoArea01 .inner02{float:left;width:calc(100% - 292px - 45px)}

.viewDownload{height:50px;margin-top:10px;padding-top:13px;border:1px solid #e6e6e6;border-radius:4px;text-align:center;background-color:#fff}
.viewDownload span{display:inline-block;vertical-align:middle}
.viewDownload .txtViewDownload{margin-right:3px;font-family:"NotoSansKR-Medium"}
.viewDownload .count{color:#1994e0;font-family:"NotoSansKR-Bold";font-size:18px}
.viewDownload .viewCount{position:relative;margin-right:14px;padding-right:18px}
.viewDownload .viewCount:after{display:block;content:"";position:absolute;top:50%;right:0;width:1px;height:10px;margin-top:-5px;background-color:#c8c7c7}
.viewDownload .viewCount.viewCountOnly{margin-right:0;padding-right:0}
.viewDownload .viewCount.viewCountOnly:after{display:none}

/* Data Table Style */

/* Development Topics table */
#subThemeContent thead{border-top:1px solid #999; border-left:1px solid #999;}
#subThemeContent tbody:not(#video-div tbody){border-left:1px solid #999;}
#subThemeContent th{border-right:1px solid #999; border-bottom:1px solid #999;}
#subThemeContent td:not(#video-div td) {border-right:1px solid #999; border-bottom:1px solid #999;}

/* Development Topics table */

.tablelistAdd{margin-top:50px;font-family:"NotoSansKR-Regular";font-size:12px;text-align:right}
.tablelist01 tbody th, 
.tablelist01 tbody td{height:48px;border:1px solid #e6e6e6;border-left:0;border-right:0;text-align:left;font-weight: normal;}
.tablelist01 tbody th{padding-left:36px;font-family:"NotoSansKR-Medium";background-color:#fff}
.tablelist01 tbody td{padding-left:38px;font-family:"NotoSansKR-Regular";background-color:#fcfcfc}
.tablelist01 tbody.hiddenTable{display:none}

.tablelist02 tbody th, 
.tablelist02 tbody td{padding:14px 0 14px 35px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:left;font-weight: normal;}
.tablelist02 tbody th{color:#222;font-family:"NotoSansKR-Medium";background-color:#fff}
.tablelist02 tbody td{padding-right:35px;font-family:"NotoSansKR-Regular";background-color:#fafafa;word-break: break-all;}
.tablelist02 tbody td a{display: inline-block; width: 100%; word-break: break-all;}

.tablelist03{margin-top:10px}
.tablelist03 tbody th,
.tablelist03 tbody td{padding:12px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:left}
.tablelist03 tbody .type01 th,
.tablelist03 .type01 tbody td{padding:34px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:left}
.tablelist03 tbody th, 
.tablelist03 tbody .type01 th{padding-left:20px;background-color:#f5f7f8}
.tablelist03 tbody td, 
.tablelist03 tbody .type01 td{padding-left:30px}
.tablelist03 tbody td{font-family:"NotoSansKR-Regular"}
.tablelist03 tbody td input{width:35.2743%}
.tablelist03 tbody td input[readonly=readonly]{background:#eee;}
.tablelist03 tbody .type02 td{position:relative}
.tablelist03 tbody td .warn{display:inline-block;position:relative;top:12px;margin-left:30px;font-family:"NotoSansKR-Regular";font-size:12px;color:#1994e0}
.tablelist03 tbody .type02 td .warnType01{ position:absolute;top:26px;left:37%}
.tablelist03 tbody td .warnType02{top:3px}
.tablelist03 tbody td .warnType03{top:0;font-size:14px}
.tablelist03 tbody td .selectWrap03{width:53.7513%}
.tablelist03 tbody td .selectWrap03 button{width:100%;text-align:left}
.tablelist03 tbody td .checkboxStyle01{display:inline-block;margin-top:0}
.tablelist03 tbody td .txtTermination{display:inline-block;width:83%;line-height:1.7}
.tablelist03 tbody td .btnTermination{position:absolute;top:34px;right:44px}
.tablelist03 tbody tr.style01 th, 
.tablelist03 tbody tr.style01 td{padding-top:20px;padding-bottom:24px}

.tablelist04 tbody th, 
.tablelist04 tbody td{padding:14px 20px 14px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:left}
.tablelist04 td{background-color:#f6f6f6}

/* Tab Menu Style */
.tabMenuStyle01{overflow:hidden;margin-top:50px;padding-bottom:6px}
.tabMenuStyle01 li{float:left;height:46px;margin-bottom:15px;padding-right:10px}
.tabMenuStyle01 li:first-child{padding-left:0}
.tabMenuStyle01 li a .hit{position:relative;top:4px;font-size:12px;letter-spacing:0;vertical-align:top}
.tabMenuStyle01 .longName a{display:inline-block;position:relative;min-width:130px;text-align:center;width:100%;height:100%;border:1px solid #e6e6e6;border-radius:4px;color:#454545;font-size:16px;background-color:#fff}
.tabMenuStyle01 li a{display:inline-block;position:relative;min-width:130px;text-align:center;width:100%;height:100%;padding:11px 19px 0;border:1px solid #e6e6e6;border-radius:4px;color:#454545;font-size:16px;background-color:#fff}
.tabMenuStyle01 li a.active{border-color:#1994e0;color:#fff;background-color:#1994e0}
.tabMenuStyle01 li a.active:after{display:block;content:"";position:absolute;bottom:-6px;left:50%;width:16px;height:6px;margin-left:-8px;background:url(/assets/images/sub/bg_resource_list.png) no-repeat 0 0}
.tabMenuStyle01 .icoRelated{display:block;position:absolute;top:50%;right:20px;width:25px;height:16px;margin-top:-8px;background:url(/assets/images/sub/ico_related.gif) no-repeat 0 0}
.tabMenuStyle01 li a.active .icoRelated{background:url(/assets/images/sub/ico_related_active_.png) no-repeat 0 0}
.tabMenuStyle01.type01 li a{min-width:154px;text-align:center}
.tabMenuStyle01.type02{margin-top:0}
.tabMenuStyle01.type02 li a{min-width:94px;text-align:center}/*search tab size 130->94 size update*/
.tabMenuStyle01.tabResourcesView li a{min-width:141px;padding-left:0;padding-right:0}
.tabMenuStyle01.tabResourcesView li.relatedDoc{margin-left:45px}
.tabMenuStyle01.tabResourcesView li.relatedDoc a{min-width:217px;padding-left:20px;padding-right:53px}
.tabMenuStyle01.tabResourcesView li.relatedDoc a.active:after{display:none}
.mFilter{display:none}
.tabContents{clear:both}

/* tab menu slide - 20211207*/
.tabMenuStyle02{display:block;margin-top:20px; border-bottom: 2px solid #1994e0;}
.tabMenuStyle02 > li {display:inline-block;margin-right:5px; background-color:#fff; border: solid #eaeaea; opacity: 1; border-width: 1px 1px 0; border-radius: 8px 8px 1px 1px; text-align: center; white-space: normal; min-width:90px; padding: 11px 19px; color: #767676;}
.tabMenuStyle02 > li.active{border: 2px solid #1994e0; opacity: 1; margin-bottom: -2px; background-color: #fff; border-bottom-color: #fff;}
.tabMenuStyle02 > li > a{color:#7f7f7f;font-size:16px;font-family:"NotoSansKR-Regular",sans-serif;overflow-wrap: break-word;line-height: 16px;}
.tabMenuStyle02 > li > a:hover{color:#1994e0;}
.tabMenuStyle02 > li > a > span{display:block;margin-left:3px;}
.tabMenuStyle02 > li.active  a{color:#0784d1;font-weight: 500;}
.tab-subselect{position:relative;display:block;margin-top:5px;padding:8px 10px;background-color:#eff2f4}
.tab-subselect> .layerSelect.layerViews {}
.tab-subselect> .layerSelect.layerViews{top:52px;margin-left:10px;width:155px;}
.tab-subselect> .layerSelect.layerViews li a{display:block;width:100%;width:155px;}
	
.swiper-wrapper {width: 115vw!important;/* width: max-content!important; */}
.swiper-slide{width: fit-content!important;}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  margin-top: 40px!important;
  top: 0%!important;
  width: 13px!important;
  height: 22px!important;  
  z-index: 10;
  cursor: pointer;
  background-size: 13px 22px!important;
  background-position: center;
  background-repeat: no-repeat;
}
.slider {
  max-width: 1086px!important;
  /* padding: 0 25px;
  margin: 0 auto; */
  box-sizing: border-box;
}

.swiper-container {
  padding:0 30px 20px 30px!important;
  box-sizing: border-box;
}

.swiper-scrollbar {
  background: #d6d6d6;
}

.swiper-container-horizontal > .swiper-scrollbar {
  height: 5px;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
}
.swiper-wrapper{width:100vw!important;}
.swiper-wrapper a {
  width: 100%;
}
.swiper-button-next, .swiper-button-prev{display:block!important; background-size: 10px 22px;}
.swiper-container-horizontal>.swiper-scrollbar {display:none;
  position: absolute;
  left: 50%!important;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-scrollbar-drag{margin:0 0 0 30px; width:120px!important;}
.select-t01{position:relative; height: 40px; padding: 0 52px 0 19px; border: 1px solid #e6e6e6; border-radius: 4px; color: #454545; background-color: #fff; background:#fff url(/assets/images/common/down-arrow.png) no-repeat 92% 50%;
-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand { display: none;}
.select-t01:focus{border: 1px solid #e6e6e6;} 
/* .triangle {
  width: 0;
  height: 0;
  border-left: 5px solid transparent; 오른쪽 크기
  border-right: 5px solid transparent; 왼쪽 크기
  border-top: 5px solid black; 오른쪽 크기 + 왼쪽 크기 = 정삼각형
  transform: rotate(0deg); 각도
} */
@media all and (max-width:1400px){
  .swiper-container {padding:20px 30px 20px 30px!important;}
  .tabMenuStyle02 > li > a > span{display:none;}
  .swiper-button-next, .swiper-button-prev {top: 0%!important;margin-top:30px!important}
}
@media all and (max-width:1000px){.tabMenuStyle02 > li {min-width:75px;padding: 11px 11px;}}
@media all and (max-width:767px){
	.tabArea.he105{height:105px!important}
	.tabMenuStyle02{margin-top:5px!important;}
	.tabMenuStyle02 > li {display:inline-block;margin-right:3px;padding: 8px 3vw; min-width:50px;width: auto;}
	.tabMenuStyle02 > li > a{font-size:14px}
	.tab-subselect{padding-left:25px!important}
	.tab-subselect> .layerSelect.layerViews {margin-left: 25px!important}
	.tab-subselect> .layerSelect.layerViews{top:52px;margin-left:10px;width:155px;}
	.tab-subselect> .layerSelect.layerViews li a{display:block;width:100%;width:155px;}
  .swiper-button-next, .swiper-button-prev {top: 0%!important; margin-top: 20px!important;}
  .swiper-scrollbar-drag {width: 60px!important;}
  .swiper-wrapper {width: none;!important;}
}
@media all and (max-width:451px){
	.tabMenuStyle02 > li {margin-right:2px;padding: 8px 1vw;}
	.tabMenuStyle02 > li > a{font-size:12px}
  .swiper-container { padding: 20px 30px 20px 30px!important;}
  .swiper-wrapper {width: max-content!important;}
  .swiper-scrollbar-drag {width: 40px!important;}
  .swiper-button-next, .swiper-button-prev {top: 15%!important;margin-top:12px!important}
  .select-t01 {height: 30px; padding: 0 32px 0 19px; font-size: 12px;}
}
  /*@media all and (max-width:1610px){.tabMenuStyle02 > li > a > span{display:block;margin-left:3px;}}
	@media all and (max-width:1400px){.tabMenuStyle02 > li > a > span{display:none;}}
	@media all and (max-width:1000px){.tabMenuStyle02 > li {min-width:75px;padding: 11px 11px;}}
	@media all and (max-width:767px){
	.tabArea.he105{height:105px!important}
	.tabMenuStyle02{margin-top:5px!important;}
	.tabMenuStyle02 > li {display:inline-block;margin-right:3px;padding: 8px 3vw; min-width:50px;width: auto;}
	.tabMenuStyle02 > li > a{font-size:14px}
	.tab-subselect{padding-left:25px!important}
	.tab-subselect> .layerSelect.layerViews {
    margin-left: 25px!important}
	.tab-subselect> .layerSelect.layerViews{top:52px;margin-left:10px;width:155px;}
	.tab-subselect> .layerSelect.layerViews li a{display:block;width:100%;width:155px;}
	}
	@media all and (max-width:451px){
	.tabMenuStyle02 > li {margin-right:2px;padding: 8px 1vw;}
	.tabMenuStyle02 > li > a{font-size:12px}}
	*/

/* tab menu slide  20211207*/


/* tab menu slide  20211207*/
/* Form Style */
.checkboxStyle01{overflow:hidden;position:relative}
.checkboxStyle01 .inner{position:relative}
.checkboxStyle01 input[type=checkbox]{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0)}
.checkboxStyle01 input[type=checkbox] + label{padding-left:24px;font-family:"NotoSansKR-Regular"}
.checkboxStyle01 input[type=checkbox] + label:before{display:block;content:"";position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-8px;background:url(/assets/images/common/input_style01.gif) no-repeat 0 0}
.checkboxStyle01 input[type=checkbox]:checked + label:before{background-position:0 -16px}

.checkboxStyle01.type01 input[type=checkbox] + label{font-family:"NotoSansKR-Regular";font-size:12px}
.checkboxStyle01.type01 input[type=checkbox] + label:before{margin-top:-9px}

.checkboxStyle02{display:inline-block;overflow:hidden;position:relative;width:16px;height:16px}
.checkboxStyle02 input[type=checkbox]{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0)}
.checkboxStyle02 input[type=checkbox] + label{width:16px;height:16px}
.checkboxStyle02 input[type=checkbox] + label:before{display:block;content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:url(/assets/images/common/input_style01.gif) no-repeat 0 0}
.checkboxStyle02 input[type=checkbox]:checked + label:before{background-position:0 -16px}

.btnFunc{position:absolute;top:247px;right:30px}
.btnFunc a.btnPrint,
.btnFunc a.btnBookmark{display:inline-block;width:40px;height:40px;margin-left:4px;font-size:0;background:url(/assets/images/sub/ico_func.gif) no-repeat 0 0}
/* addthis btn style */
.btnFunc .btnPrint{background-position:0 0}
.btnFunc .btnShare{display:inline-block;margin-left:4px;}
.btnFunc .btnShare .addthis-animated{animation: initial!important;}
.btnFunc .btnShare .at-share-btn{margin:0!important;}
.btnFunc .btnShare .at-icon-wrapper{width:40px!important; height:40px!important;}
.btnFunc .btnShare svg{width:40px!important; height:40px!important;}
.btnFunc .btnShare .at_flat_counter{display:inline-block;position:relative;font-size:14px!important;line-height: 20px!important;top:5px;height:30px;margin-left:11px;padding:5px 12px 0;border:1px solid #d1d1d1;font-family:"NotoSansKR-Medium";font-size:14px;background:#fff}
.btnFunc .btnShare .at_flat_counter:after{display:block;content:"";border-width:5px 0 5px 0;position:absolute;top:-6px;left:-8px;width:8px;height:30px;background:url(/assets/images/sub/bg_total_count.png) no-repeat 0 0}
/* addthis btn style */
.btnFunc .btnBookmark{background-position:0 -80px!important}
/*추가*/
.btnFunc .btnBookmark.on{background-position:0 -120px!important}
.btnFunc .totalCount{}
.btnFunc .totalCount:before{display:block;content:"";position:absolute;top:-1px;left:-8px;width:8px;height:30px;background:url(/assets/images/sub/bg_total_count.png) no-repeat 0 0}


.filterDefault{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.1)}
.filterDefault.filterDefault2{border:1px solid #e6e6e6; background:rgba(0, 0, 0, 0)!important;}
.filterFocus{display:none;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background-color:rgba(29, 161, 242, 0.3)}
.icoPlay{position:absolute;z-index:4;top:50%;left:50%;width:53px;height:53px;transform:translate(-50%, -50%);background:url(/assets/images/sub/ico_play.png) no-repeat 0 0}

.resourceListAdd{position:relative;min-height:33px;margin-top:23px}
.resourceListAdd .txt01{width:calc(100% - 110px);color:rgba(69, 69, 69, 0.7);font-family:"NotoSansKR-Regular";font-size:12px}
.resourceListAdd .txt01 a{display:inline-block;position:relative;top:-3px;width:20px;height:20px;margin-left:6px;background:url(/assets/images/sub/ico_question.gif) no-repeat 0 0}
.resourceListAdd .btnReset{position:absolute;top:-8px;right:0}
.mFilterHeader{display:none}

.searchArea02{position:relative;margin-top:50px;text-align:right}
.searchArea02:after{display:block;content:"";clear:both}
.searchArea02 .inner{display:inline-block;position:relative}
.searchArea02 button, .searchArea02 input[type=text]{float:left}
.searchArea02 button[type=button]{position:relative;width:116px;height:40px;padding:0 0 0 20px;border:1px solid #e6e6e6;border-top-left-radius:4px;border-bottom-left-radius:4px;text-align:left}
.searchArea02 button[type=button]:after{display:block;content:"";position:absolute;top:50%;right:20px;width:10px;height:6px;margin-top:-3px;background:url(/assets/images/common/bullet_select01.png) no-repeat 0 0}
.searchArea02 input[type=text]{width:309px;height:40px;padding:0 10px; border-color:#e6e6e6;border-radius:0;border-left:0;border-right:0}
.searchArea02 button[type=submit]{width:115px;height:40px;border:1px solid #e6e6e6;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#fff;font-size:14px;background-color:#5d636d}
/* 2020 08 17 추가 */
.searchArea02 button#schBtn{width:115px;height:40px;border:1px solid #e6e6e6;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#fff;font-size:14px;background-color:#5d636d;text-align: center;padding: 0;}
.searchArea02 button#schBtn:after{display:none;}
/**/
.searchArea02 .layerSearchDivision{position:absolute;top:44px;width:116px}
.searchArea02 .txtChartSource{position:absolute;bottom:0;left:0}
.searchArea02 button.btnReset{width:auto;height:40px;margin-left:8px;padding:0 32px;border-radius:4px;color:#fff;text-align:center;background-color:#8c9197}
.searchArea02 button.btnReset:after{display:none}

.searchArea03{overflow:hidden;position:relative;margin-top:23px;min-height:40px;text-align:right}
.searchArea03:after{display:block;content:"";clear:both}
/*.searchArea03 .txt01{float:left;position:relative;top:8px;width:40%;font-family:"NotoSansKR-Regular";text-align:left}*/
.searchArea03 .txt01{float:left;position:revert;top:8px;width:40%;font-family:"NotoSansKR-Regular";text-align:left}
.searchArea03 .txt01{float:left;position:;top:8px;width:40%;font-family:"NotoSansKR-Regular";text-align:left}
.searchArea03 .txt01 span{vertical-align:baseline}
.searchArea03 .txt01 .kwd{margin-left:6px;color:#1994e0;font-family:"NotoSansKR-Medium";font-size:16px}
.searchArea03 .txt01 .kwd em{font-style: normal;}
.searchArea03 .txt01 .total{margin-left:5px}
.searchArea03 .txt01 .total em{position:relative;top:2px}
.searchArea03 .inner{position:absolute;top:0;right:0;width:50%}
.searchArea03 button, .searchArea03 input[type=text]{float:left}
.searchArea03 input[type=text]{width:calc(100% - 162px);height:40px;border-color:#e6e6e6;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;border-right:0}
.searchArea03 button[type=submit]{height:40px;padding:0 35px;border:1px solid #e6e6e6;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#fff;font-size:14px;background-color:#5d636d}
/* 2020 09 16 추가 */
.searchArea03 button[type=button]{height:40px;padding:0 35px;border:1px solid #e6e6e6;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#fff;font-size:14px;background-color:#5d636d}




/* search result*/
.list.sch-db-view{}
.list.sch-db-view > .inner01 >h3{margin-bottom:12px;}
.list.sch-db-view > .inner01 > .word-wrap-3row >p{margin-top:0px}
.list.sch-db-view > .inner02 >h3{margin-bottom:12px;}
.list.sch-db-view > .inner02 > .word-wrap-3row >p{margin-top:0px}


.titleBar{position:relative;height:54px;margin-top:25px;padding:15px 0 0 22px;border-radius:4px;background-color:#dfe5e9}
.titleBar h4{color:#1994e0;font-family:"NotoSansKR-Medium";font-size:16px;font-weight: normal;}
.titleBar .btnMore{position:absolute;top:50%;right:22px;padding-left:25px;color:rgba(69, 69, 69, 0.5);font-family:"NotoSansKR-Medium";font-size:14px;transform:translateY(-50%)}
.titleBar .btnMore:after{display:block;content:"";position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-6px;background:url(/assets/images/sub/ico_collection.png) no-repeat -59px 0}

.searchTabContents .bbsList01{margin-top:10px;padding-left:20px;padding-right:20px}
.searchTabContents .bbsList01 .txt01{margin-top:12px}
.searchTabContents .bbsList01 .articleInfo{margin-top:39px}
.searchTabContents .titleBar{margin-top:40px}
.searchTabContents .searchArea03 + .titleBar{margin-top:25px}

.alignListArea{position:relative;height:54px;margin-top:25px;padding-left:22px;border-radius:4px;background-color:#dfe5e9}
.alignListArea .btnAlign01{position:relative;height:54px;padding-right:17px;font-family:"NotoSansKR-Regular";font-size:14px}
.alignListArea .btnAlign01.active{color:#1994e0;font-family:"NotoSansKR-Medium"}
.alignListArea .btnAlign01.active:after{display:block;content:"";position:absolute;top:50%;right:0;width:10px;height:6px;margin-top:-3px;background:url(/assets/images/common/bullet_select01.png) no-repeat 0 0}
.alignListArea .btnAlign01.active.up:after{background-position:0 -6px;margin-top:-1px}
.alignListArea .btnAlign01:nth-of-type(1){min-width:130px}
.alignListArea .line01{display:inline-block;position:relative;top:18px;margin:0 17px;color:#b2b0b0;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:top}
.alignListArea .alignViews{position:absolute;top:7px;right:22px}
.alignListArea .checkboxStyle01{top:18px;text-align:left}
.alignListArea .layerViews{top:42px}
.alignListArea .alignViews02{position:relative;top:7px;width:350px}
.alignListArea .alignViews02 .btnAlignViews{width:100%;text-align:left;}

/* 게시판 상세 */
.bbsView05{margin-top:50px}
.bbsView05 h3{overflow:hidden;padding:30px 0;border-top:1px solid #000;border-bottom:1px solid #ccc}
.bbsView05 h3 .subject{float:left;width:90%;color:#454545;font-family:"NotoSansKR-Medium";font-size:22px}
.bbsView05 h3 .date{float:right;position:relative;top:5px;color:#666;font-family:"NotoSansKR-Regular";font-size:16px;text-align:right}
.bbsView05 .viewContents{padding:36px 20px;color:#666;font-size:18px;line-height:1.6;word-break:break-all}
.bbsView05 .viewContents .pic{margin:45px 0 100px;text-align:center}
.bbsView05 .viewAttach{overflow:hidden;padding:30px 20px;color:#666;word-break:break-all;background-color:#f2f2f2}
.bbsView05 .viewAttach a{font-size:16px}
.bbsView05 .viewAttach .ico{float:left;width:28px;height:24px;margin-right:15px;font-size:0;background:url(/assets/images/common/ico_attach.png) no-repeat 0 0;text-indent:-9999em}
.bbsView05 .viewAttach .inner{float:left;width:calc(100% - 28px - 15px)} /* 100% - width - marginRight */
.bbsView05 .viewAttach a{display:block;margin-top:4px;font-size:16px}
.bbsView05 .viewAttach a:first-child{margin-top:0}
.bbsView05 .viewAttach a:hover{color:#1994e0;text-decoration:underline}
.bbsView05 .viewDetailList{margin-top:80px;font:16px "NotoSansKR-Regular";color:#454545}
.bbsView05 .viewDetailList li{margin-top:3px}
.bbsView05 .viewDetailList li:first-child{margin-top:0}
.bbsView05 .eventAttach{margin-top:60px;padding:22px 20px;background-color:#fafafa}

/* 게시판 이전글, 다음글 */
.bbsPrevNext{overflow:hidden;margin-top:7px}
.bbsPrevNext.prevArticle{border-top:1px solid #ccc}
.bbsPrevNext > div{float:left;height:85px;padding-top:28px;border-bottom:1px solid #ccc}
.bbsPrevNext .pnButton{position:relative;width:147px;padding-right:20px;font:16px "NotoSansKR-Medium";text-align:right;line-height:1.4}
.bbsPrevNext .pnButton button{display:inline-block;position:absolute;top:50%;left:20px;width:27px;height:30px;margin-top:-18px}
.bbsPrevNext .subject{width:calc(100% - 147px - 118px);padding-left:20px}
.bbsPrevNext .subject a{display:block;overflow:hidden;/*position:relative;top:-1px;*/ width:100%;font-family:"NotoSansKR-Regular";font-size:16px;white-space:nowrap;text-overflow:ellipsis;line-height:1.4}
.bbsPrevNext .date{width:118px;padding-top:32px;color:#666;font-family:"NotoSansKR-Regular";font-size:14px;text-align:center;line-height:1.4}
.bbsPrevNext .ico{display:inline-block;width:27px;height:13px;margin-top:-1px;vertical-align:middle;background:url(/assets/images/common/ico_bbs_prevnext.gif) no-repeat 0 0;text-indent:-99999px;font-size:0}
.bbsPrevNext .pnButton .prev .ico{background-position:0 0}
.bbsPrevNext .pnButton .next .ico{background-position:0 -13px}
.bbsPrevNext .pnButton .prev:hover .ico{background-position:-27px 0}
.bbsPrevNext .pnButton .next:hover .ico{background-position:-27px -13px}

.controlBbsView05{margin-top:100px}

/* 06.Statistics */
.statisticsList .tabContents .layoutStyle01{padding:0}

/* 07.Event */
.eventListArea{position:relative;margin-top:126px}
.eventListArea:after{content:"";overflow:hidden;display:block;clear:both}
.eventListArea .item{float:left;width:270px;margin-left:20px}
.eventListArea .item:first-child{margin-left:0}
.eventListArea .item a{display:block}
.eventListArea .pic{position:relative}
.eventListArea .pic img{width:100%;height:100%;}
.eventListArea .pic .tag{position:absolute;z-index:2;top:0;left:0;width:114px;height:30px;padding-top:5px;color:#fff;text-align:center}
/* .eventListArea .pic .upcoming{background-color:#1994e0} */
/* .eventListArea .pic .ongoing{background-color:#0c5ece} */
.eventListArea .pic .upcoming{background-color:#2e75b6}
.eventListArea .pic .ongoing{background-color:#00b050}
.eventListArea .details{height:auto;padding:16px 20px;border:1px solid #e6e6e6;border-top:0}
.eventListArea .details .subject{color:#1994e0;font-family:"NotoSansKR-Medium"}
.eventListArea .details .txt01{margin-top:10px;color:#222;font-family:"NotoSansKR-Medium";font-size:16px;line-height:1.5}
.eventListArea .details .txt01 > p{word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; line-height: 1.2!important; height:  2.5em!important; display: -webkit-box;  -webkit-line-clamp: 2;   -webkit-box-orient: vertical;}
.eventListArea .details .txt01 ul{display:block;width:100%;}
.eventListArea .details .txt01 ul li{font:16px "NotoSansKR-Regular";display:block; max-width:100%; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; position: relative;}/*1row crop*/
.eventListArea .details .txt01 .num{font-size:16px}
.eventListArea .details .txt01 .subTxt{font-size:20px}
.eventListArea .details .txt01 .date{margin-top:9px;font-family:"NotoSansKR-Regular";font-size:12px}
/*.eventlist-piccrop0103le{display:block;width:100%; height:361px;overflow:hidden;border:1px solid red}
.eventlist-piccrop0103ri{display:block;width:100%; height:237px;overflow:hidden;border:1px solid red}*/
.eventlist-piccrop02{display:block;width:100%; height:130px;overflow:hidden;}
.eventlist > a > h3.lineClamp2{height:48px;}
.eventlist > .articleInfo > .type01.venue{}
.eventlist > .articleInfo > .type01.venue,
.eventlist > .articleInfo > .type01.host {font-size:14px;}

.eventlist .tag2{width:90px;height:24px;padding-top:2px;color:#fff;text-align:center;border-radius:4px;}
.eventlist .upcoming{background-color:#2e75b6}
.eventlist .ongoing{background-color:#00b050}
.eventlist .closed{background-color:#595959}

/* .eventListArea.item3{display:none} */
.eventListArea.item3 .item:nth-child(2),
.eventListArea.item3 .item:nth-child(3){width:calc(100% - 290px);}
.eventListArea.item3 .item:nth-child(3){margin-top:36px}
.eventListArea.item3 .item:nth-child(1) .pic{display:block;height:361px;overflow:hidden;}
.eventListArea.item3 .item:nth-child(2) .pic, 
.eventListArea.item3 .item:nth-child(3) .pic{float:left;width:178px;height:238px;overflow:hidden;}
.eventListArea.item3 .item:nth-child(2) .details,
.eventListArea.item3 .item:nth-child(3) .details{float:left;width:calc(100% - 178px);height:238px;padding:30px;border:1px solid #e6e6e6}
.eventListArea.item3 .details .txt01{font-size:20px}

.eventListArea.item3 .details .txt01 ul{margin-top:12px}
.eventListArea.item3 .item:nth-child(1) .details .txt01 ul{display:none}
.eventListArea.item3 .details .txt01 .date{margin-top:12px}

.eventListArea.item4 {display:block;}
.eventListArea.item4 > .item .pic {width:270px;height:361px!important;overflow:hidden;}
.eventListArea.item4 .details .subject{height: 2.5em!important;}

/* .eventListArea.item2{display:none} */
.eventListArea.item2 .item{width:calc(50% - 20px);margin-left:40px}
.eventListArea.item2 .item:first-child{margin-left:0}
.eventListArea.item2 .pic{height:738px!important; overflow:hidden;} 
.eventListArea.item2 .details{height:246px;padding:30px} 
.eventListArea.item2 .details .txt01 ul{margin-top:15px}
.eventListArea.item2 .details .txt01 .date{margin-top:15px}


.bbsRelatedResources{margin-top:82px;padding:82px 0}
.controlOverviewDetail{margin-top:100px}
.perspectiveComment .commentArea{margin-top:85px}

/* Pagination */
.pagination{display:block;margin-top:65px;text-align:center}
.pagination.mobile{display:none}
.pagination ul,
.pagination li{display:inline-block}
.pagination li strong, .pagination a{display:inline-block;position:relative;z-index:1;height:38px;padding:0 15px 0 13px;text-align:center;vertical-align:middle;}
.pagination a{color:#717e93;font-size:14px;line-height:38px}
.pagination a:after{display:block;content:"/";position:absolute;top:0px;right:0;color:#bec6d1;font-size:12px}
.pagination li strong{z-index:2;padding:0 12px 0 11px;border:1px solid #e4e8ea;border-radius:4px;color:#008dd5;font-family:"NotoSansKR-Medium";font-size:16px;line-height:35px;background-color:#fff}
.pagination li:last-child a:after{display:none}
.pagination .prev:after,
.pagination .next:after{content:"";top:14px;width:7px;height:11px;background:url(/assets/images/common/ico_pagination.png) no-repeat 0 0}
.pagination .prev:after{left:2px;background-position:0 -11px}
.pagination .next:after{right:4px;background-position:-7px -11px}
.pagination a.first span,
.pagination a.last span{display:inline-block;overflow:hidden;position:relative;top:14px;width:11px;height:11px;vertical-align:top;background:url(/assets/images/common/ico_pagination.png) no-repeat 0 0}
.pagination a.first span{background-position:0 0}
.pagination a.prev{font-size:0}
.pagination a.next{margin-left:0;font-size:0}
.pagination a.last span{background-position:-11px 0}
.pagination a.first:after,
.pagination a.last:after{display:none}

.nationalFlag{position:relative;top:6px;margin-right:4px;vertical-align:top}

.videoAreaWrap{padding:64px 0}
.videoArea{max-width:900px;width:100%;margin:0 auto}

.filterArea{border:1px solid #e6e6e6;border-radius:4px}
.filterArea h3{position:relative;height:84px;padding:28px 30px 0;color:#222;font-family:"NotoSansKR-Medium";font-size:20px;background-color:#dfe5e9;font-weight: normal;}
.filterArea h3 .resetResult{position:absolute;top:50%;right:25px;width:28px;height:31px;margin-top:-15px;padding:5px;font-size:0}
.filterArea h3 .resetResult span{display:block;width:18px;height:21px;background:url(/assets/images/sub/ico_collection.png) no-repeat -38px 0}
.filterArea h4{position:relative;height:54px;padding:18px 30px 0;border-bottom:1px solid #fff;color:#222;font-family:"NotoSansKR-Medium";font-size:16px;background-color:#eff2f4;font-weight: normal;}
.filterArea h4 button{position:absolute;top:50%;right:30px;width:21px;height:16px;padding:5px;margin-top:-8px}
.filterArea h4 button span{display:block;width:11px;height:6px;background:url(/assets/images/sub/ico_collection.png) no-repeat -24px 0}
.filterArea h4 button.active span{background-position:-24px -6px}
.resultFilterArea{position:relative;padding:33px 30px}
.resultFilter{position:relative;margin-top:13px;padding-right:24px}
.resultFilter:first-child{margin-top:0}
.resultFilter > span:first-child{position:relative;margin-right:6px;padding-right:14px;color:#454545;font-family:"NotoSansKR-Regular";font-size:14px}
.resultFilter > span:first-child:after{display:block;content:"";position:absolute;top:50%;right:0;width:8px;height:7px;margin-top:-3px;background:url(/assets/images/sub/ico_collection.png) no-repeat 0 0}
.resultFilter .changeResultFilter{color:#1994e0;font-family:"NotoSansKR-Medium";font-size:14px}
.resultFilter .btnDelete{position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;padding:5px;font-size:0}
.resultFilter .btnDelete span{display:block;width:10px;height:10px;background:url(/assets/images/sub/ico_collection.png) no-repeat -11px 0}
.filterList{padding:33px 30px; padding-top:20px}
.filterList li{display:block;position:relative;margin-top:14px;color:#454545;font-family:"NotoSansKR-Regular";font-size:14px;text-align:left;}/*cursor:pointer*/
.filterList li:first-child{margin-top:0}
.filterList li .btnApplyFilter{position:absolute;top:50%;right:0;width:14px;height:14px;margin-top:-7px;font-size:0;background:url(/assets/images/sub/ico_collection.png) no-repeat 0 -15px}
.filterList .btnMore{width:100%;margin-top:15px}


/* 03.Development Overview */
.overviewArea{padding-top:111px}

.overviewArea .txt01{margin-top:20px;font-family:"NotoSansKR-Regular";font-size:18px;text-align:justify;word-break:break-word}
.overviewArea .txt02{overflow:hidden;margin-top:27px;font-family:"NotoSansKR-Regular";font-size:18px;line-height:1.7;text-align:justify;word-break:break-word}
.overviewArea .txt02:nth-of-type(1){margin-top:50px}
.overviewArea .txt02 .capitalLetter{float:left;position:relative;top:2px;margin:0 6px 0 0;font-family:"NotoSansKR-Bold";font-size:62px;vertical-align:top;line-height:52px}
.overviewPage{padding:47px 30px 0}
.overviewPage .selectLang{margin:0 0 47px}
.overviewPage > .dev-content{display:black;width:100%;}
.overviewPage > .dev-content{overflow: hidden; margin-top: 27px; font-family: "NotoSansKR-Regular"; font-size: 18px; line-height: 1.7; text-align: justify; word-break: break-word;}
/*.overviewPage > .dev-content > p:first-child:first-letter {float: left;position: relative;top: 2px;margin: 0 6px 0 0;font-family: "NotoSansKR-Bold"; font-size: 62px; vertical-align: top; line-height: 52px;}*/
.overviewPage > .dev-content:first-letter {float: left;position: relative;top: 2px;margin: 0 6px 0 0;font-family: "NotoSansKR-Bold"; font-size: 62px; vertical-align: top; line-height: 52px;}
.overviewPage > .dev-content > table{display:block;margin-bottom:10px;width:100%!important;}
.overviewPage > .dev-content > table > tr{border:1px solid #eee;}
.overviewPage > .dev-content > table > tbody > tr > td{border:1px solid #eee;}
.overViewSubCategoryCss{position: relative; display: block; margin-bottom: 10px; padding-top: 5px; padding-left: 18px; color: #888; font-size: 18px;}
.overViewSubCategoryCss::before{display: inline-block; content: ""; position: absolute; top: 17px; left: 0; width: 7px; height: 2px; background-color: #888;}
.overViewSubCategoryCssDetail{display:inline-block;margin-top:-5px;font-size:18px;margin-right:2px}
/* .overviewBySubjectWrap{margin-top:40px;padding:117px 0 120px;background-color:#f2f4f7} */
.overviewBySubjectWrap{margin-top:40px;padding: 90px 0 120px;background-color:#f2f4f7}
.overviewBySubject{overflow:hidden;margin-top:70px}
.overviewBySubject:nth-of-type(1){margin-top:0}
.overviewBySubject dt{float:left;width:169px;min-height:40px;margin-right:3%;font-family:"NotoSansKR-Bold";font-size:20px}
.overviewBySubject dd{float:left;width:78%;}
.overviewBySubject dd a{display:inline-block;position:relative;padding:0 14px 23px}
.overviewBySubject dd a.noBar{padding-left:15px;}
.overviewBySubject dd a.noBar:before{display:none}
.overviewBySubject dd a:before{display:block;content:""; position:absolute;top:5px;left:0;width:1px;height:11px;background-color:#c8c7c7}
.overviewBySubject dd a:hover, 
/* .overviewBySubject dd a.active{color:#1994e0;font-family:"NotoSansKR-Medium";text-decoration:underline} */
.overviewBySubject dd a.active{color:#1994e0;text-decoration:underline}


/* Development Overview search 2022.07.05 */
.overviewBySubjectWrap .searchInputField{position:relative;width: 650px;height:70px;margin: 0 0 50px 0;border:2px solid #1994e0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#fff}
.overviewBySubjectWrap .searchInputField input{width:calc(100% - 70px);height:65px;padding-left:25px;border:0;font-size:20px}
.overviewBySubjectWrap .searchInputField .btnSearch{position:absolute;right:10px;width:26px;height:26px;padding:33px 45px 33px 12px;background:url(/assets/images/common/ico_input_search.png) no-repeat center;text-indent:-9999px}
.overviewBySubjectWrap1 .searchInputField .btnAdvancedSearch{position:absolute;right:0;height:66px;font-size: 16px;line-height: 66px;padding:0 10px;color: #fff;text-transform: capitalize;background: #1994e0;}


.overviewSource{margin-top:95px;padding:83px 0}
.overviewSource dl:nth-of-type(1){margin-top:0}
.overviewSource dl{margin-top:60px}
.overviewSource dt{color:#222;font-family:"NotoSansKR-Bold";font-size:20px}
.overviewSource dd{margin-top:33px;text-align:justify;word-break:break-word}
.overviewSource dd li{margin-bottom:40px;padding-left:11px;text-indent:-8px;font-family:"NotoSansKR-Regular";font-size:16px;line-height:1.5;text-align:justify;word-break:break-word}
.overviewSource dd .type02 li{margin-bottom:40px;padding-left:15px;text-indent:-15px;font-family:"NotoSansKR-Regular";font-size:16px;line-height:1.5}
.overviewSource dd .type03 li{position:relative;margin-bottom:40px;padding-left:18px;font-family:"NotoSansKR-Regular";font-size:16px;line-height:1.5}
.overviewSource dd .type03 li:before{display:block;content:"";position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:50%;background-color:#666}

.overviewArea .picTable{max-width:707px;width:100%;margin:60px auto}
.overviewArea .picTable img{width:100%}

.economicHistoryDataRequest{position:relative;margin-top:45px;padding:83px 85px 45px}
.economicHistoryDataRequest dl{width:68.5567%}
.economicHistoryDataRequest dt{color:#222;font-family:"NotoSansKR-Bold";font-size:20px}
.economicHistoryDataRequest dd{margin-top:36px}
.economicHistoryDataRequest dd li{margin-bottom:35px;font-family:"NotoSansKR-Regular";font-size:16px;line-height:1.5}
.btnControlEhrd{position:absolute;top:123px;right:85px}
.btnControlEhrd a{display:block;margin-bottom:10px}
.btnControlEhrd p{color:rgba(69, 69, 69, 0.7);font-family:"NotoSansKR-Regular";font-size:12px}

.selectLang{margin-top:50px;text-align:right}
.selectLang .inner{display:inline-block;padding-bottom:4px;border-bottom:1px solid #ccc}
.selectLang .inner button{position:relative;margin-right:12px;padding-right:16px}
.selectLang .inner button:after{display:block;content:"";position:absolute;top:50%;right:0;width:1px;height:11px;margin-top:-4px;background-color:#c8c7c7}
.selectLang .inner button:last-child{margin-right:0;padding-right:0}
.selectLang .inner button:last-child:after{display:none}
.selectLang .inner button.active{color:#1994e0;font-family:"NotoSansKR-Medium"}

.tabTopic li a{width:164px}
.topicThemes{overflow:hidden;padding-bottom:64px}
.topicThemes .pic{float:left;margin-right:18px}
.topicThemes .txt01{/* overflow:hidden; */margin-top:27px;font-family:"NotoSansKR-Regular";color:#454545;line-height:1.7;text-align:justify;word-break:break-word}
.topicThemes .txt01:nth-of-type(1){margin-top:50px}
/*.topicThemes .txt01 .capitalLetter{float:left;position:relative;top:2px;margin:0 6px 0 0;font-family:"NotoSansKR-Bold";font-size:62px;vertical-align:top;line-height:52px}*/
.topicThemes .txt01.fistLetterCng:first-letter{float:left;position:relative;top:2px;margin:0 6px 0 0;font-family:"NotoSansKR-Bold";font-size:62px;vertical-align:top;line-height:52px}
.topicThemes .txt01 .innerText{display:inline;font-size:18px;text-align:justify;word-break:break-word}
/* .topicThemes .txt01 .innerText p{display:inline;text-align:justify;word-break:break-word} */
.topicThemes .txt01 .innerText p{display:block;text-align:justify;word-break:break-word}
.topicThemes .innerText a{text-decoration: underline;}
.topicThemes .txt01 .innerText02{margin-top:30px;font-family:"NotoSansKR-Regular";font-size:18px;text-align:justify;word-break:break-word}
.topicThemes .txt01 .txtMore{position:relative;top:6px;height:20px;padding:0 8px;color:#222;border:1px solid #c5d0d6;border-radius:4px;font-family:"NotoSansKR-Medium";font-size:12px}
.topicThemes .txt01 .themesLineGap01{margin-top:35px}
.topicThemes .tooltipWrap{display:inline-block;position:relative;top:3px}
/*.topicThemes .btnTooltipTheme{padding-bottom:3px;border-bottom:1px solid;color:#1994e0;font-family:"NotoSansKR-Regular";font-size:18px;}*/
/* .topicThemes .btnTooltipTheme{padding-bottom:3px;color:#1994e0;font-family:"NotoSansKR-Regular";font-size:18px;text-align:left;text-decoration:underline;} */
.topicThemes .txt01 .btnTooltipTheme{padding-bottom:3px;color:#1994e0;font-family:"NotoSansKR-Regular";font-size:18px;text-align:left;text-decoration: initial;}
.topicThemes .txt01 .btnTooltipThemeCenter{padding-bottom:3px;color:#1994e0;font-family:"NotoSansKR-Regular";font-size:18px;text-align:center;display:block;text-decoration: initial;}
.topicThemes .tooltipWrap .tooltipTheme{display:none;position:absolute;top:34px;left:0;width:auto;min-width:145px;height:auto;margin:0 auto;padding:5px;border-radius:4px;color:#fff;font-family:inherit;font-size:12px;letter-spacing:0;background-color:#27a0ea;z-index: 9999;}
.topicThemes .tooltipWrap .tooltipTheme a{display:inline-block;position:relative;top:1px;width:46px;height:20px;margin-left:6px;padding-top:1px;border-radius:4px;color:#27a0ea;font-size:10px;text-align:center;background-color:#fff}
.topicThemes .tooltipWrap .tooltipTheme:after{display:block;content:"";position:absolute;top:-6px;left:36%;width:14px;height:6px;background:url(/assets/images/sub/tooltip_arrow.png) no-repeat 0 0}

.topicThemes .tooltipWrap .tooltipTheme.blw400{display:none;position:absolute;top:64px;/* left:0; */right:700px;width:auto;min-width:145px;height:auto;margin:0 auto;padding:5px;border-radius:4px;color:#fff;font-family:inherit;font-size:12px;letter-spacing:0;background-color:#27a0ea;z-index: 9999;}
.topicThemes .tooltipWrap .tooltipTheme.blw400 a{display:inline-block;position:relative;top:1px;width:46px;height:20px;margin-left:6px;padding-top:1px;border-radius:4px;color:#27a0ea;font-size:10px;text-align:center;background-color:#fff}
.topicThemes .tooltipWrap .tooltipTheme.blw400:after{display:block;content:"";position:absolute;top:-6px;left:36%;width:14px;height:6px;background:url(/assets/images/sub/tooltip_arrow.png) no-repeat 0 0}

.topicThemes .hiddenTextTheme{display:none;margin-top:30px;padding:35px;font-size:14px;background-color:#fafafa}
.topicThemes .hiddenTextTheme.type01{margin-bottom:20px}
.topicThemes .hiddenTextTheme.type03{width:100%}
.topicThemes .btnCloseHiddenTextTheme{margin-top:30px;text-align:right}
.topicThemes .btnCloseHiddenTextTheme button{width:40px;height:20px;border-radius:4px;color:#fff;font-family:"NotoSansKR-Regular";font-size:10px;background-color:#8c9097}
/* .topicThemes .tooltipWrap .tooltipTheme.blw400{width:400px!important}
.topicThemes .tooltipWrap .tooltipTheme.blw400:after{display:block;content:"";position:absolute;top:-5px;left:10%;width:14px;height:6px;background:url(/assets/images/sub/tooltip_arrow.png) no-repeat 0 0}
.topicThemes .tooltipWrap .tooltipTheme.blw600{width:600px!important}
.topicThemes .tooltipWrap .tooltipTheme.blw600:after{display:block;content:"";position:absolute;top:-5px;left:10%;width:14px;height:6px;background:url(/assets/images/sub/tooltip_arrow.png) no-repeat 0 0}
.topicThemes .tooltipWrap .tooltipTheme.blw800{width:800px!important}
.topicThemes .tooltipWrap .tooltipTheme.blw800:after{display:block;content:"";position:absolute;top:-5px;left:10%;width:14px;height:6px;background:url(/assets/images/sub/tooltip_arrow.png) no-repeat 0 0}
 */

/*20200827*/
.topicSubTitle{overflow:hidden;}
.topicSubTitle .topic-tit{margin-bottom: 40px; padding: 0 8px; font-size: 1.6rem; font-weight: 600; text-align: left; line-height: 2.2rem; color: #000; word-break: break-word; box-sizing: border-box;}
.topicSubTitle .picArea{float:left}
.topicSubTitleList{float:left;width:70.4385%;background:#fff;border-bottom:1px solid #e6e6e6;}
.topicSubTitleList li{border-top:1px solid #e6e6e6;color:#222;font-family:"NotoSansKR-Medium"}
.topicSubTitleList li:first-child{border-top:0}
.topicSubTitleList li > span{display:block;float:left;height:100%}
.topicSubTitleList li .num, .topicSubTitleList li .title a{padding:10px 20px;}
.topicSubTitleList li .num{width:47px;text-align:center;background-color:#fff;border-top:1px solid #e6e6e6;}
.topicSubTitleList li .title{width:calc(100% - 47px);background:#fcfcfc;}
.topicSubTitleList li .title a{display:block;width:100%;height:100%;padding-left:20px;background-color:#fcfcfc;border-top:1px solid #e6e6e6;}
.topicSubTitleList li .title a:hover{color:#1994e0;background-color:#f3f3f3}

.topicThemeView{padding-top:64px}
.topicThemeView .selectLang{margin-top:0;margin-bottom:56px}
.topicThemeView .pic{margin-right:3.9473%}
.topicThemeView .topicSubTitleList{width:70.4385%;}

.topicThemeContents{padding-top:120px}

/* .topicThemeContents p a{text-decoration: underline;color: #1994e0;} */
.topicThemeContents p a{color: #1994e0;}

/*20200827
.topicSubTitle{overflow:hidden}
.topicSubTitle .picArea{float:left}
.topicSubTitleList{float:left;width:70.4385%;border:1px solid #e6e6e6;border-left:0;border-right:0}
.topicSubTitleList li{border-top:1px solid #e6e6e6;color:#222;font-family:"NotoSansKR-Medium"}
.topicSubTitleList li:first-child{border-top:0}
.topicSubTitleList li > span{display:block;float:left;height:100%}
.topicSubTitleList li .num, .topicSubTitleList li .title a{padding-top:15px}
.topicSubTitleList li .num{width:47px;text-align:center;background-color:#fff}
.topicSubTitleList li .title{width:calc(100% - 47px)}
.topicSubTitleList li .title a{display:block;width:100%;height:100%;padding-left:20px;background-color:#fcfcfc}
.topicSubTitleList li .title a:hover{color:#1994e0;background-color:#f3f3f3}

.topicThemeView{padding-top:47px}
.topicThemeView .selectLang{margin-top:0;margin-bottom:56px}
.topicThemeView .pic{margin-right:3.9473%}
.topicThemeView .topicSubTitleList{width:70.4385%;}

.topicThemeContents{padding-top:120px}

.topicThemeContents p a{text-decoration: underline;color: #1994e0;}
*/
/* Theme View  Table */
.contentTable table { width:100%; border-top:1px solid #92915f; border-bottom:1px solid #92915f }
.contentTable h4 { width:100%; margin-bottom:10px; text-align:center; color:#363636 }
.contentTable span { float:right; margin-bottom:5px; font-size:11px }
.contentTable thead { border-bottom:1px solid #92915f; border-top:1px solid #363636; border-left:1px solid #363636; background:#e3e1d4 }
.contentTable thead th, .contentTable tbody td { padding:10px; border-right:1px solid #cdcdcf; color:#363636; text-align:center;  word-break: break-word }
.contentTable tbody{border-left:1px solid #363636;}
.contentTable tbody tr { border-bottom:1px solid #cdcdcf }
.contentTable tbody .tableLast { border-bottom:none }
.contentTable .listLeft { text-align:left } 
.contentTable .listRight { border-right: none }
#biographyTit h5{font-size:30px; margin-bottom:20px;}
/* #biographyWorks table{border:1px solid red;  padding:5px; margin:0px;} */
#biographyWorks table tr td{border-bottom:1px solid #e6e6e6; padding:1px;;} 
#biographyWorks p{line-height:2em; margin-left:8px; padding:3px; padding-left:15px}
#biographyWorks p b {display:block; font-size: 18px; padding-top: 25px; padding-bottom: 18px; margin-left:-10px}

/* table2 marty added */
.contentTable2 table { width:100%; border-top:1px solid #92915f; border-bottom:1px solid #92915f }
.contentTable2 h4 { width:100%; margin-bottom:10px; text-align:center; color:#363636 }
.contentTable2 span { float:right; margin-bottom:5px; font-size:11px }
.contentTable2 thead { border-bottom:1px solid #92915f; background:#e3e1d4 }
.contentTable2 thead th, .contentTable2 tbody td { padding:10px 1px; border-right:1px solid #cdcdcf; color:#363636; text-align:center }
.contentTable2 tbody tr { border-bottom:1px solid #cdcdcf }
.contentTable2 tbody .tableLast { border-bottom:none }
.contentTable2 .listLeft { text-align:left }
.contentTable2 .listRight { border-right: none }
/* Theme View  Table */


/* Theme layerContent */
.layerContentWrap { position:absolute;top:34%;left:42%;width:795px;margin-left:-250px;margin-top:-200px;z-index:12000 }
/* .layerContent { float:left; width:785px; height:453px; border:5px solid #a02c3f; background:#fff; font-size:14px;text-align:left } */
.layerContent { float: left; width: 785px; height: 453px; border: 5px solid #1994e0; background: #fff; font-size: 14px; text-align: left;}

#themeBasedLayer .layerContent {position:relative;float:right;width:784px;min-height:395px;height:auto;padding-top:58px}
/* .layerClose { position:absolute;display:block;right:0px;top:-29px;width:27px;height:27px;background:url(/images/com/btn/btn_layer_close.png) no-repeat;text-indent:-9999px } */
.layerClose {    position: absolute; display: block; text-align: center; right: 0px; top: -29px; color: #333; background-color: #fff;
  }
/* .layerContent p.layerTitle {float:left;margin-top:11px;padding:7px 27px 15px 16px;color:#fff;background: url(/images/com/bg/bg_layer_title_body_ce.gif) no-repeat right top} */
.layerContent p.layerTitle {clear: both; display: inline-block; margin-top: 11px; padding: 0 27px 0 16px; height: 40px; line-height: 40px; vertical-align: middle; background-color: #27a0ea;
    						border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-radius: 50; color: #fff; box-sizing: border-box;}

.layerContent p.layerTitle span.le{display:inline-block;width:7px;background: url(/images/com/bg/bg_layer_title_body_le.gif) no-repeat -5px 0}

#themeBasedLayer .layerContent h1 {position:absolute;top:11px;left:-4px;width:auto;height:29px;padding:0 15px 0 0;margin:0;background:url(/images/com/bg/bg_layer_title_right.png) no-repeat right 0;}
#themeBasedLayer .layerContent h1 span {display:inline-block;min-width:430px;padding:7px 15px 0 20px;background:url(/images/com/bg/bg_layer_title.png) repeat-x}
#themeBasedLayer .layerClose {top:-43px}

.layerContent h2 {margin-bottom:10px;color:#232323;font-size:14px;}
.layerContent ul {margin-top:2px}
.layerContent li {margin-left:16px; margin-bottom:30px}
.layerContent .popup-li{margin-left:10px!important;}
/* .Popup_txtBox {width:722px;padding:15px;border:1px solid #d4d4d4} */
.Popup_txtBox { width: 743px; height: 350px; padding: 15px; border: 1px solid #d4d4d4; overflow-y: auto;}

.Popup_txtBox tbody{border-top:1px solid #999;border-left:1px solid #999;}
.Popup_txtBox td{border-bottom:1px solid #999;border-right:1px solid #999;}
.Popup_txtBox p {color:#363636;font-size:16px;line-height:1.4;}
.layerContent .first-txt p:first-child {margin-bottom:15px}

.Popup_source {position:relative;width:755px;padding:8px 0 7px 0;margin-left:10px;margin-bottom:20px;background:url(/images/com/bg/bg_pattern.png);border:1px solid #ccc} /* border:1px solid #ccc; */
.Popup_source p {padding:0 90px 0 10px;color:inheritfont-size:12px;font-weight:bold} /* letter-spacing:-1px */
.Popup_source a {position:absolute;top:50%;right:3px;width:76px;height:24px;margin-top:-11px;background:url(/images/com/btn/btn_Popup_view.png) no-repeat;text-indent:-9999px}

.intro {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:11000}
.intro .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:10000}

/* more_box popup */
.layerContent .more_box_wrap { display:block;margin-top:-15px;padding:0}

.layerContent .more_box_wrap h1 {background-position: -220px 0 }
.layerContent .more_box_wrap h2 { margin-bottom:20px }

.layerContent .more_box { padding:0; margin:15px; border:none; background:#fff}
.layerContent .more_box ul { margin-top:10px }
.layerContent .more_box li {margin-left:0px;margin-bottom:27px }
.layerContent .more_box_inner> ul > li > ul > li { margin-bottom:10px; padding-left:5px; background-position: 0px 6px }
.layerContent .more_box_inner p { padding-left:0px }

.layerContent .more_img_box { margin-top:10px }
.layerContent .more_img_box img { margin-bottom:5px }
.layerContent .more_img_wrap .right_img {float:right}

.layerContent #scrollBar { width: 785px; clear: both; }
.layerContent #scrollBar .viewport { position: relative; overflow: hidden; width: 770px; height: 390px } /* 2013-10-21 수정 */
.layerContent #scrollBar .overview { position: absolute; left: 0; top: 0; width: 100%; padding-top:5px } /* 2013-10-21 수정 */
.layerContent #scrollBar .scrollbar { position: relative; float: right; width: 4px; margin-right:8px }
.layerContent #scrollBar .track { background: url(../images/com/bg/bg_scroll_bar_top.png) no-repeat center top; height: 100%; width: 4px; }
.layerContent #scrollBar .track .inner-track { position: relative; width: 4px; height: 100%; padding: 0 0; background: url(../images/com/bg/bg_scroll_bar_bottom.png) no-repeat center bottom;  }
.layerContent #scrollBar .thumb { height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background: url(../images/com/bg/layer_scroll_bar_top.png) no-repeat left top }
.layerContent #scrollBar .thumb .inner-thumb { height: 100%; background: url(../images/com/bg/layer_scroll_bar_bottom.png) no-repeat left bottom; }
.layerContent #scrollBar .thumb .end { overflow: hidden; height: 5px; width: 4px;  }
.layerContent #scrollBar .disable{ display: none; }

.layerContent .scrollBarW { width: 785px; clear: both; }
.layerContent .scrollBarW .viewport { position: relative; overflow: hidden; width: 765px; height: 390px } /* 2013-10-21 수정 */
/* .layerContent .scrollBarW .overview { position: absolute; left: 0; top: 0; width: 100%; padding-top:5px } 2013-10-21 수정 */
.layerContent .scrollBarW .overview { position: absolute; left: 0; top: 0; width: 100%; padding-top:5px; height:400px; overflow-x:hidden; overflow-y:auto }
.layerContent .scrollBarW .scrollbar { position: relative; float: right; width: 4px; margin-right:8px }
.layerContent .scrollBarW .track { background: url(../images/com/bg/bg_scroll_bar_top.png) no-repeat center top; height: 100%; width: 4px; }
.layerContent .scrollBarW .track .inner-track { position: relative; width: 4px; height: 100%; padding: 0 0; background: url(../images/com/bg/bg_scroll_bar_bottom.png) no-repeat center bottom;  }
.layerContent .scrollBarW .thumb { height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background: url(../images/com/bg/layer_scroll_bar_top.png) no-repeat left top }
.layerContent .scrollBarW .thumb .inner-thumb { height: 100%; background: url(../images/com/bg/layer_scroll_bar_bottom.png) no-repeat left bottom; }
.layerContent .scrollBarW .thumb .end { overflow: hidden; height: 5px; width: 4px;  }
.layerContent .scrollBarW .disable{ display: none; }
/* Theme layerContent */

.themeSection1{padding:82px 0 80px}

.relatedArea{padding:82px 0}
.titRelatedInstitutes{margin-top:66px}
.relatedInstitutes{margin-top:28px}
.relatedInstitutes a, .relatedInstitutes span{display:inline-block;/* margin:0 33px */margin: 10px 33px 0 0;padding-bottom:4px;border-bottom:1px solid #737373;font-family:"NotoSansKR-Regular";font-size:16px}
.relatedInstitutes span{border:0}
/* .relatedInstitutes a:first-child{margin-left:0} */

.inquiriesToAdvisors{overflow:hidden;position:relative;margin-top:80px}
.inquiriesToAdvisors .tit02{margin-bottom:40px}
.inquiriesToAdvisors .inner{float: left;display:inline-block;margin:10px 0;width:49%;vertical-align:top;}
.inquiriesToAdvisors .inner:nth-child(even){padding-right:40px;box-sizing: border-box; height:70px;}
.inquiriesToAdvisors .inner:nth-child(odd) {padding-right: 0px;box-sizing: border-box; height:70px;}
/*.inquiriesToAdvisors .inner :nth-of-type(1){margin-right:62px; width: 45%;margin-top:10px;}*/
/* .inquiriesToAdvisors .inner .pic {width:70px;display:inline-block;float:left;padding-right:23px} */
/* .inquiriesToAdvisors .inner .pic img{width:50px;height:50px;border-radius:5px;} */
/* .inquiriesToAdvisors .inner .pic img{height:50px;border-radius:5px;} */
.inquiriesToAdvisors .inner .details{display:inline-block;max-width: 80%;/*text-overflow: ellipsis;overflow: hidden;*/}
.inquiriesToAdvisors .inner .name{font-size:16px}
.inquiriesToAdvisors .inner .name button{font-size:16px}
.inquiriesToAdvisors .inner .position{margin-top:5px;color:#8d8d8d;font-family:"NotoSansKR-Regular";font-size:14px; /*line-height: 1.2!important; height: 1.3em!important;*/}
.inquiriesToAdvisors .btnContact{position:absolute;top:74px;right:0}
/* .inquiriesToAdvisors .inner .pic {width: 70px; height: 70px; display: inline-block; float: left; margin-right: 23px; background-color: #eee; text-align: center; border-radius: 15px; vertical-align: middle;} */
.inquiriesToAdvisors .inner .pic {width: 50px; height: 50px; display: inline-block; float: left; margin-right: 23px; background-color: #eee; text-align: center; border-radius: 15px; vertical-align: middle;}
/* .inquiriesToAdvisors .inner .pic img {height: 50px; width: 50px; border-radius: 5px;} */
.inquiriesToAdvisors .inner .pic img {height: 50px!important; width: 50px!important; border-radius: 7px!important;}
.comparativeStudiesWrap{padding:80px 0}
.comparativeStudiesWrap .comparativeStudies{margin-top:0}
.comparativeStudies{margin-top:80px}
.comparativeStudies .inner{margin-top:38px}
.comparativeStudies .inner a{display:inline-block;overflow:hidden;position:relative;width:32.4444%;margin-bottom:22px;padding-left:17px;white-space:nowrap;text-overflow:ellipsis}
.comparativeStudies .inner a span{display:inline-block;padding-bottom:4px;border-bottom:1px solid transparent}
.comparativeStudies .inner a:before{display:block;content:"";position:absolute;top:7px;left:0;width:4px;height:4px;border-radius:50%;background-color:#666}
.comparativeStudies .inner a:hover:before{background-color:#1994e0}
.comparativeStudies .inner a:hover span{color:#1994e0;border-color:#1994e0}

.comparativeStudiesWrap .weblink{margin-top:59px}
.comparativeStudiesWrap .weblink .inner a{margin-bottom:17px}

.commentArea{margin-top:162px}
.commentArea.type01{margin-top:80px}
.commentArea .commentCount{font-family:"NotoSansKR-Bold";font-size:20px}
.commentArea .commentCount .count{color:#1994e0}
.commentArea .commentForm input[type=text]{float:left;width:calc(100% - 150px);height:52px;border:1px solid #72b6e0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}
.commentArea .commentForm button[type=submit]{float:left;width:150px;height:52px;border:1px solid #72b6e0;border-left:0;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#fff;background-color:#1994e0}

.commentForm{overflow:hidden;position:relative;margin-top:26px}
.commentForm input[type=text]{padding:0 120px 0 20px}
.commentForm .countChar{position:absolute;top:20px;right:180px;color:rgba(69, 69, 69, 0.5);font-family:"NotoSansKR-Regular";font-size:12px;letter-spacing:0}
.commentList{margin-top:30px}
.commentList .innerWrap{position:relative;margin-bottom:20px;padding:20px;border:1px solid #e6e6e6;border-radius:4px}
.commentList .innerWrap:hover{background-color:#e7edf2}
.commentList .userInfo span{display:inline-block}
.commentList .userInfo .userId{position:relative;margin-right:7px;padding-right:14px;color:#222;font-family:"NotoSansKR-Medium";font-size:16px}
.commentList .userInfo .userId:after{display:block;content:"";position:absolute;top:50%;right:0;width:1px;height:11px;margin-top:-3px;background-color:#c8c7c7}
.commentList .userInfo .date{position:relative;top:4px;color:#8d8d8d;font-family:"NotoSansKR-Regular";font-size:12px}
.commentList .note{margin-top:15px;font-family:"NotoSansKR-Regular";font-size:16px}
.commentList .btnReply{margin-top:17px;color:#1994e0;font-family:"NotoSansKR-Regular";font-size:12px}
.commentList .commentReplyArea{margin-top:21px;padding:20px 0 0 40px;border-top:1px solid #e6e6e6}

.commentList .menuComment{position:absolute;top:20px;right:15px;width:3px;height:12px;padding:10px;font-size:0;background:url(/assets/images/sub/bullet_comment01.png) no-repeat 50% 50%}
.commentList .layerMenuComment{display:none;position:absolute;top:53px;right:-19px;width:86px;height:50px;padding-top:10px;border:1px solid #c5d0d6;border-radius:4px;background-color:#fff}
.commentList .layerMenuComment:after{display:block;content:"";position:absolute;top:-9px;left:30px;width:20px;height:9px;background:url(/assets/images/common/bullet_layer_comment.png) no-repeat 0 0}
.commentList .layerMenuComment button{display:block;width:100%;height:34px;font-family:"NotoSansKR-Regular";font-size:12px;text-align:center}
.commentList .layerMenuComment button:hover, 
.commentList .layerMenuComment button:focus{color:#1994e0}

/*대댓글*/
.commentReplyArea .replyComment{position:relative; left:720px; top:-60px;right:0px;width:3px;height:12px;padding:10px;font-size:0;background:url(/assets/images/sub/bullet_comment01.png) no-repeat 50% 50%}
.commentList .layerReplyComment{display:inline;position:relative;left:300px; top:-60px;right:0px;width:86px;height:50px;padding-top:10px;border:1px solid #c5d0d6;border-radius:4px;background-color:#fff}
.commentList .layerReplyComment:after{display:block;content:"";position:relative; top:-60px;left:200px;width:20px;height:9px;background:url(/assets/images/common/bullet_layer_comment.png) no-repeat 0 0}
.commentList .layerReplyComment button{display:block;width:100%;height:34px;font-family:"NotoSansKR-Regular";font-size:12px;text-align:center}
.commentList .layerReplyComment button:hover, 
.commentList .layerReplyComment button:focus{color:#1994e0}


.commentWrite{display:none;margin-top:24px;padding:10px;border:1px solid #e6e6e6;border-radius:4px;background-color:#fff}
.commentWrite textarea{width:100%;height:100px;border:0;resize:none;font-family:"NotoSansKR-Regular";font-size:14px}
.commentWrite .btnControl01{margin-top:10px}
.commentWrite .btnControl01 .countChar{display:inline-block;position:relative;top:31px;margin-right:20px;color:rgba(69, 69, 69, 0.5);font-family:"NotoSansKR-Regular";font-size:12px;letter-spacing:0}
.controlComment{margin-top:87px}

.titMultimedia{margin-top:80px}
.multimediaList{overflow:hidden;margin-top:43px}

.multimediaList .item{float:left;position:relative;margin-bottom:10px; width:210px;margin-left:2.2222%}
/*1 : 1번째인 애 */
.multimediaList .item:nth-of-type(1){margin-left:0}
/*5n : 5번째인 애 */
.multimediaList .item:nth-of-type(5){margin-left:0}
/*5번째부터 4번마다 선택 */
.multimediaList .item:nth-of-type(4n+5){margin-left:0}

.multimediaList .item a{display:block;height:auto;}
.multimediaList .item .pic{position:relative;width:100%;height:117px}
.multimediaList .item .pic.sm{position:relative;display:block;width:210px;height:117px;background-size:cover!important;}
.multimediaList .item .pic img{max-width:100%;width:100%}
.multimediaList .item .details{height:60px;padding:10px 14px 0;border:1px solid #e6e6e6;border-top:0;background-color:#fff}
.multimediaList .item .details .vTitle{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.controlMultimedia{margin-top:45px}

.helpcenterTabMenu li a{width:144px}

/* 05.Resources thesaurusView */
.subDetailCont .tabArea{margin-top:-117px}
.synonymsArea{overflow:hidden;display:none;height:394px}
.synonymsArea.bg03{background-color:#e9ebee !important;}
.synonymsTree{float:left;width:50%;height:394px;padding:30px 15px;background-color:#3a4d66;overflow: auto;}
.synonymsTree li a{display:block;position:relative;padding:5px 0 7px 70px;color:#fff;background:url(/assets/images/sub/ico_list_folder.png) no-repeat 42px 8px}
.synonymsTree .depth2 li a{padding-left:90px;background-position:62px 8px}
.synonymsTree .depth3 li a{padding-left:110px;background-position:82px 8px}
.synonymsTree .depth4 li a{padding-left:130px;background-position:102px 8px}
.synonymsTree .depth5 li a{padding-left:150px;background-position:122px 8px}
.synonymsTree .depth6 li a{padding-left:170px;background-position:142px 8px}
.synonymsTree .depth7 li a{padding-left:190px;background-position:162px 8px}
.synonymsTree li a:before{content:"";display:block;position:absolute;top:12px;left:25px;width:10px;height:6px;background:url(/assets/images/sub/ico_list_arrow.png) no-repeat 0 0}
.synonymsTree .depth2 li a:before{left:45px}
.synonymsTree .depth3 li a:before{left:65px}
.synonymsTree .depth4 li a:before{left:85px}
.synonymsTree .depth5 li a:before{left:105px}
.synonymsTree .depth6 li a:before{left:125px}
.synonymsTree .depth7 li a:before{left:145px}
.synonymsTree li a:hover{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-position:42px -42px;background-color:#fff}
.synonymsTree .depth2 li a:hover{padding-left:90px;background-position:62px -42px}
.synonymsTree .depth3 li a:hover{padding-left:110px;background-position:82px -42px}
.synonymsTree .depth4 li a:hover{padding-left:130px;background-position:102px -42px}
.synonymsTree .depth5 li a:hover{padding-left:150px;background-position:122px -42px}
.synonymsTree .depth6 li a:hover{padding-left:170px;background-position:142px -42px}
.synonymsTree .depth7 li a:hover{padding-left:190px;background-position:162px -42px}
.synonymsTree li a:hover::before{content:"";display:block;position:absolute;top:12px;left:25px;width:10px;height:6px;background:url(/assets/images/sub/ico_list_arrow.png) no-repeat 0 -50px}
.synonymsTree .depth2 li a:hover::before{left:45px}
.synonymsTree .depth3 li a:hover::before{left:65px}
.synonymsTree .depth4 li a:hover::before{left:85px}
.synonymsTree .depth5 li a:hover::before{left:105px}
.synonymsTree .depth6 li a:hover::before{left:125px}
.synonymsTree .depth7 li a:hover::before{left:145px}
.synonymsTree li a:hover{color:#1994e0}
.synonymsTree li.lastUl a:before{display:none}
.synonymsTree .treeLocation{font-size:16px}
.location.resour-top{top:400px!important}

/* 06.Statistics */
.tabStatisticsList li a{width:248px}
.tabStatisticsView li a{width:248px}
.StatisticsList{margin-top:54px}
.StatisticsList .inner{overflow:hidden;margin-top:35px}
.StatisticsList a{display:block;float:left;width:50%;margin-bottom:20px;padding-right:30px}
.StatisticsList a .title{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}
.StatisticsList a .summary{display:block;margin-top:7px;color:#8d8d8d;font-family:"NotoSansKR-Regular";font-size:12px;letter-spacing:0}
.statisticsList .searchArea02.noAll input{border-left:1px solid #e6e6e6}
.relatedResources{padding:79px 0 83px}
.relatedResources .pagination{display:block;margin-top:36px;}

.statisticsCategory{overflow:hidden;position:relative;margin-top:25px;padding:18px;background-color:#eceef0;}
.statisticsCategory .category{overflow-y:auto;float:left;width:calc(33.333% - 20px);margin-left:30px;padding:15px 10px;border:1px solid #e6e6e6;background-color:#fff;}
.statisticsCategory .category:nth-of-type(1){margin-left:0}
.statisticsCategory .category .innerScroll{display:block;overflow-y:auto;margin:0px;padding:0px;height:360px;}
.statisticsCategory .category .innerScroll .inner{padding-right:15px}
.statisticsCategory .category .innerScroll a{display:block;width:100%;padding:12px 0 12px 17px;border-radius:4px}
.statisticsCategory .category .innerScroll a.active{background-color:#0c5ece;color:#fff}
.statisticsCategory .category .slimScrollDiv{z-index:10;}



.layerResultCategorySearch{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;padding:18px;background-color:#eceef0}
.layerResultCategorySearch .btnClose{position:absolute;top:23px;right:30px;width:16px;height:16px;font-size:0;background:url(/assets/images/common/btn_close_16x16.png) no-repeat 0 0}
.layerResultCategorySearch .btnReset{position:absolute;top:20px;right:67px;width:18px;height:21px;font-size:0;background:url(/assets/images/common/btn_reset_18x21.png) no-repeat 0 0}
.layerResultCategorySearch .title{padding-left:10px;color:#222;font-family:"NotoSansKR-Medium";font-size:16px}
.layerResultCategorySearch .innerScroll{overflow:hidden;height:336px;margin-top:20px;padding:27px 35px;border:1px solid #e6e6e6;background-color:#fff}
.layerResultCategorySearch .innerTree{overflow:hidden;height:336px;margin-top:20px;padding:27px 35px;border:1px solid #e6e6e6;background-color:#fff}
.layerResultCategorySearch .innerTree .slimScrollDiv{height:278px !important}
.layerResultCategorySearch .innerTree .slimScrollDiv .inner{height:250px !important}
.layerResultCategorySearch a{display:block;position:relative;padding-left:50px}
.layerResultCategorySearch a:before{display:block;content:"";position:absolute;top:5px;left:0;width:11px;height:7px;background:url(/assets/images/sub/ico_up_down_arrow.png) no-repeat 0 0}
.layerResultCategorySearch a.active:before{background-position:0 -7px}
.layerResultCategorySearch a em{color:#1994e0}
.layerResultCategorySearch a .ico{display:block;overflow:hidden;position:absolute;top:0;left:19px;width:22px;height:18px;background:url(/assets/images/sub/ico_folder.gif) no-repeat 0 0}
.layerResultCategorySearch a.icoPage:before{display:none}
.layerResultCategorySearch a.icoPage .ico{display:block;overflow:hidden;position:absolute;top:0;left:19px;width:18px;height:20px;background:url(/assets/images/sub/ico_folder.gif) no-repeat 0 -18px}
.layerResultCategorySearch .inner{overflow-y:auto}
.layerResultCategorySearch .inner li{margin-bottom:22px}
.layerResultCategorySearch .inner li:last-child{margin-bottom:0}
.layerResultCategorySearch .inner ul ul{margin:20px 0 0 17px}
.layerResultCategorySearch .inner ul.lastUl{margin-left:19px}

.resultCategorySelect{margin-top:67px}
.resultCategorySelect .title{margin-right:17px;font-family:"NotoSansKR-Bold"}
.resultCategorySelect .depth1,
.resultCategorySelect .depth2{position:relative;font-family:"NotoSansKR-Medium";}
.resultCategorySelect .depth3{color:#1994e0;font-family:"NotoSansKR-Medium"}
.resultCategorySelect .depth1:after, 
.resultCategorySelect .depth2:after {display: inline-block;content: ""; margin-right:10px; padding-right:13px; width: 6px; height: 11px; background: url(/assets/images/common/ico_location_arrow.png) no-repeat 13px 0;}

.chartArea{margin-top:23px;height:420px;background-color:#fafafa}

.txtChartSource{margin-top:20px;color:#454545;font-family:"NotoSansKR-Regular";font-size:12px}
.csvDownload{margin-top:20px;text-align:right}

/* FAQ */
.accordionList01{margin-top:25px}
.accordionList01 .totalCount{color:#333;font-family:"NotoSansKR-Medium";font-size:18px}
.accordionList01 .totalCount em{position:relative;top:2px;margin:0 4px;color:#1994e0}
.accordionList01 .totalCount.mobile{display:none;font-size:22px}
.accordionList01 ul{margin-top:33px;border-top:1px solid #000}
.accordionList01 ul li{border-bottom:1px solid #f0f0f0}
.accordionList01 ul li:after{display:block;content:"";clear:both}
.accordionList01 ul li.question a{display:block;overflow:hidden;position:relative;width:100%;padding:33px 0 31px;text-align:left}
.accordionList01 ul li.question a:after{display:block;content:"";position:absolute;top:50%;right:20px;width:27px;height:13px;margin-top:-5px;background:url(/assets/images/sub/ico_qna_arrow.gif) no-repeat 0 -18px}
.accordionList01 ul li.question a span{float:left;transition:all 0.5s ease}
.accordionList01 ul li.question a span:first-child{width:138px;color:#717e93;font-family:"NotoSansKR-Medium";font-size:24px;text-align:center}
.accordionList01 ul li.question a span:last-child{position:relative;top:5px;width:calc(100% - 138px);padding-right:85px;color:#454545;font-family:"NotoSansKR-Regular";font-size:15px}
.accordionList01 ul li.answer{padding:33px 0 31px}
.accordionList01 ul li.answer .a{float:left;width:138px;color:#1994e0;font-family:"NotoSansKR-Medium";font-size:24px;text-align:center}
.accordionList01 ul li.answer .answerCont{/* float:left; */font-size:18px;line-height:1.7}
.accordionList01 ul li.question.active a span:first-child{width:138px;color:#1994e0;font-family:"NotoSansKR-Medium";font-size:24px;text-align:center}
.accordionList01 ul li.question.active a span:last-child{top:3px;color:#000;font-size:20px}
.accordionList01 ul li.question.active a:after{width:34px;height:18px;background-position:0 0}
.accordionList01 ul li em.result{color:#1994e0}
.accordionList01 ul li .noResult{padding:33px 0 31px;font-size:18px;text-align:center}

.eventViewContents .bbsView05{margin-top:40px}
.eventViewContents .controlEventView{margin-top:100px}
.eventViewContents .bbsPrevNext.prevArticle{margin-top:100px}

.treeLocation:before{content:"";display:inline-block;position:relative;top:-5px;margin-right:10px;width:6px;height:6px;background:url(/assets/images/sub/ico_bullet.png) no-repeat 0 0}
.treeLocation a{display:inline-block;position:relative;font-size:12px}
.treeLocation a:not(:last-child){margin-right:13px;padding-right:24px;color:#9b9b9b}
.treeLocation a:not(:last-child):after{display:block;content:"";position:absolute;top:3px;right:0;width:6px;height:11px;background:url(/assets/images/common/ico_location_arrow.png) no-repeat 0 0}
.treeLocation a:last-child{color:#1994e0;font-family:"NotoSansKR-Medium"}

.synonymsBbs{float:left;position:relative;width:50%;height:394px;padding:40px 40px 0 40px;background-color:#fff}
.synonymsBbs .bbsList03{margin-top:17px}
.synonymsBbs .bbsList03 li{height:57px}
.synonymsBbs .pagination{margin-top:30px;text-align:center}
.synonymsBbs .pagination li strong, 
.synonymsBbs .pagination a{padding:0 10px 0 6px} 
.synonymsBbs button{position:absolute;bottom:26px;right:40px}

/* QnA */
.qnaArea{margin:42px auto 0}
.qnaArea .title{margin-bottom:61px;color:#222;font-family:"NotoSansKR-Medium";font-size:18px;letter-spacing:-0.3px}
.qnaArea .tit03{margin-top:32px}
.qnaArea .captcha{float:left;margin-right:15px}
.qnaArea .btn{float:left;position:relative;top:13px;width:208px;padding:13px 0 0}
.qnaArea .tit05{margin:50px 0 25px}
.qnaArea ul li{margin-bottom:5px}
.qnaArea .checkboxStyle01{margin-top:20px}
.searchArea02.qna-option {margin:13px 0 20px 0;text-align:left;}
.searchArea02.qna-option button{display:block;width:180px!important;}
.searchArea02.qna-option .layerSearchDivision{display:block; width:180px!important;}

.qna .qna-txt{margin:50px 0 35px;font-size:18px}
.qna dl dt{margin:25px 0 10px}
.qna .name,
.qna .email{overflow:hidden;float:left;width:calc(50% - 5px)}
.qna .name{margin-right:10px}
.qna .question{clear:both;overflow:hidden}
.qna .question textarea{width:100%;height:148px;margin-top:20px;border:1px solid #e6e6e6}
.qna .btnStyle08{margin-top:12px}



/* Privacy Policy */
.privacyPolicyArea{margin-top:50px;/**/ font-family:"NotoSansKR-Regular";font-size:18px;text-align:justify;word-break:break-word}
.privacyPolicyArea h3{margin-top:80px;padding:27px 0;border-bottom:1px solid #f0f0f0;color:#1994e0;font-family:"NotoSansKR-Medium";font-size:20px}
.privacyPolicyArea h3:nth-of-type(1){margin-top:35px;border-top:1px solid #000}
.privacyPolicyArea .txt01{margin-top:26px;line-height:1.4}
.privacyPolicyArea .txt02{margin-top:45px;line-height:1.4}
.privacyPolicyArea .txt02:nth-of-type(1){margin-top:0}
.privacyPolicyArea .listStyle02{margin-top:39px}
.privacyPolicyArea .listStyle02 li{margin-top:6px}
.privacyPolicyArea .listStyle02 li:first-child{margin-top:0}
.privacyPolicyArea .list{margin-top:30px}
.privacyPolicyArea .list li{padding-left:44px;margin-top:20px;text-indent:-44px}
.privacyPolicyArea .list li p{display:inline;padding-left:15px}

/* Development Overview 상세페이지 Visual Image */
.overviewVisual{background:url(/assets/images/test-img/overview_visual1.jpg) no-repeat 50% 0}

/* Sign Up */
.signUpArea{margin-top:50px}
.signUpArea .layoutStyle01{padding:0}
.processSignUp{display:table;overflow:hidden;table-layout:fixed;width:100%;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.processSignUp li{display:table-cell;height:88px;border-right:1px solid #e6e6e6;background-color:#f5f7f8;text-align:center;vertical-align:middle}
.processSignUp li:last-child{border-right:0}
.processSignUp li.active{border-right-color:#1994e0;color:#fff;background-color:#1994e0}
.processSignUp li:last-child.active{border-right-color:#1994e0}
.processSignUp li > span{display:block}
.processSignUp li .step{margin-left:-100px;font-family:"NotoSansKR-Medium";font-size:16px}
.processSignUp li:nth-child(2) .step{margin-left:-86px}
.processSignUp li:nth-child(3) .step{margin-left:-90px}
.processSignUp li .add{margin-top:9px;font-family:"NotoSansKR-Regular";font-size:14px}
.signUpArea .titSignUp{margin-top:72px;color:#222;font-family:"NotoSansKR-Bold";font-size:30px}
.signUpArea .titSignUp:nth-of-type(1){margin-top:45px}
.signUpArea .viewTerms01{overflow:hidden;height:250px;margin-top:40px;padding:20px 10px 20px 37px;border:1px solid #e6e6e6;font-family:"NotoSansKR-Regular";font-size:12px;word-break:break-all}
.signUpArea .viewTerms01 .innerScroll{overflow-y:auto;height:230px;padding-right:37px}
.signUpArea .viewTerms01 pre{white-space:pre-wrap;font-family:"NotoSansKR-Regular"}
.signUpArea .checkboxStyle01{margin:20px 0 50px}
.signUpArea .checkboxStyle01 > span{font-size:12px;color:#1994e0;}

.signUpArea .chkAllSignUp{padding-top:20px;border-top:1px solid #e6e6e6}
.signUpArea .controlSignUp{margin-top:100px}
.signUpArea .controlSignUp a{margin:0 4px}
.signUpArea .sdgChkList01{margin-top:43px}
.signUpArea .sdgChkList02{margin-top:45px}
.signUpArea .tablelist03{margin-top:45px}

.signUpAdd{margin-top:43px}
.signUpAdd.type01{margin-top:111px}
.signUpAdd h4{position:relative}
.signUpAdd h4 a{display:inline-block;position:relative;top:-3px;width:20px;height:20px;margin-left:10px;vertical-align:middle;background:url(/assets/images/sub/ico_question.gif) no-repeat 0 0}
.signUpAdd h4 .txt{position:absolute;top:21px;right:0;color:rgba(69, 69, 69, 0.7);font-family:"NotoSansKR-Regular";font-size:12px}

/* About */
.tabAbout li a{min-width:195px}
.aboutArea .titAbout{margin-top:86px;color:#222;font-family:"NotoSansKR-Bold";font-size:38px}
.aboutArea .titOrganization{margin-top:88px}
.aboutK{margin-top:43px;padding:25px 120px 120px}
.aboutArea .define01{overflow:hidden;padding-top:75px}
.aboutArea .define01:nth-of-type(1){padding-top:90px}
.aboutArea .define01 dt, 
.aboutK .define01 dd{float:left}
.aboutArea .define01 dt{width:24.7777%;color:#222;font-family:"NotoSansKR-Bold";font-size:20px}
.aboutArea .define01 dd{width:75.2223%;font-family:"NotoSansKR-Regular";font-size:18px;line-height:1.7;word-break:break-word;text-align:justify}
.aboutArea .define01 .pic{float:left;width:292px;height:140px;margin:0 12px 10px 0;background:#fff url(/assets/images/sub/about_logo.png) no-repeat center;background-size:80%;text-indent:-9999em;font-size:0;}
.aboutArea .define01 .txt01{display:block;margin-top:30px;color:#454545}
.aboutArea .define01 .txt02{margin-top:32px}
.aboutArea .define01 .txt02:nth-of-type(1){margin-top:0}
.aboutArea .videoAreaWrap{margin-top:77px;padding:0}

.brochureDownload{overflow:hidden;margin-top:97px;height:226px;padding-top:88px;background-color:#3b4c66}
.brochureDownload p{float:left;color:#fff;font-family:"NotoSansKR-Bold";font-size:38px}
.brochureDownload button{float:right}

.aboutContents.organization{margin-top:40px;padding:120px}
.aboutContents.organization .define01 dd{float:right;word-break:break-word;text-align:justify}
.aboutContents.organization .btnControl01{margin-top:20px}

.aboutContents.aboutPartner{margin-top:40px;padding:115px 123px;word-break:break-word}
.aboutContents.aboutPartner p{margin-bottom:30px;font-family:"NotoSansKR-Regular";font-size:18px;line-height:1.7}

.aboutContents.partners{margin-top:42px}
.aboutContents.partners a{display:inline-block;width:172px;margin:0 18px 30px 0}
.aboutContents.partners a:nth-child(6n){margin-right:0}
.aboutContents.partners a .pic{width:150px;margin:0 auto;border-radius:50%;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1)}
.aboutContents.partners a p{margin-top:16px;color:#222;font-family:"NotoSansKR-Medium";font-size:16px;text-align:center}

.partners02{margin-top:90px}
.partners02 h4{margin:83px 0 40px;color:#222;font-family:"NotoSansKR-Bold";font-size:20px}
.partners02 h4:nth-of-type(1){margin-top:0}
.partners02 p{font-family:"NotoSansKR-Regular";font-size:16px;line-height:1.5;word-break:break-word;text-align:justify}
.partners02 .txt01{margin-bottom:40px}
.partners02 p strong{font-family:"NotoSansKR-Medium"}

.partnerShipArea{height:448px;margin-top:95px;padding:80px 0;color:#fff}
.partnerShipArea h4{font-family:"NotoSansKR-Bold";font-size:38px}
.partnerShipArea p{margin-top:29px;font-family:"NotoSansKR-Regular";line-height:1.7;font-size:18px}
.partnerShipArea p.txt01{margin-top:26px;font-weight:bold;color:#fff}
.partnerShipArea p.txt01 strong{font-family:"NotoSansKR-Medium"; font-weight:normal;}


/* wideLine Area */
.wideLineArea{margin-top:95px;padding:80px 0 60px 0;color:#fff}
.wideLineArea h4{font-family:"NotoSansKR-Bold";font-size:38px}

/* guide box */
.guideBox{padding:20px 0;}
.guideBox h4{margin-top:45px;font-family:"NotoSansKR-Medium";font-size:25px}
.guideBox h4:first-of-type{margin-top:25px;}
.guideBox p{font-family:"NotoSansKR-Regular";line-height: 1.3;font-size:18px}
.guideBox > p{margin: 15px 0 25px 27px;}
.guideBox ul{margin: 15px 0 15px 27px;font-family:"NotoSansKR-Regular";line-height: 1.3;font-size:18px}
.guideBox ul > li{padding: 10px 0;}
.guideBox ul.ic > li{position: relative;padding: 10px 0 10px 15px;}
.guideBox ul.ic > li:before{display:inline-block;position: absolute;content:'';width: 4px;height: 4px;margin: 10px 0 0 -15px;background-color: #9a9a9a;vertical-align: middle;}
.guideBox ul.num > li > em{display: inline-block;margin-right: 5px;font-style: normal;}
.guideBox ul.num > li > p{display: inline-block;width: calc(100% - 30px);margin-top: 0;}
.guideBox p.txt01 strong{font-family:"NotoSansKR-Medium"; font-weight:normal;}

.guideBox ul > li > ul{margin: 9px 0 9px 15px;line-height: 1.3;font-size:16px}
.guideBox ul > li > ul > li{padding: 6px 0;}

.guideBox .picInner{display: flex;flex-wrap:wrap;margin: 15px 0 45px 27px;font-family:"NotoSansKR-Regular";line-height: 1.3;font-size:18px}
.guideBox .picInner .pict{max-width:40%;max-height:250px;overflow: hidden;}
.guideBox .picInner .pict img{width:100%;height:100%;object-fit:cover;} 
.guideBox .picInner .textCont{max-width:55%;}
.guideBox .picInner .textCont.right{margin-left:35px}
.guideBox .picInner .textCont.left{margin-right:35px}


/* Service */
.mailingServiceArea{padding:110px 0 121px}
.mailingServiceArea h3{margin-bottom:50px}
.mailingServiceArea .txt01{font-family:"NotoSansKR-Regular";font-size:16px}
.mailingServiceArea .listStyle01{margin-top:35px}
.mailingServiceArea .listStyle01 li{margin-bottom:4px}
.mailingServiceArea .agree{margin-top:30px}
.mailingServiceArea .agree .txt01{display:inline-block;position:relative;top:-3px;margin-right:10px}
.mailingServiceArea .agree input[type=checkbox] + label{font-size:12px}
.mailingServiceArea .agree .checkboxStyle01 label:before{margin-top:-9px}
.mailingServiceArea .mailingForm{overflow:hidden;margin-top:85px}
.mailingServiceArea .mailingForm .inner01{float:left;width:30.9649%;margin-right:1.7543%}
.mailingServiceArea .mailingForm .inner02{float:left;width:67.1929%}
.mailingServiceArea .mailingForm .inner02 input[type=text]{float:left;width:70.1044%;margin-right:2.7415%}
.mailingServiceArea .mailingForm .inner02 .btnStyle08{float:left;top:1px;width:27.1540%}
.mailingServiceArea .mailingForm label{display:block;margin-bottom:17px}
.bbsNewsletter{margin-top:110px}
.bbsNewsletter .searchArea02{margin-top:40px}
.bbsNewsletter .searchArea02 input[type=text]{width:425px;border-left:1px solid #e6e6e6;border-top-left-radius:4px;border-bottom-left-radius:4px}
/* 20200817 추가 */
#newsLetterView .viewContents img {max-width:100%;}


/* My Page */
.tabMyPage li a{width:140px}
.mypageMain{overflow:hidden;margin-top:72px;padding:28px 27px;border:1px solid #e6e6e6;border-radius:4px}
.myMainList{float:left;height:384px;padding-top:60px;border-right:1px solid #e6e6e6}
.myMainList:nth-child(3n){border-right:0}
.myMainList.type01{width:32.5323%}
.myMainList.type02{width:34.0110%}
.myMainList.type03{width:33.4565%}
.myMainList h3{color:#222;font-family:"NotoSansKR-Bold";font-size:30px;text-align:center}
.myMainList .txt01{margin-top:43px;font-family:"NotoSansKR-Regular";font-size:16px;text-align:center}
.myMainList .btnControl01{margin-top:55px}
.myMainList .btnStyle14:hover{background-color:#1994e0}
.myMainList .count{position:relative;width:136px;height:136px;margin:10px auto 0;border:3px solid #e6e6e6;border-radius:50%}
.myMainList .count span{position:absolute;top:50%;left:50%;color:#1994e0;font-family:"NotoSansKR-Bold";font-size:50px;transform:translate(-50%, -50%)}
.myMainList:nth-child(n):nth-child(-n+3){border-bottom:1px solid #e6e6e6}
.myMainList:nth-child(n):nth-child(-n+3) .txt01{min-height:60px}
.myMainList:nth-child(n+4):nth-child(-n+6){height:454px;padding-top:84px}
.myMainList:nth-child(n+4):nth-child(-n+6) .count{margin-top:22px}
.myMainList:nth-child(n+4):nth-child(-n+6) .txt01{margin-top:28px}
.myMainList:nth-child(n+4):nth-child(-n+6) .btnControl01{margin-top:43px}

.tabMyAccount .tablelist03{margin-top:43px}
.tabMyAccount .sdgChkList01{margin-top:44px}
.tabMyAccount .sdgChkList02{padding-bottom:0}
.tabMyAccount .btnControl01	{margin-top:100px}

.tabMyHistory .bbsList04{margin-top:44px}
.tabMyHistory .btnControl01{margin-top:45px}

.tabMyAlarm .alarmListWrap{overflow:hidden;margin-top:44px}
.tabMyAlarm .alarmList{display:table;table-layout:fixed;float:left;width:49.1228%;min-height:159px;margin-bottom:20px;border:1px solid #e6e6e6;border-radius:4px}
.tabMyAlarm .alarmList:nth-child(2n){float:right}
.alarmList h3,
.alarmList .slideButton{display:table-cell;vertical-align:middle}
.alarmList h3{width:72%;padding:0 30px;color:#222;font-family:"NotoSansKR-Bold";font-size:20px}
.alarmList .txt01{margin-top:14px;font-family:"NotoSansKR-Regular";font-size:16px;line-height:1.5}
.alarmList .slideButton{width:74px}
.alarmList .slideButton .rail{position:relative;width:50px;height:15px;border-radius:20px;background-color:#1994e0}
.alarmList .slideButton .rail button{position:absolute;top:-8px;width:30px;height:30px;border:1px solid #c6d1d7;border-radius:50%;transition:all 0.3s ease-in-out;background-color:#fff}
.alarmList .slideButton .rail button.on{left:25px}
.alarmList .slideButton .rail button.off{left:-5px}

.titTopicsOfInterest{margin-top:112px}

.tabMyQnA .bbsList04{margin-top:30px}
.tabMyQnA .btnControl01{margin-top:50px}
.tabMyQnA .pagination{margin-top:14px}

.tabMyBookmark .bbsList04{margin-top:44px}
.tabMyBookmark .btnControl01{margin-top:45px}

.bookmarkViewContents .article{overflow:hidden;border-bottom:1px solid #f0f0f0}
.bookmarkViewContents .article dt{float:left;width:5.0877%;color:#1994e0;font-family:"NotoSansKR-Medium";font-size:24px;text-align:center}
.bookmarkViewContents .article dt span{position:relative}
.bookmarkViewContents .article dd{float:left;position:relative;width:94.9122%;padding:0 78px 0 33px;font-size:16px}
.bookmarkViewContents .question{padding:89px 0 92px}
.bookmarkViewContents .question dt span{top:-5px}
.bookmarkViewContents .question dd{line-height:1.7}
.bookmarkViewContents .answer{margin-bottom:7px;padding:0 0 92px;border-bottom:1px solid #ccc}
.bookmarkViewContents .answer dt span{top:23px}
.bookmarkViewContents .answer dd{font-family:"NotoSansKR-Regular";font-size:16px;line-height:1.7}
.bookmarkViewContents .answer dd .date{position:absolute;top:26px;right:0}
.bookmarkViewContents .answer dd pre{margin:0;font-family:"NotoSansKR-Regular";font-size:16px}

/* Site Map */
.sitemapArea{margin-top:79px}
.sitemap{overflow:hidden;padding:29px 29px 29px 29px;border:1px solid #e6e6e6;border-radius:4px}
.sitemap .list{float:left;padding:30px 0 0 0;border-right:1px solid #e6e6e6}
.sitemap .list.type01{width:23.6111%;padding-left:15px}
.sitemap .list.type02{width:26.3888%;padding-left:34px}
.sitemap .list.type03{width:26.3888%;padding-left:43px}
.sitemap .list.type04{width:23.6111%;padding-left:42px}
.sitemap .list:nth-child(n+1):nth-child(-n+4){height:371px;padding-top:25px;border-bottom:1px solid #e6e6e6}
.sitemap .list:nth-child(4n){border-right:0}
.sitemap .list:nth-child(n+5):nth-child(-n+8){height:340px;padding-top:55px}
.sitemap .list:nth-child(n+5):nth-child(-n+8) ul{margin-top:5px}
.sitemap h3{min-height:72px;color:#222;font-family:"NotoSansKR-Bold";font-size:28px;word-break:break-all}
.sitemap ul{margin-top:47px}
.sitemap li{margin-top:13px}
.sitemap li:first-child{margin-top:0}

.sitemap li a{display:inline-block;position:relative;padding:0 0 4px 14px;border-bottom:1px solid transparent;font-family:"NotoSansKR-Regular"}
.sitemap li a:before{display:block;content:"";position:absolute;top:50%;left:0;width:4px;height:2px;background:url(/assets/images/sub/bullet_sitemap.gif) no-repeat 0 0}
.sitemap li a:hover{border-color:#1994e0;color:#1994e0;font-family:"NotoSansKR-Regular"}
.sitemap li a:hover:before{background-position:0 -2px}

.dataRequestForm{margin-top:32px}
.dataRequestForm .tit04{margin-top:62px}
.dataRequestForm .tit04:nth-of-type(1){margin-top:0}
.dataRequestForm .txt01{margin-top:33px;font-size:16px;line-height:1.7;text-align:justify;word-break:break-word}
.dataRequestForm .txt02{margin-top:36px;font-size:18px;text-align:justify;word-break:break-word}
.dataRequestForm .tablelist03{margin-top:44px}
.dataRequestForm .textAreaStyle01{height:130px;margin-top:18px}
.dataRequestForm .viewTerms01{overflow:hidden;height:250px;margin-top:40px;padding:20px 10px 20px 37px;border:1px solid #e6e6e6;font-family:"NotoSansKR-Regular";font-size:12px;word-break:break-all}
.dataRequestForm .viewTerms01 .innerScroll{overflow-y:auto;height:230px;padding-right:37px}
.dataRequestForm .viewTerms01 pre{white-space:pre-wrap;font-family:"NotoSansKR-Regular";line-height:1.7}
.dataRequestForm .btnControl01{margin-top:100px}
.dataRequestForm .btnControl01 a{width:152px;padding-left:0;padding-right:0}
.dataRequestForm .sectionGap01 .dataRequestForm{margin-top:0}
.dataSecurityWrap{margin-top:80px;padding:80px 0}
.dataSecurityWrap .dataRequestForm{margin-top:0}

/* 13.My_Page */
.accountTable .style01 .del{position:relative}

/* Media Queries */
@media all and (max-width:1000px){
	.advisorProfile .inner01,
	.advisorProfile .inner02{width:100%}
	.advisorProfile .inner01{padding-left:60px}
}

/*********************
        tablet
**********************/
@media all and (max-width:1024px){
	.wrap{width:100%;min-width:100%}
	.searchWrap{min-width:1280px}
	.layoutSection01 .layoutRight{padding-left:20px}	
	.searchArea03 .txt01{width:100%}
	.searchArea03 .inner{position:relative;width:100%;margin-top:40px}	

	/* 02.About */
	.aboutK{padding:30px}
	.videoArea img{width:100%;height:100%}
	.aboutContents.organization{padding:30px}
	.aboutContents.organization img{width:100%;height:100%}
	.aboutContents.partners a{width:33%;margin-right:0}

	/* 03.Development Overview */
	.overviewBySubjectWrap{padding:50px 0}
	.overviewBySubject{margin-top:40px}
	.overviewBySubject dt{width:100%;margin-right:0}
	.overviewBySubject dt br{display:none}
	.overviewBySubject dd{width:100%;}
	.overviewBySubject dd a{display:block}
	.overviewBySubject dd a:before,
	.overviewBySubject dd a.noBar:before{display:block;top:9px;width:3px;height:3px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;background-color: #454545;}
	.overviewBySubject dd a.noBar{padding: 0 14px 23px;}
	.overviewSource{padding:50px 30px}

	.overviewBySubjectWrap .searchInputField {width:100%;margin: 0 0 25px 0;}

	/* 04.Development Topics */	
	.topicThemeView .pic{margin-right:20px}
	.topicThemeView .topicSubTitleList{width:calc(100% - 312px)}
	.topicThemeContents{padding:0 30px}
	.themeSection1{padding:20px 0}
	.multimediaList .item{width:calc(50% - 1.2%);margin-bottom:2%}
	.multimediaList .item:nth-child(odd){margin-left:0}
	.multimediaList .item .pic.sm{width: 100%;}
	.multimediaList .item .pic{height:auto}
	.comparativeStudiesWrap{padding:40px 0}	
	.controlComment{margin-top:20px}
	/* .layerClose {position: absolute; display: block; text-align: center; right: -3px; top: -22px; width: 27px; height: 28px; border: 2px solid #27a0ea; border-radius: 14px; color: #333; background-color: #fff; border: 2px solid #27a0ea;} */
	
	/*.inquiriesToAdvisors .inner{display:block;margin-bottom: 10px;width:100%;}
	.inquiriesToAdvisors .inner:nth-child(odd){padding-right:0px;box-sizing: border-box;}*/

	/* 05.Resources */
	.visualAreaSub .location{top:475px;}
	.visualAreaSub .tabResourcesView{position:absolute;top:454px;margin-top:0}
	.infoArea01 .inner01{margin-right:20px}
	.infoArea01 .inner02{width:calc(100% - 292px - 20px)}
	.synonymsArea{height:auto}
	.synonymsTree,
	.synonymsBbs{float:none;width:100%;height:auto;padding:43px 30px 55px}
	.infoArea01 .inner01 .pic{margin:0 auto}
	.videoAreaWrap{padding:64px 30px}
	.sectionGap01{padding:83px 30px}
	.commentArea.type01{margin-top:0;padding:40px 30px}
 
	/* 05.Resources thesaurusView */
	.subDetailCont .tabArea{margin-top:-40px}
   
    /* 05.Resources -sub */
	.location.resour-top {top: 480px!important;}
    
	/* 06.Statistics */
	.tabStatisticsList li a{width:220px;padding:11px 6px 0}
	.statisticsCategory .category{width:calc(33.333% - 10px);margin-left:15px;word-break:break-all}	
	.statisticsCategory{margin-top:40px}	
	.searchArea02 .txtChartSource{bottom:-26px}
	.economicHistoryDataRequest{padding:40px 5% 30px;margin:0 -5vw}
	.economicHistoryDataRequest dl{width:100%}
	.btnControlEhrd{position:inherit;top:0;left:0}
	
	/* 07.Events */
	.eventListArea{margin-top:60px}	
	.eventListArea .item{width:calc(50% - 10px);height:77.25vw; margin-bottom:26px}
	.eventListArea .item:nth-child(odd){margin-left:0}
	.eventListArea.item3 .item {width:100%;height:238px;margin-left:0}
	.eventListArea.item3 .item:nth-child(2){width:100%!important;}
	.eventListArea.item3 .item:nth-child(3){width:100%!important;}
	.eventListArea.item3 .item .pic {float:left;width:178px;height:237px!important;}
	.eventListArea.item3 .item:nth-child(1) .details,
	.eventListArea.item3 .item:nth-child(2) .details,
	.eventListArea.item3 .item:nth-child(3) .details {float:left;width:calc(100% - 178px);padding:30px;height:100%;border:1px solid #e6e6e6}
	.eventListArea.item3 .item:nth-child(3){margin-top:0}
	.eventListArea .details{height:auto}
	.eventListArea.item3 .details .txt01{font-size:18px;line-height:1.3}
	.eventListArea.item3 .item:nth-child(1) .details .txt01 ul{display:block}
	.eventListArea.item3 .item .details{height:223px;}
  .eventListArea.item4 > .item .pic {width:100%;height:calc(77.25vw - 157px)! important; overflow:hidden;}
  .eventlist > a > h3.lineClamp2{height:auto;}
  .tablelist02 tbody th, .tablelist02 tbody td{padding:14px 0 14px 8px;}
    
  /* 이벤트 페이지 상단 2개 이미지 크기조절 */
  .eventListArea.item2 .pic{height:59.9vw!important;}
    
	/* 10.Service */
	.sitemap{padding:29px 2vw}
	.sitemap h3{font-size:22px}
	.sitemap .list.type01{padding-left:0}
	.sitemap .list.type02,
	.sitemap .list.type03,
	.sitemap .list.type04{padding-left:2vw}

	/*layer pop*/
	.layerContentWrap {margin-left:-310px;}
	.layerContent{height:360px;}
}
	
@media all and (max-width:950px){
	.inquiriesToAdvisors .inner{display:block;margin-bottom: 10px;padding-right:0px;width:100%;}
	}
	
	
/*--------------------------------------@media all and (max-width:900px)-----------------------------------  */
@media all and (max-width:900px){
	/* 04.Development Topics */	
	.subVisualDetail04 h1{font-size:42px}
	.visualAreaSub .theme-doURL > span.type01{margin-top:25px;font-size:18px}

	
	/* 05.Resources */
	.subVisualDetail05 h1 {font-size: 42px;}
	.visualAreaSub .theme-doURL{position:absolute;top:315px;}
	.visualAreaSub .theme-doURL01{position:absolute;top:330px;}
    .visualAreaSub .theme-doURL01 > span.type01{margin-top:25px;font-size:18px}
	
	.brochureDownload{padding-top:50px}
	.brochureDownload p{margin-bottom:20px}
	.brochureDownload button{float:left}
	
	
	/* 05.Resources -sub */
	.visualAreaSub .theme-doURL01{position:absolute;top:255px;width: 90%;}/*resources*/
	.location.resour-top {top: 480px!important;}
	
	/*layer pop*/
	.layerContentWrap {width:550px;margin-left:-215px;top:40%; }
	.layerContent {width: 550px; height: 453px;  font-size: 14px;}
	.layerContent .scrollBarW { width: 535px; clear: both; }
    .layerContent .scrollBarW .viewport { wwidth: 530px; height: 390px; }
    .Popup_txtBox{width: 518px; height: 250px;  overflow: scroll;}
    .layerClose {    position: absolute; display: block; text-align: center; right: 20px; top: -29px; width: 27px; margin: 45px 0 0 0; padding: 2px 5px;height: 28px;}
    .Popup_source{width:518px;}
    
}
/*--------------------------------------@media all and (max-width:767px)-----------------------------------  */
@media all and (max-width:767px){
	.tit01{margin-top:40px;font-size:28px}
	.location{left:5vw}
	.location a{margin-right:5px;padding-right:16px}
	.btnFunc{top:208px;right:5vw}
	.tabArea{margin:0 -5vw !important}
	.tabMenuStyle01{overflow:initial;padding:8px 5vw;margin-top:0}
	.tabMenuStyle01 li{margin-bottom:0}
	.tabMenuStyle01 li a.active:after{display:none}	
	/*추가*/
	.layerClose {right: 15px;}
	.selectLang{text-align:center}
	.visualArea{height:268px;}	
	.visualArea h1{top:70px;font-size:42px}
	.visualArea .location{top:216px;width:calc(100% - 90px)}
	.visualAreaSub{height:440px;}
	.visualAreaSub .bbsList02{top:65px;}
	.visualAreaSub h2, .visualAreaSub h1{padding-right:5vw;}
	/*	.visualAreaSub h2, .visualAreaSub h1{top:105px;padding-right:5vw;}*/
	.visualAreaSub .location{top:390px;width:calc(100% - 120px)}
	.visualAreaSub .location.type01{top:390px;}
	.visualAreaSub .btnFunc{top:382px}

	/* 02.About */
	.aboutArea .titAbout{margin-top:0;padding-top:40px;line-height:1;font-size:20px;}
	.aboutArea .tabAbout{height:auto}
	.aboutArea .tabAbout li{float:none;width:100%}
	.aboutArea .tabAbout li a{min-width:102px;padding:13px 10px 0;font-size:14px}
	.aboutArea .aboutK{margin:40px -5vw;padding:0 5vw 40px;}
	.aboutArea .define01:nth-of-type(1){padding-top:40px}
	.aboutArea .define01 dt,
	.aboutArea .define01 dd{width:100%}
	.aboutArea .define01 dd{padding-top:15px;font-size:16px;}
	.aboutArea .define01 .pic{width: 100%;height: 200px;}
	.brochureDownload{margin-top:50px;padding-top:55px}
	.brochureDownload p{font-size:28px}
	.aboutContents.organization{margin:40px -5vw;padding:30px 5vw}
	.partnerShipArea{height:auto;margin-top:60px;padding:30px 0}
	.partnerShipArea h4{font-size:28px}
	.partnerShipArea p{margin-top:25px;line-height:1.3;font-size:16px}
	.partnerShipArea p.txt01{margin-top:15px}
	.aboutArea .videoAreaWrap .layoutStyle01{padding:0}
	.aboutContents.partners a{width:calc(33.333% - 10px);margin-right:10px}
	.aboutContents.partners a:nth-child(3n){margin-right:0}
	.aboutContents.partners a .pic{width:80%}
	.aboutContents.partners a .pic img{width:100%;height:100%}

	/* 03.Development Overview */
	.visualArea.overviewVisual h1{font-size:30px;word-wrap: break-word!important; overflow: hidden; text-overflow: ellipsis; line-height: 1.2!important; height:  3.7em!important; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.visualArea.overviewVisual h2{font-size:30px}
	.overviewVisual .subVisualTitle{top:30px}
	.overviewBySubjectWrap{padding:40px 0}		
	.overviewSource{margin-top:40px;padding:40px 5vw !important}
	.overviewPage{padding:20px 5vw 0}
	.layoutStyle03.bbsRelatedResources{margin-top:40px; padding:40px 5vw}	
	
	.controlOverviewDetail{margin-top:20px}	

	.overviewBySubjectWrap .searchInputField {width:100%;height: 56px;}
	.overviewBySubjectWrap .searchInputField input{width:calc(100% - 50px);height:52px;padding-left:10px;border:0;font-size:18px}
	.overviewBySubjectWrap .searchInputField .btnSearch{position:absolute;right:3px;width:26px;height:26px;padding:27px 35px 27px 12px;}
	.overviewBySubjectWrap1 .searchInputField .btnAdvancedSearch{position:absolute;right:0;height:56px;font-size: 16px;line-height: 56px;padding:0 10px;}

	/* 04.Development Topics */	
	.layoutStyle03{padding:0 5vw}
	.resourceListAdd .txt01{line-height:1.7}
	.resourceListAdd .txt01 a{top:0}
	.subVisualDetail04.visualAreaSub h1{font-size:42px;word-break:break-all}
	.subVisualDetail04.visualAreaSub h1 span.type01{font-size:16px}
	.subVisualDetail04.visualAreaSub h1 span.type01 .break{display:block;padding-top:10px;}
	.overviewPage .selectLang{margin:30px 0}
	.topicThemeView{padding-top:40px}	
	.topicThemeView .selectLang{margin-bottom:20px}
	.topicThemeView .pic,
	.topicThemeContents{padding:0 5vw}
	/*.inquiriesToAdvisors .inner{margin-bottom:10px}*/
	/*.inquiriesToAdvisors .inner:nth-of-type(1){margin-right:0}*/
	.topicThemeView .topicSubTitleList{width:100%}
	.topicSubTitleList li{height:auto;background-color:#fff}
	.topicSubTitleList li .num,
	.topicSubTitleList li .title a{padding:10px 20px}
	.topicThemes{padding-bottom:40px}
	.themeSection1{padding:20px 5vw 40px}
	.themeSection1 .layoutStyle03,
	.relatedResources .layoutStyle03,
	.comparativeStudiesWrap .layoutStyle03{padding:0}
	.commentArea.mt85{margin-top:40px !important}
	.relatedInstitutes a:last-child{margin-right:0}
	.titMultimedia{margin-top:20px}	
	.multimediaList{margin-top:20px}
	.multimediaList .item{width:calc(50% - 5px);margin-left:10px;margin-bottom:10px}
	.multimediaList .item:nth-child(odd){margin-left:0}
	.multimediaList .item .pic{height:auto}
	.multimediaList .item .details{height:auto;padding:10px 14px}
	.controlMultimedia{margin-top:20px}
	.controlMultimedia a{width:100%;height:45px;margin-left:0;padding:14px 33px 0} 
	.relatedResources,
	.comparativeStudiesWrap{padding:40px 5vw}
	.StatisticsList,
	.comparativeStudiesWrap .weblink,
	.titRelatedInstitutes{margin-top:40px}
	.StatisticsList a{width:100%;padding:0}
	.StatisticsList a:nth-child(odd){margin-left:0}
	.commentArea.type01{padding:40px 0}
	.commentArea .commentForm input[type=text]{width:100%;border-right:1px solid #72b6e0}
	.commentForm .countChar{right:20px}
	.commentArea .commentForm button{width:100%;margin-top:10px}
	.commentWrite .btnControl01.txtRight{text-align:center !important}
	.commentWrite .btnControl01 .countChar{display:block}
	.commentWrite button.btnStyle11{width:calc(50% - 2px);margin-top:50px;padding:0}
	.comparativeStudies .inner a{width:100%}
	.topicThemes .pic{float:none;width:292px;margin:0 auto 20px}
	.topicThemes .pic img{width:100%;height:100%}
	.topicThemes .txt01:nth-of-type(1){margin-top:40px}	
	.visualAreaSub .summaryVisualTop .svTitle{top:20px}
	
	/* 팝업-Advisor */
	.advisorProfile .inner01,
	/* .advisorProfile .inner01 .details */
	.advisorProfile .inner02{width:100%}
	.advisorProfile .inner01{padding:20px 5vw;height:auto;position:relative}
	.advisorProfile .inner01 .pic{float:none;margin:0 auto}
	.advisorProfile .inner01 .details{width:100%;padding:20px 0 0;margin-left:0;text-align:center}
	.advisorProfile .inner02{height:186px;padding:20px 5vw}

	/* 05.Resources */
	.subVisualDetail05 h1 {font-size: 42px;}
	.subVisualDetail05.visualAreaSub h1{font-size:42px;word-break:break-all}
	.subVisualDetail05.visualAreaSub h1 span.type01{font-size:16px}
	.subVisualDetail05.visualAreaSub h1 span.type01 .break{display:block;padding-top:10px;}
	.visualArea .btnFunc .btnPrint,
	.visualArea .btnFunc span,
	.visualArea .btnFunc .btnPrint,	
	.visualAreaSub .btnFunc .btnPrint,
	.visualAreaSub .btnFunc span{display:none}
	
	/* 05.Resources -sub */
	.location.resour-top {top: 395px!important;}
	
	
	/* addthis btn style */
	.btnFunc .btnShare .at-icon-wrapper{display: inline-block!important;}
	/* addthis btn style */
	.layoutStyle01{padding:0 5vw}
	.layoutStyle02{padding:0 5vw}
	.subVisual05{background:#fafafa url(/assets/images/sub/sub_visual05_m.jpg) no-repeat 0 0;background-size:cover}
	/* .tabArea{position:relative;height:62px;margin-top:0 ;padding:8px 5vw;background-color:#f5f7f8} */
	.tabArea{position:relative;height: auto;margin-top:0 ;padding:8px 5vw;background-color:#f5f7f8}
	.tabMenuStyle01 li{width:auto !important}
	.slider-nav .slick-current a{border-color:#1994e0;color:#fff;background-color:#1994e0}
	.mFilter{overflow:hidden;display:block;position:relative;height:66px;border-bottom:2px solid #000}
	.mFilter button{position:absolute;top:22px;right:0;width:26px;height:26px;background:url(/assets/images/sub/btn-filter.png) no-repeat center;text-indent:-9999px}
	
	.subWrap05 .alignListArea{display:none}
	.filter{overflow-y:auto;display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;padding:0 5vw;background-color:#fff}
	.mFilterHeader{display:block;position:relative;padding-top:20px}
	.mFilterHeader h3{font-size:32px;color:#222}
	.mFilterHeader .btnPopClose{position:absolute;top:20px;right:-11px;width:40px;height:40px;background:url(/assets/images/sub/btn_close_pop.gif) no-repeat center;text-indent:-9999px}
	.resourceListAdd .btnReset{position:relative;top:0;left:0;margin-top:25px}
	
	/* 05.Resources sub*/	
	.subVisualDetail05 > .layoutStyle01{height:268px;}
	.subVisualDetail05 h2{font-size:34px}
	.visualAreaSub .theme-doURL01{position:absolute;top:255px;width: 90%;}/*resources*/
	.visualAreaSub .location{position:absolute;margin-top:0}
	.subVisualDetail05 .tabArea{position:absolute;top:268px;width:100%;background:#fff}
	.visualAreaSub .tabResourcesView{top:0;padding:10px 0}
	.tabMenuStyle01.tabResourcesView li.relatedDoc{margin-left:0}	
	.videoAreaWrap,
	.sectionGap01{padding:40px 0}
	.videoAreaWrap .layoutStyle01{padding:0}
	.bbsView05 .eventAttach{padding:22px 0}

	.synonymsTree, 
	.synonymsBbs{padding:20px 5vw}
	.synonymsTree .layoutStyle01{padding:40px 5vw}
	.infoArea01 .inner01{float:none;width:288px;margin: 0 auto;}
	.infoArea01 .inner02{width:100%}		
	.infoArea01 .inner02{margin-top:10px}
	.infoArea01 .inner01 .pic img{width:100%;height:100%}
	.tablelist01 tbody th{padding-left:3%}
	.tablelist01 tbody td{padding-left:3%}
	.videoArea img{width:100%;height:100%}
	.sectionGap01 .txtStyle01{margin:20px 0 40px}

	/* 06.Statistics */
	.statisticsCategory{margin:20px -5vw 0}
	.statisticsCategory .category{width:100%;margin:0 0 10px 0;}
	.statisticsCategory .category.category3{margin-bottom:0}
	.statisticsCategory .category .innerScroll{display:block;height:125px!important;}
	.statisticsCategory .category .slimScrollDiv{height:125px!important;}
	.layerResultCategorySearch{height:100%}
	.layerResultCategorySearch .title{padding:4px 0 0 0;font-size:14px}
	.layerResultCategorySearch .innerTree{height:453px;padding:20px 10px}
	.layerResultCategorySearch .innerTree .slimScrollDiv,
	.layerResultCategorySearch .innerTree .slimScrollDiv .inner{height:410px !important}
	.statisticsList{position:relative}	
	.statisticsList .tabMenuStyle01 li:last-child{padding-right:0}	
	.statisticsList .tabContents:first-child{margin-top:30px}
	.statisticsList .tabContents{margin-top:0}
	.statisticsList .searchArea02.mSearchArea02{display:none}
	.statisticsList .searchArea02{display:block;margin-top:20px;text-align:center}	
	.statisticsList .searchArea02 .txtChartSource{bottom:-26px;left:50%;margin-left:-160px}
	.statisticsList .searchArea02 .inner{width:100%;height:56px;border:1px solid #e6e6e6;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px}
	.statisticsList .searchArea02 input[type=text]{width:calc(100% - 60px);height:54px;border:0}
	.statisticsList .searchArea02 button[type=submit]{position:absolute;right:0;width:56px;height:56px;border:0;background:url(/assets/images/sub/ico-search.png) no-repeat center;text-indent:-99999px}
	.statisticsList .searchArea02 button[type=button],
	.layerSearchDivision{display:none}	
	.resultCategorySelect{margin-top:40px}
	.statisticsList .colDate{width:26% !important}
	.economicHistoryDataRequest{padding:20px 5%}
	.csvDownload{text-align:center}
	.statisticsList .sdgChkList02{margin-top:20px}
	.bbsList04 tbody td{height:70px}
	.statisticsList .alignListArea{display:none}	
	.statisticsList .tab03 .searchArea02{display:none}

	/* 06.Statistics 상세*/
	.bbsView05 .viewContents{padding:30px 0}
	.tablelist03 tbody td .warn{margin-left:0}
	.dataRequestForm .tablelist03{margin-top:0}
	#relatedResource > .pagination{display:block!important;font-size: 16px!important;}
	
	/* 07.Events */
	.eventListArea{margin-top:30px}
	.eventListArea .slick-dots{bottom:-20px}	
	.eventListArea .item{width:100%;height:154vw; margin-left:0}
/* 	.eventListArea .item .pic{width:100%;height:calc(154.4vw - 125px)! important} */
	.eventListArea .item .pic{width:100%;height:calc(154.4vw - 165px)! important}
	.eventListArea .details{height:125px;padding:10px}
	.eventListArea.item2 .item{width:100%;margin-left:0}
	.eventListArea.item2 .details{padding:10px;height:217px}
	.eventListArea.item3 .item:nth-child(1), 
	.eventListArea.item3 .item:nth-child(2), 
	.eventListArea.item3 .item:nth-child(3){width:100%;height:100%}
	.eventListArea.item3 .item:nth-child(1) .pic,
	.eventListArea.item3 .item:nth-child(2) .pic,
	.eventListArea.item3 .item:nth-child(3) .pic{float:none;width:100%;height:auto}
	.eventListArea.item3 .item:nth-child(1) .details,
	.eventListArea.item3 .item:nth-child(2) .details,
	.eventListArea.item3 .item:nth-child(3) .details{float:none;width:100%;height:205px;padding:10px;border:1px solid #e6e6e6;border-top:0}
	.eventListArea.item4 .item .pic{float:none;width:100%;height:240px;overflow:hidden;}
	.eventVisual h2.type02{font-size:30px}
	.tablelist02.lineBreak{border-bottom:1px solid #e6e6e6}
	.tablelist02.lineBreak,
	.tablelist02.lineBreak thead,
	.tablelist02.lineBreak tbody,
	.tablelist02.lineBreak tr,
	.tablelist02.lineBreak th,
	.tablelist02.lineBreak td{display:block}
	.tablelist02.lineBreak th,
	.tablelist02.lineBreak td{position:relative;float:left;padding:14px 10px;border-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-all}
	.tablelist02.lineBreak tr:after{content:"";display:block;clear:both}
	.tablelist02.lineBreak th{width:30%}
	.tablelist02.lineBreak td{width:70%}
	.tablelist02.lineBreak td .w150{width:187px}
	.viewContents img{width:100%;height:100%}
	.bbsView05 .viewContents .pic{margin:45px 0}
	.bbsView05 .viewDetailList,
	.eventViewContents .controlEventView,
	.eventViewContents .bbsPrevNext.prevArticle,
	.controlBbsView05{margin-top:20px}
	.bbsPrevNext .pnButton{width:110px}
	.bbsPrevNext .subject{width:calc(100% - 147px - 42px);padding-left:0}
	.bbsPrevNext .date{width:78px}
	.searchArea02{display:none}
	.alignListArea{height:auto;margin-top:100px;padding:20px 5vw}
	.alignListArea .alignViews02{top:0;width:100%}
	.alignListArea .checkboxStyle01{position:relative;top:0;right:0;margin-top:10px}
	.bbsList06 .listWrap{border-bottom:0;padding-bottom:0}
  .eventlist-piccrop02{height:240px;}
    
  /* 이벤트 페이지 상단 2개 이미지 크기조절 */
  .eventListArea.item2 .pic{height:123.9vw!important;}
    
	/* 08.Search */
	.searchWrap{width:100%;min-width:100%}
	.subVisual08{background:#fafafa url(/assets/images/sub/sub_visual08_m.jpg) no-repeat 0 0;background-size:cover}	
	.layoutSection01 .filterArea{overflow-y:auto;display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2000;padding:0 5vw;background-color:#fff}
	.layoutSection01{padding-top:0}
	.layoutSection01 .layoutRight{float:none;width:100%;padding-left:0}
	.searchTabContents .mFilter{border-bottom:0}
	.searchArea03{overflow:inherit;height:0;min-height:0;margin-top:0}
	.searchArea03 .txt01{top:-43px;width:90%}
	.searchArea03 .inner{display:none}
	.searchTabContents .searchArea03 + .titleBar{margin-top:0}
	.titleBar{padding:19px 20px}
	.titleBar h4{float:left;width:100%;margin-top:-4px}
	.titleBar .btnMore{display:none}
	.filterArea{position:relative}
	.filterArea h3{height:70px;padding:0;background-color:#fff}
	.filterArea .resultTit{display:none}
	.filterArea h3 .resetResult{right:inherit;width:90px;height:30px;padding:0;background-color:#8c9197;font-size:14px}

	.filterArea h3 .resetResult span{width:inherit;background:none}
	.filterArea h4{margin:0 -5vw}
	.filterList{padding:20px 0}
	.filterList li{line-height:1.7}
	.filterList li .list.active{padding-bottom:2px;border-bottom:1px solid #1994e0;color:#1994e0}
	.filterList li .btnApplyFilter{display:none}	
	.searchTabContents .bbsList01{padding:0}	
	
	.pagination{display:none;width:95%;margin:45px auto 0}
	.pagination.mobile{display:block;margin-top:20px}
	.synonymsBbs{height:auto}
	.synonymsBbs button{bottom:24px;right:15px}
	
	.pagination li strong, 
	.pagination a{padding:0 10px !important;font-size:18px}
	.pagination li strong{border-color:#fff}
	.pagination li a:after{display:none}
	.pagination .first, 
	.pagination .prev, 
	.pagination .next, 
	.pagination .last{min-width:35px;margin:0;padding:0;border:1px solid #e4e8ea;border-radius:4px;font-size:0;text-align:center}
	.pagination .prev{margin-left:2px}
	.pagination .next{margin-right:2px}
	.pagination .prev:after, 
	.pagination .next:after{left:50%;transform:translateX(-50%)}
	.pagination ul{margin:0 10px 0 18px}

	.accordionList01{width:95%;margin:45px auto 0}
	.accordionList01 .totalCount{display:none}
	.accordionList01 .totalCount.mobile{display:block}
	.accordionList01 ul{border-top-width:2px}
	.accordionList01 ul li{border-bottom:2px solid #ccc}
	.accordionList01 ul li.question a{padding:20px 0 31px}
	.accordionList01 ul li.question a:after{display:none}
	.accordionList01 ul li.question a span:first-child, 
	.accordionList01 ul li.question.active a span:first-child{width:37px}
	.accordionList01 ul li.question a span:last-child{width:calc(100% - 37px)}
	.accordionList01 ul li.question a span:last-child{padding-right:15px}
	.accordionList01 ul li.question.active{border-bottom-color:#f0f0f0}
	.accordionList01 ul li.question.active + li.answer .a{width:37px}
	.accordionList01 ul li.question.active + li.answer .answerCont{width:calc(100% - 37px)}
	.accordionList01 ul li .noResult{min-height:128px;padding-top:51px;font-size:22px}
	
	/* 10.Service */
	.mailingServiceArea{padding:4px 0 5vw}
	.mailingServiceArea .mailingForm{margin-top:40px}
	.mailingServiceArea .mailingForm .inner01,
	.mailingServiceArea .mailingForm .inner02,
	.mailingServiceArea .mailingForm .inner02 input[type=text],
	.mailingServiceArea .mailingForm .inner02 .btnStyle08,
	.bbsNewsletter .searchArea02 input[type=text]{width:100%}
	.mailingServiceArea .mailingForm .inner02,
	.mailingServiceArea .mailingForm .inner02 .btnStyle08,
	.bbsNewsletter{margin-top:20px}
	
	.sitemapArea{margin-top:40px}
	.sitemap{padding:20px}
	.sitemap h3{font-size:20px;letter-spacing:-1px}
	.sitemap .list{word-break:break-all}
	.sitemap .list:nth-child(even){padding:25px 0 25px 5% !important}
	.sitemap .list:nth-child(2n+2){border-right:0}
	.sitemap .list.type01,
	.sitemap .list.type02,
	.sitemap .list.type03,
	.sitemap .list.type04{width:50%;padding:25px 5% 25px 0}
	.sitemap .list:nth-child(n+5):nth-child(-n+8){padding-top:25px;border-bottom:1px solid #e6e6e6}
	.sitemap ul{margin-top:20px}
	.sitemap .list:nth-child(1),
	.sitemap .list:nth-child(2){height:250px !important}
	.sitemap .list:nth-child(3),
	.sitemap .list:nth-child(4){height:340px !important}
	.sitemap .list:nth-child(5),
	.sitemap .list:nth-child(6){height:auto}
	.sitemap .list:nth-child(7),
	.sitemap .list:nth-child(8){height:285px !important;border-bottom:0 !important}	
	

	/* 12.Sign_Up */
	.subVisualSign{background:url(/assets/images/sub/sub_visual_sign_up_m.jpg) no-repeat 0 0;background-size:cover}
	.signUpArea{margin-top:20px}
	.processSignUp{border:0}
	.processSignUp li{display:block;height:43px;margin-bottom:10px;padding:10px 0;border-right:0;text-align:center}
	.processSignUp li .step{margin:0 auto}
	.processSignUp li .step:after{content:".";display:inline-block}
	.processSignUp li > span{display:inline}
	.processSignUp li:nth-child(2){border-right:0}
	.processSignUp li:nth-child(2) .step{margin-left:-15px}
	.processSignUp li:nth-child(3) .step{margin-left:-13px}
	.processSignUp li .add{font-size:16px}
	.signUpArea .titSignUp:nth-of-type(1){margin-top:20px}
	.signUpArea .titSignUp{margin-top:35px;font-size:22px}
	.signUpArea .viewTerms01{margin-top:13px;padding:20px 10px 20px 20px}
	.signUpArea .viewTerms01 .innerScroll{padding-right:20px}

	.signUpArea .checkboxStyle01{overflow:inherit}
	.signUpArea .checkboxStyle01 > span{font-size:14px!important;}
	.signUpArea .checkboxStyle01.type01 input[type=checkbox] + label:before{margin-top:-7px}
	.signUpArea .checkboxStyle01.type01 input[type=checkbox] + label{font-size:14px}
	.signUpArea .chkAllSignUp{margin-top:20px}
	.signUpArea .controlSignUp{margin-top:25px}
	.signUpArea .controlSignUp a{width:100%;margin:0}
	/* step2 */
	.signUpArea .tablelist03{margin-top:0}
	.tablelist03 colgroup{display:none}
	.tablelist03 tbody th, 
	.tablelist03 tbody td{display:block;width:100%;border:0}
	.tablelist03 tbody th, 
	.tablelist03 tbody .type01 th{padding:40px 0 10px;background:none;border:0;font-weight:bold}
	.tablelist03 tbody th label{font-weight:bold}
	.tablelist03 tbody td, 
	.tablelist03 tbody .type01 td{padding:0}
	.tablelist03 tbody td input{width:100%;}
	.tablelist03 tbody td .warnType01{margin-left:0;opacity:.7}
	.tablelist03 tbody td .warnType01 br{display:none}
	.signUpArea .btnControl02{padding-bottom:50px;margin-top:50px}
	.signUpArea .btnControl02 a{float:left;width:calc(50% - 5px);padding:14px 0}
	.signUpArea .btnControl02 a:first-child{margin-right:10px}
	/* step3 */
	.signUpAdd{margin-top:35px}
	.signUpAdd h4{font-size:22px}
	.signUpAdd h4 .txt{display:block;position:relative;top:30px;right:inherit;left:0}		
	.signUpAdd h4 a{top:0}
	.signUpArea .sdgChkList01{margin-top:57px}
	.signUpAdd.type01{margin-top:0}
	.signUpArea .sdgChkList02{border:0}
	.signUpArea .sdgChkList02 dt{display:none}
	.signUpArea .signUpAdd.type01{position:relative}
	.signUpArea .signUpAdd.type01 h4{position:static;min-width:100%;margin:0 -5vw;padding:15px 5vw 0;background-color:#f5f7f8}	
	.signUpArea3 .controlSignUp{margin-top:0}

	/* 13.My_Page */
	.myMainList{width:100% !important;border-right:0;border-bottom:1px solid #e6e6e6}
	.myMainList:last-child{border-bottom:0}
	.myMainList:nth-child(n+4):nth-child(-n+6){padding-top:60px}
	.tabMyAccount .accountTable .style01 th{float:left;width:30%;padding-top:40px;font-weight:bold}
	.tabMyAccount .accountTable .style01 td{float:left;width:70%;padding-top:40px}
	.tabMyAccount .btnControl01{margin-top:20px}
	.tablelist03 tbody td .btnTermination{position:relative;right:0}
	.tablelist03 tbody .type02 td{height:80px}
	.tablelist03 tbody .type02 td .warnType01{top:45px;left:0}
	.tabMyAccount .tablelist03{margin-top:0}
	
	.terminationArea .btnControl01{margin-top:20px}
	.myHistory .col01,
	.myHistory .col02{width:10% !important}
	.myHistory .col03{width:26% !important}
	.bbsList04 thead th.chkAll,
	.bbsList04 .myHistory tbody td.chk,
	.bbsList04 .myHistory tbody td.title{padding-left:10px}
	.tabMyHistory .btnControl01{margin-top:20px}
	.tabMyAlarm .alarmList{width:100%}
	
	.myQnA .col01{width:10% !important}
	.myQnA .col02,
	.myQnA .col03{width:20% !important}
	.tabMyQnA .btnControl01{margin-top:20px}
	.writeQuestionArea .btnControl01 a{min-width:100px}	
	.bbsView05 h3 .subject{width:100%}
	.bookmarkViewContents .question{padding:40px 0 32px}
	.bookmarkViewContents dd{position:relative;padding-right:5vw !important}
	.bookmarkViewContents .answer{padding:0 0 40px}
	.bookmarkViewContents .answer dd .date{top:inherit;right:5vw;bottom:0}
	.bookmarkViewContents .answer dd pre{white-space:pre-wrap}
	.tabMyBookmark .btnControl01{margin-top:20px}
	
	.searchArea02.qna-option{display:block;margin-top:13px;}
	
	/* wideline Area */
	.wideLineArea{padding: 40px 0;}
	.wideLineArea h4{font-size:28px}

	/* guide Box */
	.guideBox{padding:15px 0;}
	.guideBox h4{margin-top:20px;font-size:18px}
	.guideBox h4:first-of-type{margin-top:15px;}
	.guideBox p{font-size:16px}
	.guideBox > p{margin: 12px 0 20px 0;}
	.guideBox ul{margin: 12px 0 12px 0;font-size:16px}
	.guideBox ul > li{padding: 8px 0;}
	.guideBox ul.ic > li{position: relative;padding: 8px 0 8px 15px;}
	.guideBox ul.ic > li:before{width: 4px;height: 4px;margin: 10px 0 0 -15px;}
	.guideBox ul.num > li > em{margin-right: 5px;font-style: normal;}
	.guideBox ul.num > li > p{width: calc(100% - 30px);margin-top: 0;}
	.guideBox p.txt01 strong{font-family:"NotoSansKR-Medium"; font-weight:normal;}

	.guideBox ul > li > ul{margin: 9px 0 9px 0;line-height: 1.3;font-size:16px}
	.guideBox ul > li > ul > li{padding: 4px 0;}

	.guideBox .picInner{display: flex;flex-wrap:wrap;margin: 15px 0 25px 0;font-size:16px;flex-direction: column;}
	.guideBox .picInner .pict{max-width:100%;max-height:200px;order:1}
	.guideBox .picInner .pict img{width:100%;height:100%;object-fit:cover;} 
	.guideBox .picInner .textCont{max-width:100%;order:2}
	.guideBox .picInner .textCont.right{margin-left:0;margin-top: 15px;}
	.guideBox .picInner .textCont.left{margin-right:0;margin-top: 15px;;}

	/* 팝업 */
	.terminationArea,	
	.writeQuestionArea{width:92%;margin:0;padding:30px 5vw;transform:translate(-50%, -50%)}	
}

@media all and (max-width:531px){
	.brochureDownload{padding-top:37px}
}

@media all and (max-width:480px){
	/* 05.Resources sub*/
	.synonymsBbs .pagination{width:100%}
	.synonymsBbs .pagination ul{margin:0 0px 0 5px}
	.synonymsBbs .btnClose{right:5vw}	
	
	/* 06.Statistics 상세*/
	#relatedResource > .pagination{display:block!important;font-size: 16px!important;}	

	/* 10.Service */
	.bbsList04 .colDate{
		width:26% !important;
	}
	
	/*layer pop*/
	.layerContentWrap {width:550px;margin-left:-145px; }
	.layerContent {width: 350px; height: 453px;  font-size: 14px;}
	.layerContent .scrollBarW { width: 355px; clear: both; }
    .layerContent .scrollBarW .viewport { wwidth: 330px; height: 390px; }
    .Popup_txtBox{width: 320px; height: 260px;  overflow: scroll;}
    .Popup_source{width:320px;}
    .layerClose {    position: absolute; display: block; text-align: center; right: 210px; width: 27px; height: 28px; border-radius: 14px; color: #333; background-color: #fff;}
   /*  .layerClose {right: 200px; width: 27px; height: 28px;}  */
}
@media (min-width: 767px){
.topicSubTitleList li .num, .topicSubTitleList li .title a {padding: 10px 20px;}
.layerClose {    position: absolute; display: block; text-align: center; right: 20px; margin: 45px 0 0 0; padding: 2px 5px; color: #333; background-color: #fff;}

}

@media (max-width:414px){

}	

@media (max-width:375px){
.bbsList02 .subject{width:97px;overflow: hidden;text-overflow: ellipsis;}
 .layerClose {    position: absolute; display: block; text-align: center; width: 27px; height: 28px; border-radius: 14px; color: #333; background-color: #fff;}
}

@media (max-width:320px){
.bbsList02 .subject{width:97px;overflow: hidden;text-overflow: ellipsis;}
.layerClose    { position: absolute; display: block; text-align: center; right: 240px; width: 27px; height: 28px; border-radius: 14px; color: #333;} 
.layerContentWrap{margin-left:-125px; top:40%;}
.layerContent{width:300px;}
.Popup_txtBox{width:270px;}
.layerClose{right:0;}
.Popup_source{width:270px;}
}

.highlight { color: #1994e0; } 

@media (max-height:415px){
	.layerContentWrap{top:57%; overflow:hidden;}
	.layerContent{height:350px;}
	.layerContent .scrollBarW .viewport{height:300px;}
	.layerContent .scrollBarW .overview{height:300px;}
	.Popup_txtBox{height:160px;overflow:scroll;}
	
}