@charset "utf-8";

@font-face{
	font-family:'NotoSansKR-Thin';
	font-style:normal;
	font-weight:100;
	src:local(※),
	url(/assets/fonts/NotoSansKR-Thin.woff2) format('woff2'),
	url(/assets/fonts/NotoSansKR-Thin.woff) format('woff'),
	url(/assets/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face{
	font-family:'NotoSansKR-Regular';
	font-style:normal;
	font-weight:100;
	src:local(※),
	url(/assets/fonts/NotoSansKR-Regular.woff2) format('woff2'),
	url(/assets/fonts/NotoSansKR-Regular.woff) format('woff'),
	url(/assets/fonts/NotoSansKR-Regular.otf) format('opentype');
}

@font-face{
	font-family:'NotoSansKR-Regular';
	font-style:normal;
	font-weight:400;
	src:local(※),
	url(/assets/fonts/NotoSansKR-Regular.woff2) format('woff2'),
	url(/assets/fonts/NotoSansKR-Regular.woff) format('woff'),
	url(/assets/fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
	font-family:'NotoSansKR-Medium';
	font-style:normal;
	font-weight:400;
	src:local(※),
	url(/assets/fonts/NotoSansKR-Medium.woff2) format('woff2'),
	url(/assets/fonts/NotoSansKR-Medium.woff) format('woff'),
	url(/assets/fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face{
	font-family:'NotoSansKR-Bold';
	font-style:normal;
	font-weight:900;
	src:local(※),
	url(/assets/fonts/NotoSansKR-Bold.woff2) format('woff2'),
	url(/assets/fonts/NotoSansKR-Bold.woff) format('woff'),
	url(/assets/fonts/NotoSansKR-Bold.otf) format('opentype');
}

/*html, body, .wrap{height:100%;min-height:100vh}*/
html, body, .wrap{height:100%}
body{color:#454545;font:14px/1.3 "NotoSansKR-Regular", "Malgun Gothic", "맑은고딕", "돋움", Dotum, arial, sans-serif;letter-spacing:0;
	/* Support for all Webkit Browsers */
	-webkit-font-smoothing:subpixel-antialiased;
	/* Support for Safari and Chrome */
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
}

input[type=text], input[type=password], input[type=date], input[type=url], input[type=email], input[type=number],
select, textarea, button{font:14px/1.3 "NotoSansKR-Regular", "Malgun Gothic", "맑은고딕", "돋움", Dotum, arial, sans-serif;-webkit-appearance:none;appearance:none}
input[type=radio], input[type=checkbox]{-webkit-appearance:none;appearance:none}
input, textarea{color:#6a6a6a}
input[disabled]{color:rgba(69, 69, 69, 0.5);background-color:#f6f6f6}
input[readonly], input[readonly="readonly"] {background: #eee;}
select::-ms-expand{display:none}

label{-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

br{font-size:0}

*:not(#video-div *){box-sizing:border-box}

textarea{padding:14px 10px}
input, textarea{border:1px solid #d3d3d3;border-radius:4px}
::-webkit-input-placeholder{color:rgba(106, 106, 106, 0.5)}
::-moz-placeholder{color:rgba(106, 106, 106, 0.5)}
:-ms-input-placeholder{color:rgba(106, 106, 106, 0.5)}
:-moz-placeholder{color:rgba(106, 106, 106, 0.5)}

.clearFix:after{display:block;content:'';clear:both}
.translateX50{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.alternate{overflow:hidden;z-index:-1;clip:rect(0, 0, 0, 0);font-size:0}

.wrap{width:100%;min-width:1280px;padding-top:71px}

.txtLeft{text-align:left !important}
.txtCenter{text-align:center !important}
.txtRight{text-align:right !important}

/* ellipsis --- */
.row01-crop{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.row02-crop{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em;
    height: 3em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.row03-crop{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}


/* Inut */
.inputStyle01{height:52px;width:100%;padding-left:20px;border:1px solid #e6e6e6;font-family:"NotoSansKR-Regular" !important}
.inputStyle01::-webkit-input-placeholder{color:rgba(69, 69, 69, 0.5)}
.inputStyle01::-moz-placeholder{color:rgba(69, 69, 69, 0.5)}
.inputStyle01:-ms-input-placeholder{color:rgba(69, 69, 69, 0.5)}
.inputStyle01:-moz-placeholder{color:rgba(69, 69, 69, 0.5)}

.inputStyle02{height:38px;width:100%;padding-left:20px;border:1px solid #e6e6e6;border-radius:2px;font-family:"NotoSansKR-Regular" !important}
.inputStyle02::-webkit-input-placeholder{color:rgba(69, 69, 69, 0.5)}
.inputStyle02::-moz-placeholder{color:rgba(69, 69, 69, 0.5)}
.inputStyle02:-ms-input-placeholder{color:rgba(69, 69, 69, 0.5)}
.inputStyle02:-moz-placeholder{color:rgba(69, 69, 69, 0.5)}

/* slick slide dot */
.slick-dots{display:block;position:absolute;bottom:-25px;width:100%;margin:0;padding:0;list-style:none;text-align:center}
.slick-dots li{display:inline-block;position:relative;width:14px;height:14px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{display:block;width:14px;height:14px;padding:5px;font-size:0;line-height:0;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
.slick-dots li button:hover,
.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{content:"";position:absolute;top:0;left:0;width:14px;height:14px;line-height:14px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background-color:#e1e1e1;text-align:center}
.slick-dots li.slick-active button:before{background-color:#0c5ece}

/* List Style */
.listStyle01 li{font-family:"NotoSansKR-Regular";font-size:16px;line-height:1.5}
.listStyle01 li{position:relative;margin-bottom:6px;padding-left:18px;font-family:"NotoSansKR-Regular";font-size:16px;line-height:1.5}
.listStyle01 li:before{display:block;content:"";position:absolute;top:11px;left:3px;width:3px;height:3px;border-radius:50%;background-color:#666}

.listStyle02 li{position:relative;padding-left:22px}
.listStyle02 li:before{display:block;content:"";position:absolute;top:7px;left:0;width:11px;height:11px;background-color:#454545;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}

/* SelectBox like layer */
.layerSelect{display:none;z-index:10;position:absolute;top:37px;left:0;width:100%;border:1px solid #e6e6e6;border-radius:4px;background-color:#fff}
/* 20200804 Resources 추가 */
.layerCountry{height:230px; overflow-y:scroll;}
.layerBeforeSelect{height:45px;overflow-y: initial;}
.btnCountryWrap .layerSelect li{float:none;width:100%;margin-bottom:0}
.layerSelect li a{display:block;width:100%;height:38px;padding-top:10px;font-family:"NotoSansKR-Regular";font-size:12px;text-align:left;text-indent:20px}
.layerSelect li a:hover{font-family:"NotoSansKR-Medium";background-color:#f6f7f9}

.btnSelect02{position:relative;height:52px;width:100%;padding:0 20px;border:1px solid #72b6e0;border-radius:4px;font-family:"NotoSansKR-Regular";text-align:left}
.btnSelect02:after{display:block;content:"";position:absolute;top:20px;right:21px;width:10px;height:6px;background:url(/assets/images/common/bullet_select01.png) no-repeat 0 0}

.selectWrap{position:relative}
.layerSelect02{position:absolute;z-index:2;top:62px;left:0;width:100%;border:1px solid #e6e6e6;border-radius:4px;background-color:#fff}
.layerSelect02 li a{display:block;width:100%;height:39px;padding:13px 20px 0;font-family:"NotoSansKR-Regular";font-size:12px}
.layerSelect02 li a:hover{font-family:"NotoSansKR-Medium";background-color:#f6f7f9}

.selectWrap03{position:relative}
.selectWrap03 .btnSelect{border:1px solid #e6e6e6;font-family:"NotoSansKR-Regular";text-align:left}
.selectWrap03 .layerSelect{top:44px}

.sdgChkList01{overflow:hidden;margin-top:10px}
.sdgChkList01 li{float:left;position:relative;width:60px;height:60px;margin:0 7px 7px 0;border:1px solid #e7e7e7;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box}
.sdgChkList01 li:first-child{margin-left:0}
.sdgChkList01 li input[type=checkbox]{display:none}
.sdgChkList01 li.chk1 input[type=checkbox]:checked + label li.chk1{background-color:red}
.sdgChkList01 li label{display:block;margin: 1px 0 0 1px; position:relative;left:50%;top:50%;z-index:2;width:60px;height:60px;font-size:0;background:url(/assets/images/sub/ico_sdg_list02.png) 50%/100% no-repeat;transform:translate(-50%, -50%)}
.sdgChkList01 li.chk1 label{background-position:0 0}
.sdgChkList01 li.chk2 label{background-position:0 -120px}
.sdgChkList01 li.chk3 label{background-position:0 -240px}
.sdgChkList01 li.chk4 label{background-position:0 -360px}
.sdgChkList01 li.chk5 label{background-position:0 -480px}
.sdgChkList01 li.chk6 label{background-position:0 -600px}
.sdgChkList01 li.chk7 label{background-position:0 -720px}
.sdgChkList01 li.chk8 label{background-position:0 -840px}
.sdgChkList01 li.chk9 label{background-position:0 -960px}
.sdgChkList01 li.chk10 label{background-position:0 -1080px}
.sdgChkList01 li.chk11 label{background-position:0 -1200px}
.sdgChkList01 li.chk12 label{background-position:0 -1320px}
.sdgChkList01 li.chk13 label{background-position:0 -1440px}
.sdgChkList01 li.chk14 label{background-position:0 -1560px}
.sdgChkList01 li.chk15 label{background-position:0 -1680px}
.sdgChkList01 li.chk16 label{background-position:0 -1800px}
.sdgChkList01 li.chk17 label{background-position:0 -1920px}

.sdgChkList01 li.chk1 input[type=checkbox]:checked + label{background-position:0 -60px}
.sdgChkList01 li.chk2 input[type=checkbox]:checked + label{background-position:0 -180px}
.sdgChkList01 li.chk3 input[type=checkbox]:checked + label{background-position:0 -300px}
.sdgChkList01 li.chk4 input[type=checkbox]:checked + label{background-position:0 -420px}
.sdgChkList01 li.chk5 input[type=checkbox]:checked + label{background-position:0 -540px}
.sdgChkList01 li.chk6 input[type=checkbox]:checked + label{background-position:0 -660px}
.sdgChkList01 li.chk7 input[type=checkbox]:checked + label{background-position:0 -780px}
.sdgChkList01 li.chk8 input[type=checkbox]:checked + label{background-position:0 -900px}
.sdgChkList01 li.chk9 input[type=checkbox]:checked + label{background-position:0 -1020px}
.sdgChkList01 li.chk10 input[type=checkbox]:checked + label{background-position:0 -1140px}
.sdgChkList01 li.chk11 input[type=checkbox]:checked + label{background-position:0 -1260px}
.sdgChkList01 li.chk12 input[type=checkbox]:checked + label{background-position:0 -1380px}
.sdgChkList01 li.chk13 input[type=checkbox]:checked + label{background-position:0 -1500px}
.sdgChkList01 li.chk14 input[type=checkbox]:checked + label{background-position:0 -1620px}
.sdgChkList01 li.chk15 input[type=checkbox]:checked + label{background-position:0 -1740px}
.sdgChkList01 li.chk16 input[type=checkbox]:checked + label{background-position:0 -1860px}
.sdgChkList01 li.chk17 input[type=checkbox]:checked + label{background-position:0 -1980px}

.sdgChkList01 li.chk1.active{background-color:#e6243c}
.sdgChkList01 li.chk2.active{background-color:#dea83b}
.sdgChkList01 li.chk3.active{background-color:#4da038}
.sdgChkList01 li.chk4.active{background-color:#c51a2d}
.sdgChkList01 li.chk5.active{background-color:#ff3922}
.sdgChkList01 li.chk6.active{background-color:#25bde2}
.sdgChkList01 li.chk7.active{background-color:#fbc210}
.sdgChkList01 li.chk8.active{background-color:#a21a42}
.sdgChkList01 li.chk9.active{background-color:#fe6925}
.sdgChkList01 li.chk10.active{background-color:#de1267}
.sdgChkList01 li.chk11.active{background-color:#fd9d24}
.sdgChkList01 li.chk12.active{background-color:#be8b30}
.sdgChkList01 li.chk13.active{background-color:#3e7d46}
.sdgChkList01 li.chk14.active{background-color:#0997d9}
.sdgChkList01 li.chk15.active{background-color:#56c02a}
.sdgChkList01 li.chk16.active{background-color:#00689d}
.sdgChkList01 li.chk17.active{background-color:#1b476a}

.sdgChkList02{margin-top:20px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background-color:#f5f7f8}
.sdgChkList02:after{display:block;content:"";clear:both}
.sdgChkList02 dt, 
.sdgChkList02 dd{float:left}
.sdgChkList02 dt{width:15%;height:100%;padding:20px 0 0 22px;color:#222;font-family:"NotoSansKR-Medium";font-size:12px;}
.sdgChkList02 dd{width:85%;padding:20px 0 0 25px;background-color:#fff}
.sdgChkList02 dd li{float:left;position:relative;width:16.666%;margin-bottom:20px}
.sdgChkList02 dd .innerTypeWrap li{min-height:54px}
.sdgChkList02 dd input[type=checkbox]{position:absolute;top:10px;left:10px;width:1px;height:1px;margin:-1px}
.sdgChkList02 dd input[type=checkbox] + label{display:block;position:relative;width:100%;padding-left:26px;color:#454545;font-family:"NotoSansKR-Regular";font-size:12px;line-height:1.5}
.sdgChkList02 dd input[type=checkbox] + label:before{display:block;content:"";position:absolute;top:2px;left:0;width:16px;height:16px;background:url(/assets/images/common/input_style01.gif) no-repeat 0 0}
.sdgChkList02 dd input[type=checkbox]:checked + label:before{background-position:0 -16px}

.sdgChkList02 dd input[type=radio]{position:absolute;top:10px;left:10px;width:1px;height:1px;margin:-1px}
.sdgChkList02 dd input[type=radio] + label{display:block;position:relative;width:100%;padding-left:26px;color:#454545;font-family:"NotoSansKR-Regular";font-size:12px}
.sdgChkList02 dd input[type=radio] + label:before{display:block;content:"";position:absolute;top:2px;left:0;width:16px;height:16px;background:url(/assets/images/common/input_style02.gif) no-repeat 0 0}
.sdgChkList02 dd input[type=radio]:checked + label:before{background-position:0 -16px}

.sdgChkList02 .style01{border-top:1px solid #e6e6e6}
.sdgChkList02 dd.style01{padding:10px 0 10px 25px}
.sdgChkList02 dd.style01 button{border:1px solid #e6e6e6;border-radius:4px;color:#454545;font-family:"NotoSansKR-Regular";font-size:12px;outline:0}
.sdgChkList02 dd.style01 button:focus{border-color:#1994e0}
.sdgChkList02 .btnCountryWrap{display:inline-block;position:relative;margin-right:6px}

/* 말줄임 */
.ellip{display:block;	height:100%}
.ellip-line{display:inline-block;	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:100%}
.ellip,
.ellip-line{overflow:hidden;position:relative}

/* Header */
.mainHeader{position:fixed;z-index:999;top:0;left:0;width:100%;height:71px;background-color:#fff}
.mainHeader .mainLogoBox{position:absolute;z-index:120;top:24px;left:35px;width:149px;height:26px;background:url(/assets/images/common/header_logo.png) 0 0 no-repeat;background-size:149px 26px}
.mainHeader .mainLogoBox a{display:block;width:100%;height:100%;font-size:0}
.mainHeader .gnbWrap{position:relative;z-index:110;width:100%;height:71px;border-bottom:1px solid #e6e6e6;background-color:#fff}
.mainHeader .gnb{width:calc(100% - 265px - 150px);margin:0 auto;text-align:center}
.mainHeader .gnb > li{display:inline-block;position:relative;padding:0 20px;vertical-align:middle}
.mainHeader .gnb > li > a{display:block;padding:24px 0 31px;color:#222;font-size:16px}
.mainHeader .gnb > li.active .gnbSub{width:190px;top:100%;left:auto}
.mainHeader .gnb > li.active a,
.mainHeader .gnb > li.active > a:hover,
.mainHeader .gnb > li.active > a:focus{color:#1994e0}
.mainHeader .gnb .gnbSub{position:absolute;top:-9999em;left:-9999em;width:190px;margin-top:6px;border:1px solid #1994e0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#1994e0;text-align:left}
.mainHeader .gnb .gnbSub:before{content:"";position:absolute;top:-8px;left:0;width:100%;height:8px;background:url(/assets/images/common/ico_gnb_arrow.png) no-repeat center}

.mainHeader .gnb > li .gnbSub a{display:block;padding:10px 15px;color:#fff}
.mainHeader .gnb > li .gnbSub a:hover,
.mainHeader .gnb > li .gnbSub a:focus{background-color:#fff;color:#1994e0}
.mainHeader .gnb .active{top:100%;left:auto}
.mainHeader .gnb > li:nth-child(1) .gnbSub{margin-left:-73px}
.mainHeader .gnb > li:nth-child(3) .gnbSub{margin-left:-18px}
.mainHeader .gnb > li:nth-child(4) .gnbSub{margin-left:-55px}
.mainHeader .gnb > li:nth-child(5) .gnbSub{margin-left:-60px}

/* .mainHeader .gnb > li:hover .gnbSub{display:block} */
.mainHeader .utils{position:absolute;z-index:120;top:27px;right:35px;}
.mainHeader .utils li{float:left;margin-left:25px}
.mainHeader .utils li.utilSet .seletUtil{display:none}
.mainHeader .utils li.utilSet li:first-child{margin-left:0}
.mainHeader .utils li a{color:#222;font-size:12px}
.mainHeader .utils li a:hover{color:#1994e0}
.mainHeader .utils li.btnMainSearch a{display:block;width:20px;height:20px;margin-top:-2px;font-size:0;background:url(/assets/images/common/ico_search.png) no-repeat 0 0}
.mainHeader .utils li.btnMainSearch a:hover{border:0;background-position:0 -50px}
.mainHeader .gnbWrap.active{background-color:#000} 
.mainHeader .gnbWrap.active .gnb li a{color:#fff}
.mainHeader .gnbWrap.active .gnb li.active a{color:#1994e0}
.mainHeader.active .utils{right:35px}
.mainHeader .gnbWrap.active .utils li a{color:#fff}
.mainHeader.active .utils li a:hover{color:#222;border-bottom:none}


/* Button - Burger Menu */
.mainHeader .btnBurger{display:none;position:absolute;z-index:130;top:24px;left:35px;width:31px;height:23px;background:transparent}
.mainHeader .btnBurger span{display:block;position:absolute;left:0;height:4px;border-radius:4px;background-color:#fff}
.mainHeader .btnBurger span:nth-child(1){top:0;width:31px;animation:burger 1.5s ease-in-out forwards}
.mainHeader .btnBurger span:nth-child(2){top:9px;width:31px;animation:burger 1.5s ease-in-out forwards}
.mainHeader .btnBurger span:nth-child(3){bottom:0;width:24px;animation:burger2 1.5s ease-in-out forwards}

.mainHeader .btnBurger span:before{animation-delay:0.2s}
.mainHeader .btnBurger span:after{animation-delay:0.4s}
.mainHeader .btnBurger span{animation-delay:0.3s}

.mainHeader.activeBurgerMenu .btnBurger{display:block}
.mainHeader.activeBurgerMenu .btnBurger span{background-color:#fff}
.mainHeader.activeBurgerMenu .btnBurger span:nth-child(1){animation:activeBurger1 0.5s ease-in-out forwards}
.mainHeader.activeBurgerMenu .btnBurger span:nth-child(2){animation:activeBurger2 0.5s ease-in-out forwards}
.mainHeader.activeBurgerMenu .btnBurger span:nth-child(3){animation:activeBurger3 0.5s ease-in-out forwards}
.mainHeader.activeBurgerMenu .utils li.btnMainSearch a:before{border-color:#fff !important}
.mainHeader.activeBurgerMenu .utils li.btnMainSearch a:after{background-color:#fff !important}

.mainHeader.activeBurgerMenu{z-index:1030;border-bottom:1px solid rgba(255, 255, 255, 0.3);background:#228bcd}
.mainHeader.activeBurgerMenu a{background:url(/assets/images/common/header_logo_mobile_active.png) no-repeat 0 0;background-size:148px 26px}

/* Button Style */
.btnControl01{text-align:center}
.btn{display:inline-block;position:relative;height:33px;border-radius:4px;color:#fff;font-size:14px;text-align:center;letter-spacing:0}
.btnStyle01.type01{background:#1994e0}
.btnStyle01.type02{background:#5d636d}
button.btnStyle01{padding:0 33px;background:#8d9199}
a.btnStyle01{padding:8px 33px 0;background:#8d9199}

.btnStyle02{min-width:162px;padding:0 50px 0 20px;color:#454545;background:#fff}
.btnStyle02: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}

.btnStyle03{height:40px;padding:0 52px 0 19px;border:1px solid #e6e6e6;border-radius:4px;color:#454545;background-color:#fff}
.btnStyle03: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}

.btnStyle04{padding:6px 19px 0;border:1px solid #e6e6e6;color:#454545;background-color:#fff}
.btnStyle04.type01{color:#fff;font-size:12px;background-color:#8d919a}
button.btnStyle04{padding:0px 19px 0;border:1px solid #e6e6e6;color:#454545;background-color:#fff}

.btnStyle05{height:50px;padding:14px 60px 0;border:1px solid #e6e6e6;color:#454545;font-family:"NotoSansKR-Medium";background-color:#fff}

.btnStyle06{height:auto;padding-right:17px;color:#454545;font-family:"NotoSansKR-Medium"}
.btnStyle06:after{display:block;content:"";position:absolute;top:50%;right:0px;width:10px;height:6px;margin-top:-2px;background:url(/assets/images/common/bullet_select01.png) no-repeat 0 0}

/* Resources 테이블 버튼 */
/* #moreTableBtn{height:auto;padding-right:17px;color:#454545;font-family:"NotoSansKR-Medium"} */
#moreTableBtn{height:auto;padding-right:17px;color:#454545;}
#moreTableBtn span{display:block;position:absolute;top:50%;right:0px;width:10px;height:6px;margin-top:-2px;background:url(/assets/images/common/bullet_select01.png) no-repeat 0 0}

.btnStyle07{padding:0 33px;font-family:"NotoSansKR-Regular";line-height:1.1;background:#8d9199}

.btnStyle08{height:50px;padding:13px 63px 0;font-family:"NotoSansKR-Regular";font-size:16px;background:#1994e0}
button.btnStyle08{padding:0 63px 0}
.btnStyle08.gray{background-color:#5d636d}
.btnStyle08.type01{padding-left:20px;padding-right:20px}
.btnStyle08.type02{padding-left:26px;padding-right:26px}
.btnStyle08.type03{padding-left:40px;padding-right:40px}
.btnStyle08.type04{padding-left:50px;padding-right:50px}
.btnStyle08.type05{min-width:150px;padding:17px 0;font-size:14px}
button.btnStyle08{height:50px;padding:0 63px;font-family:"NotoSansKR-Regular";font-size:16px;background:#1994e0}

.btnStyle09{width:255px;height:50px;padding:13px 0 0;color:#fff;font-size:16px;text-align:center}
.btnStyle09.type01{background:#1994e0}
.btnStyle09.type02{background:#5c636d}

.btnStyle10{padding:8px 24px 0;background:#8d9199}

.btnStyle11{height:50px;padding:13px 63px 0;font-family:"NotoSansKR-Regular";font-size:16px;background:#1994e0}
.btnStyle11.gray{background-color:#5d636d}
button.btnStyle11{height:50px;padding:0 57px;font-family:"NotoSansKR-Regular";font-size:16px;background:#1994e0}

.btnStyle12{height:50px;padding:13px 20px 0;font-family:"NotoSansKR-Regular";font-size:16px;background:#1994e0}

.btnStyle13{height:52px;padding:3px 63px 0;font-family:"NotoSansKR-Regular";font-size:14px;background:#1994e0}

.btnStyle14{height:34px;padding:8px 35px 0;font-family:"NotoSansKR-Regular";font-size:14px;background:#5d636d}
.btnStyle14.type01{padding-left:20px;padding-right:20px;background-color:#47a9e6}
button.btnStyle14{padding:0 25px 0;background-color:#7d828a}

/* 게시판 목록 */
.bbsList01{margin-top:15px;padding:0 22px}
.bbsList01 .list{overflow:hidden;padding:35px 0;border-bottom:1px solid #f2f2f2}
.bbsList01 h3{color:#222;font-family:"NotoSansKR-Medium";font-size:20px; font-weight: normal;}
/* 글제목 ... 말줄임 해제 2022.05.27 */
.bbsList01 h3 a{display:block;overflow:hidden;width:100%;white-space:normal;}
/* .bbsList01 h3 a{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis} */
.bbsList01 h3 a .link{display:block;padding:5px 0 20px;font-family:"NotoSansKR-Regular";font-size:14px;color:#1994e0;text-decoration:underline}
.bbsList01 h3 .num{position:relative;top:2px;margin-right:4px;font-size:16px;vertical-align:top}
.bbsList01 .txt01{margin-top:15px;color:#454545;font-family:"NotoSansKR-Regular";font-size:14px;line-height:1.8}
.bbsList01 .articleInfo{position:relative;margin-top:33px}
.bbsList01 .articleInfo span.type01{position:relative;padding:0 12px 0 9px;color:#454545;font-family:"NotoSansKR-Regular"}
.bbsList01 .articleInfo span.type01:after{display:block;content:"";position:absolute;top:50%;right:0;width:2px;height:11px;margin-top:-4px;background:url(/assets/images/sub/bar_bbs.gif) no-repeat 0 0}
.bbsList01 .articleInfo span.noBar:after{display:none}
.bbsList01 .articleInfo span.type01:first-child{padding-left:0}
.bbsList01 .articleInfo span.lastType01:after{display:none}

.bbsList01 .articleInfo .tag{display:inline-block;height:20px;margin-right:2px;padding:3px 6px 0;color:#fff;font-size:10px}
.bbsList01 .articleInfo .goal1{background-color:#eb1c2c}
.bbsList01 .articleInfo .goal2{background-color:#d3a229}
.bbsList01 .articleInfo .goal3{background-color:#269a49}
.bbsList01 .articleInfo .goal4{background-color:#c41e31}
.bbsList01 .articleInfo .goal5{background-color:#ef4128}
.bbsList01 .articleInfo .goal6{background-color:#00aedb}
.bbsList01 .articleInfo .goal7{background-color:#ffb611}
.bbsList01 .articleInfo .goal8{background-color:#8e1838}
.bbsList01 .articleInfo .goal9{background-color:#f36d24}
.bbsList01 .articleInfo .goal10{background-color:#e31486}
.bbsList01 .articleInfo .goal11{background-color:#fb9f26}
.bbsList01 .articleInfo .goal12{background-color:#cf8e28}
.bbsList01 .articleInfo .goal13{background-color:#49743c}
.bbsList01 .articleInfo .goal14{background-color:#007dbf}
.bbsList01 .articleInfo .goal15{background-color:#3db249}
.bbsList01 .articleInfo .goal16{background-color:#00558b}
.bbsList01 .articleInfo .goal17{background-color:#193669}
.bbsList01 .articleLink{float:right;position:relative;top:8px}
.bbsList01 .articleLink a{margin-left:6px}
.bbsList01 .attachPic .inner01{float:right;width:267px}
.bbsList01 .attachPic .inner01 .pic{position:relative}
.bbsList01 .attachPic .inner02{float:left;width:calc(100% - 267px);padding-right:32px}

.bbsList01 .articleInfo .tag2{display:inline-block;height:20px;margin-right:2px;padding:3px 6px 0;color:#fff;font-size:10px;border-radius:4px;}
.bbsList01 .articleInfo .upcoming{background-color:#2e75b6}
.bbsList01 .articleInfo .ongoing{background-color:#00b050}
.bbsList01 .articleInfo .closed{background-color:#595959}

.bbsList02{display:flex;flex-wrap:wrap;overflow:hidden;margin-top:26px}
.bbsList02 .article{position:relative;width:31.5789%;margin:0 2.6315% 30px 0}
.bbsList02 .article a{display:block}
.bbsList02 .article:nth-child(3n){margin-right:0}
.bbsList02 .pic{position:relative;}
.bbsList02 .pic.picbg{position:relative; display:block;width:100%; height:200px; background-size:cover!important; box-sizing: border-box;}
/* .bbsList02 .pic img{width:100%;height:100%} */
/* 카테고리, 글 제목 텍스트 영역 조정 2022.05.27 */
.bbsList02 .details{height:auto;padding:22px 20px 0;border:1px solid #e6e6e6;border-top:0}
/* .bbsList02 .details{height:86px;padding:22px 20px 0;border:1px solid #e6e6e6;border-top:0} */
.bbsList02 .subject{color:#1994e0;font-family:"NotoSansKR-Medium";white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
/* 콘텐츠 제목 텍스트 ... 말줄임 표시 해제  2022.05.27 */
.bbsList02 .txt01{overflow:hidden;margin-top:6px;margin-bottom:10px;color:#222;font-family:"NotoSansKR-Medium";font-size:18px;white-space:normal;}
/* .bbsList02 .txt01{overflow:hidden;margin-top:6px;color:#222;font-family:"NotoSansKR-Medium";font-size:18px;white-space:nowrap;text-overflow:ellipsis} */
.bbsList02 .article a:hover .details p{color:#fff}


.bbsList02 .tag{position:absolute;z-index:3;top:0;left:0;width:40px;height:40px;background:url(/assets/images/sub/ico_sdg_list02.png) no-repeat 0 0;background-size:40px auto}
.bbsList02 .tag01{display:inline-block;padding-top:3px;width:40px;height:40px;background:url(/assets/images/sub/ico_sdg_list02.png) no-repeat 0 0;background-size:40px auto}/*20200827 add*/
.bbsList02 .pos1{left:0}
.bbsList02 .pos2{left:40px}
.bbsList02 .pos3{left:80px}
.bbsList02 .goal1{background-color:#eb1c2c;background-position:0 -40px}
.bbsList02 .goal2{background-color:#d3a229;background-position:0 -120px}
.bbsList02 .goal3{background-color:#269a49;background-position:0 -200px}
.bbsList02 .goal4{background-color:#c41e31;background-position:0 -280px}
.bbsList02 .goal5{background-color:#ef4128;background-position:0 -360px}
.bbsList02 .goal6{background-color:#00aedb;background-position:0 -440px}
.bbsList02 .goal7{background-color:#ffb611;background-position:0 -520px}
.bbsList02 .goal8{background-color:#8e1838;background-position:0 -600px}
.bbsList02 .goal9{background-color:#f36d24;background-position:0 -680px}
.bbsList02 .goal10{background-color:#e31486;background-position:0 -760px}
.bbsList02 .goal11{background-color:#fb9f26;background-position:0 -840px}
.bbsList02 .goal12{background-color:#cf8e28;background-position:0 -920px}
.bbsList02 .goal13{background-color:#49743c;background-position:0 -1000px}
.bbsList02 .goal14{background-color:#007dbf;background-position:0 -1080px}
.bbsList02 .goal15{background-color:#3db249;background-position:0 -1160px}
.bbsList02 .goal16{background-color:#00558b;background-position:0 -1240px}
.bbsList02 .goal17{background-color:#193669;background-position:0 -1320px}


.bbsList03{margin-top:14px}
.bbsList03 li{height:59px;border-bottom:1px solid #e6e6e6}
.bbsList03 a{display:block;cursor: pointer;overflow:hidden;position:relative;width:100%;height:100%;padding:20px 0 0 14px;white-space:nowrap;text-overflow:ellipsis}
.bbsList03 a:before{display:block;content:"";position:absolute;top:30px;left:0;width:3px;height:3px;border-radius:50%;background-color:#666}
.bbsList03 a span{display:inline;position:relative;vertical-align:middle;}
.bbsList03 .subject{margin-right:6px;padding-right:9px;color:#666;font-family:"NotoSansKR-Medium"}
.bbsList03 .subject:after{display:block;content:"";position:absolute;top:50%;right:0;width:1px;height:11px;margin-top:-5px;background-color:#c8c7c7}
.bbsList03 .details{color:#8d8d8d;font-family:"NotoSansKR-Regular";font-size:12px}
.bbsList03 a:hover span{color:#1994e0}
.bbsList03 a:hover:before{background-color:#1994e0}
.bbsList03 a:hover .subject:after{background-color:#1994e0}
.bbsList03 .type01{overflow:hidden}
.bbsList03 .type01 .subject{overflow:hidden;float:left;width:86%;font-family:"NotoSansKR-Regular";white-space:nowrap;text-overflow:ellipsis}
.bbsList03 .type01 .subject:after{display:none}
.bbsList03 .type01 .date{float:right;position:relative;top:2px;width:55px;color:rgba(102, 102, 102, 0.5);font-size:12px;text-align:right}

.bbsList04{margin-top:25px}
.bbsList04 thead th{height:54px;font-family:"NotoSansKR-Regular";text-align:left;background-color:#dfe5e9;font-weight: normal;}
.bbsList04 thead th:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;text-align:center}
.bbsList04 thead th.chkAll{padding-left:40px;text-align:left}
.bbsList04 thead th.num{text-align:center}
.bbsList04 thead th.title{padding-left:20px;text-align:center}
.bbsList04 thead th.date{border-top-right-radius:4px;border-bottom-right-radius:4px;text-align:center}
.bbsList04 tbody td{height:100px;border-bottom:1px solid #f2f2f2;text-align:left}
.bbsList04 tbody td.chk{padding-left:40px;text-align:left}
.bbsList04 tbody td.num{text-align:center}
.bbsList04 tbody td.title a{padding-left:20px;color:#222;font-family:"NotoSansKR-Medium";font-size:18px;text-align:left;display:block;overflow:hidden;padding-left:0;font-size:20px;white-space:nowrap;text-overflow:ellipsis}
.bbsList04 tbody td.date{font-family:"NotoSansKR-Regular";text-align:center}
.bbsList04 tbody td.noResult{color:#222;font-family:"NotoSansKR-Medium";font-size:18px;text-align:center}
.bbsList04 .myHistory thead th.date{padding-left:0;text-align:center}
.bbsList04 .myHistory thead th.chkAll .checkboxStyle02{top:2px}
.bbsList04 .myHistory tbody th.date{padding-left:0;text-align:center}
.bbsList04 .myHistory tbody td{height:auto;padding:41px 0 42px;border-color:#f2f2f2}
.bbsList04 .myHistory tbody td.chk{padding-left:40px;text-align:left}
.bbsList04 .myHistory tbody td.chk .checkboxStyle02{top:2px}
.bbsList04 .myHistory tbody td.date{text-align:center}
.bbsList04 .myHistory tbody td.title{padding-left:20px}
.bbsList04 .myHistory tbody td.title .depth,
.bbsList04 .myHistory tbody td.title .tagSubject{font-family:"NotoSansKR-Regular"}
.bbsList04 .myHistory tbody td.title .depth{margin-top:13px}
.bbsList04 .myHistory tbody td.title .tagSubject{margin-top:12px}
.bbsList04 .myQnA thead th.status{padding-left:16px}
.bbsList04 .myQnA thead th.date{padding-left:16px}
.bbsList04 .myQnA tbody td.status{padding-left:16px}
.bbsList04 .myQnA tbody td.date{padding-left:16px}

.bbsList05{margin-top:25px}
.bbsList05 ol{margin-top:33px;border-top:1px solid #000}
.bbsList05 ol li{overflow:hidden;padding:16px 0;border-bottom:1px solid #ccc}
.bbsList05 ol li > div{float:left}
.bbsList05 ol li .date{width:138px;padding:13px 0;font-size:15px;text-align:center}
.bbsList05 ol li .subject{width:calc(100% - 138px - 68px);padding:13px 0 12px 62px}
.bbsList05 ol li .subject a{display:inline-block;overflow:hidden;max-width:88%;margin-right:20px;font-size:18px;white-space:nowrap;text-overflow:ellipsis}
.bbsList05 ol li .subject .new{display:inline-block;width:70px;height:25px;padding-top:3px;border-radius:4px;color:#fff;font-size:14px;text-align:center;background-color:#1994e1}
.bbsList05 ol li .attach{width:68px;text-align:center}
.bbsList05 ol li .icoAttach{display:inline-block;width:28px;height:50px;background:url(/assets/images/common/ico_attach.png) no-repeat center;font-size:0;text-indent:-9999em}
.bbsList05 ol li em.result{color:#1994e0}
.bbsList05 ol li .noResult{width:100%;height:54px;padding-top:15px;font-size:18px;text-align:center}

.bbsList06 .listWrap{overflow:hidden;padding-bottom:33px;border-bottom:1px solid #f2f2f2}
.bbsList06 .list{overflow:hidden;float:left;width:49.1228%;margin-top:46px;padding:0 20px;}
.bbsList06 .list:nth-child(2n-1){margin-right:1.7543%}
.bbsList06 h3{color:#222;font-family:"NotoSansKR-Medium";font-size:16px;line-height:1.5;font-weight: normal;}
.bbsList06 h3 a{display:block;width:100%}
.bbsList06 h3 .num{position:relative;top:2px;margin-right:4px}
.bbsList06 .inner01{float:right;width:190px}
.bbsList06 .inner01 .pic{position:relative}

.bbsList06 .inner02{float:left;width:55.7692%;/*padding-right:7.8694%*/}
.bbsList06 .inner02 .articleInfo{margin-top:14px;font-family:"NotoSansKR-Regular";font-size:12px}
.bbsList06 .inner02 .articleInfo > span{display:block;overflow:hidden;width:100%;margin-top:7px}
.bbsList06 .inner02 .articleInfo > span:first-child{margin-top:0}
.bbsList06 .inner02 .articleInfo .venue{white-space:nowrap;text-overflow:ellipsis}

.bbsList07{margin-top:43px;border-top:1px solid #f2f2f2}
.bbsList07 .list{overflow:hidden;height:101px;border-bottom:1px solid #f2f2f2}
.bbsList07 .inner01, 
.bbsList07 .inner02, 
.bbsList07 .inner03{float:left;height:100%}
.bbsList07 .inner01{width:13.6842%;padding-top:22px}
.bbsList07 .inner02{width:80.0%;padding:20px 9% 0 0}
.bbsList07 .inner03{width:6.3157%;padding-top:26px;font-family:"NotoSansKR-Regular"}
.bbsList07 .inner04{width:100.0%;padding:20px 9% 0 0}

.bbsList07 .inner01 .ico{display:inline-block;width:40px;height:40px;margin-right:5px;background:url(/assets/images/sub/ico_my_comment.gif) no-repeat 0 0}
.bbsList07 .inner01.comment .ico{background-position:0 0}
.bbsList07 .inner01.reply .ico{background-position:0 -40px}
.bbsList07 .inner01 .icoDivision{position:relative;top:10px;font-family:"NotoSansKR-Medium";font-size:16px}
.bbsList07 .inner01.comment .icoDivision{color:#1994e0}
.bbsList07 .inner01.reply .icoDivision{color:#1fb6bf}

.bbsList07 .inner02 a{display:block;height:auto}
.bbsList07 .inner02 .comment{display:block;overflow:hidden;font-family:"NotoSansKR-Medium";font-size:18px;white-space:nowrap;text-overflow:ellipsis}
.bbsList07 .inner02 .subject{display:block;overflow:hidden;margin-top:12px;font-family:"NotoSansKR-Regular";font-size:16px;white-space:nowrap;text-overflow:ellipsis}
.bbsList07 .inner02 .subject span{line-height:22px;}

.bbsList07 .inner03 .date{display:inline-block}
.bbsList07 .inner03 .time{display:inline-block;margin-top:12px}

.bbsList07 .inner04 .comment{display:block;overflow:hidden;font-family:"NotoSansKR-Medium";font-size:18px;white-space:nowrap;text-overflow:ellipsis;text-align:center}

/* bbs list new 2022.07 */
.bbsListNew{display: flex;overflow: hidden;margin-top: 26px;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.bbsListNew .article{/*float:left;*/position:relative;width: 32%;margin:0 10px 15px 0;}
.bbsListNew .article a{display:block}
.bbsListNew .article:nth-child(3n){margin-right:0}
.bbsListNew .pic{position:relative;}
.bbsListNew .pic.picbg{position:relative; display:block;width:100%; height:200px; background-size:cover!important; box-sizing: border-box;}
.bbsListNew .pic.picbg img{display:block;width:inherit; height:inherit;object-fit: cover;}
/* .bbsList02 .pic img{width:100%;height:100%} */
.bbsListNew .details{height:86px;padding:22px 20px 0;border:1px solid #e6e6e6;border-top:0;color:#454545;background-color:#fff}
.bbsListNew .subject{color:#1994e0;font-family:"NotoSansKR-Medium";white-space:nowrap;text-overflow:ellipsis;overflow: hidden;font-size: 20px;}
.bbsListNew .txt01{overflow:hidden;margin-top:6px;color:#222;font-family:"NotoSansKR-Medium";font-size:16px;white-space:nowrap;text-overflow:ellipsis}
.bbsListNew .article a:hover .details p{color:#fff}

/* table list  2022.07 */
.tablelistNew tbody th,
.tablelistNew tbody td {border-top:1px solid #e6e6e6 !important;border-bottom: 1px solid #e6e6e6 !important; text-align:left;font-weight: normal;}
.tablelistNew tbody th {padding: 14px 10px !important;text-align: center;color:#222;font-family:"NotoSansKR-Medium";background-color:#fff}
.tablelistNew tbody td {padding:14px 20px !important;font-family:"NotoSansKR-Regular";background-color:#fafafa;word-break: break-all;}
.tablelistNew tbody td a {display: inline-block; width: 100%; word-break: break-all;}
.tablelistNew td.txtRight {padding: 14px 20px 14px 5px !important;text-align: right;}

/* bbs box */
.bbsBox {display: inline-block;}
.bbsBox .bxLeft {float:left;width: 40%;}
.bbsBox .bxRight {float:right;width: 60%;}

/* table top text */
.tbTopText {padding:0 0 15px 0;text-align: right;font-size: 16px;}

/* LayerPopup */
.layerPopup{position:fixed;z-index:999;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5)}
.btnClose{position:absolute;top:-45px;right:35px;width:16px;height:16px;font-size:0;background:url(/assets/images/common/btn_close_white_16x16.png) no-repeat 0 0;z-index:999}

/* Header - 검색 팝업 */
.layerSearch{position:fixed;z-index:999;top:71px;left:0; width:100%;height:calc(100% - 71px);background:rgba(0, 0, 0, 0.4)}
.innerLayerSearch{position:absolute;top:0;left:0;width:100%;height:382px;background-color:#fff}
.layerGuideLine{position:absolute;z-index:1;top:0;left:0;width:100%;height:175px;border-bottom:1px solid #b2b2b2}
.layoutLayerSearch{position:relative;z-index:2;width:742px;margin:0 auto}
.layerSearch .lineBreak01{display:block}
.layerSearch .titSearch{display:none}
.btnSearchDivision{display:none}
.btnCloseSearch{position:fixed;top:15px;right:23px;width:40px;height:40px;font-size:0;background:url(/assets/images/common/btn_close_white_16x16.png) no-repeat center;z-index:999}

.layerSearch .searchCategory{padding-top:55px}
.layerSearch .searchCategory ul{overflow:hidden;padding:1px 0}
.layerSearch .searchCategory li{float:left}
.layerSearch .searchCategory li a{position:relative;padding:0 19px 0 17px;color:#666;font-size:14px}
.layerSearch .searchCategory li a:after{display:block;content:"/";position:absolute;top:1px;right:0;color:#b4b4b4;font-family:"NotoSansKR-Thin";font-size:14px}
.layerSearch .searchCategory li a.active{color:#1994e0}
.layerSearch .searchCategory li:first-child a{padding-left:0}
.layerSearch .searchCategory li:last-child a{padding-right:0}
.layerSearch .searchCategory li:last-child a:after{display:none}

.layerSearch .schFrom{padding-top:55px}
.layerSearch .schFrom ul{overflow:hidden;padding:1px 0}
.layerSearch .schFrom li{float:left}
.layerSearch .schFrom li a{position:relative;padding:0 19px 0 17px;color:#666;font-size:14px}
.layerSearch .schFrom li a:after{display:block;content:"/";position:absolute;top:1px;right:0;color:#b4b4b4;font-family:"NotoSansKR-Thin";font-size:14px}
.layerSearch .schFrom li a.active{color:#1994e0}
.layerSearch .schFrom li:first-child a{padding-left:0}
.layerSearch .schFrom li:last-child a{padding-right:0}
.layerSearch .schFrom li:last-child a:after{display:none}

.layerSearch .searchInputField{margin-top:52px;padding-bottom:20px;border-bottom:2px solid #1994e0}
.layerSearch .innerSearchInputField{position:relative}
.layerSearch .searchInputField input[type=text]{width:80%;height:26px;padding-left:0;border:0;color:#1d9ff3;font-size:20px;background:transparent}
.layerSearch .searchInputField input[type=text]::-webkit-input-placeholder{color:rgba(102, 102, 102, 0.5)}
.layerSearch .searchInputField input[type=text]::-moz-placeholder{color:rgba(102, 102, 102, 0.5)}
.layerSearch .searchInputField input[type=text]:-ms-input-placeholder{color:rgba(102, 102, 102, 0.5)}
.layerSearch .searchInputField input[type=text]:-moz-placeholder{color:rgba(102, 102, 102, 0.5)}
/* .layerSearch .searchInputField .btnSearch{position:absolute;top:50%;right:50px;width:26px;height:25px;font-size:0;transform:translateY(-50%);background:url(/assets/images/common/ico_search_pop.gif) no-repeat 0 0} */
.layerSearch .searchInputField .btnSearch{position:absolute;top:50%;right:150px;width:26px;height:25px;font-size:0;transform:translateY(-50%);background:url(/assets/images/common/ico_search_pop.gif) no-repeat 0 0}
/* .layerSearch .searchInputField .btnAdvancedSearch{position:absolute;top:50%;right:0;width:30px;height:30px;font-size:0;transform:translateY(-50%);background:url(/assets/images/common/ico_advance_search.gif) no-repeat 0 0} */
.layerSearch .searchInputField .btnAdvancedSearch{position:absolute;right:0;margin-top: 2px;font-size:15px;text-transform: capitalize;color: #0a6dab;}

.layerSearch .recommendKeyword{margin-top:40px}
.layerSearch .recommendKeyword a{display:inline-block;height:36px;margin:0 10px 10px 0;padding:8px 24px 0;border:1px solid #d2d2d2;border-radius:20px;color:#6a6a6a; font-size:14px}
.layerSearch .recommendKeyword a:hover{border-color:#60bdf6;color:#1994e0}

.layerSearch .resultSearchArea{position:relative;margin-top:26px}
.layerSearch .resultSearchArea li{margin-top:3px}
.layerSearch .resultSearchArea li:first-child{margin-top:0}
.layerSearch .resultSearchArea a{display:block;height:40px;padding:8px 0 8px 20px;border-radius:4px;color:#ccc;font-family:"NotoSansKR-Medium";font-size:16px}
.layerSearch .resultSearchArea a em{color:#1994e0;vertical-align:baseline}
.layerSearch .resultSearchArea a.active,
.layerSearch .resultSearchArea a:hover{color:#ccc;background-color:#1994e0}
.layerSearch .resultSearchArea a.active em,
.layerSearch .resultSearchArea a:hover em{color:#fff}
.layerSearch .latestKeywordArea,
.layerSearch .autoCompleteArea{display:none}
.layerSearch .autoCompleteArea a{overflow:hidden}
.layerSearch .autoCompleteArea a .similarKeyword{float:left}
.layerSearch .autoCompleteArea a .dateSimilarKeyword{display:none;float:right}

.layerSearch .latestKeyword .top{overflow:hidden;padding:0 14px 0 20px}
.layerSearch .latestKeyword h3{float:left;color:#000;font-family:"NotoSansKR-Medium";font-size:18px;font-weight: normal;}
.layerSearch .latestKeyword .btnDeleteAllKeyword{float:right}
.layerSearch .latestKeyword ol{margin-top:21px}
.layerSearch .latestKeyword li{height:40px;margin-top:3px;border-radius:4px}
.layerSearch .latestKeyword li:first-child{margin-top:0}
.layerSearch .latestKeyword li span{display:inline-block;height:100%}
.layerSearch .latestKeyword li .keyword{overflow:hidden;width:calc(100% - 75px);padding-top:9px;color:#969696;font-size:16px;text-indent:20px;white-space:nowrap;text-overflow:ellipsis}
.layerSearch .latestKeyword li .date{width:34px;padding-top:10px;color:rgba(150, 150, 150, 0.6);font-size:14px}
.layerSearch .latestKeyword li button{position:relative;top:9px;left:6px;width:20px;height:20px;margin-right:10px;font-size:0}
.layerSearch .latestKeyword li button:before, 
.layerSearch .latestKeyword li button:after{display:block;content:"";position:absolute;top:10px;left:4px;width:11px;height:1px;background:#b5b6b7}
.layerSearch .latestKeyword li button:before{transform:rotate(45deg)}
.layerSearch .latestKeyword li button:after{transform:rotate(-45deg)}
.layerSearch .latestKeyword li.noResult p{padding-top:10px;color:#969696;font-family:"NotoSansKR-Medium";font-size:20px;text-align:center}
.layerSearch .latestKeyword li:not(.noResult):hover, 
.layerSearch .latestKeyword li.active{color:#fff;background-color:#1994e0}
.layerSearch .latestKeyword li:not(.noResult):hover .keyword{color:#fff}
.layerSearch .latestKeyword li:not(.noResult):hover .date{color:rgba(255, 255, 255, 0.6)}
.layerSearch .latestKeyword li:not(.noResult):hover button:before,
.layerSearch .latestKeyword li:not(.noResult):hover button:after{background:#e6e6e6}

/* Header - Advanced Search 팝업 */
.layerAdvancedSearch{position:absolute;top:71px;left:0;width:100%;height:calc(100% - 71px);padding:80px 0 20px;background-color:#fff;z-index:999}
.layerAdvancedSearch .btnClose{position:fixed;top:26px}
.advancedSearchArea .innerScroll{margin-top:40px;padding-right:22px}
.advancedSearchArea .btnSelect{font-family:"NotoSansKR-Regular";font-size:12px}
.advancedSearchArea .btnSelect:hover{border-color:#1994e0}
.advancedSearchArea h2{color:#222;font-family:"NotoSansKR-Bold";font-size:40px}
.advancedSearchArea .sdgChkList02{margin-top:0;border-top:0}
.advancedSearchArea .sdgChkList02 .type01, 
.advancedSearchArea .sdgChkList02 .type02{width:134px;}
.advancedSearchArea .sdgChkList02 dd{padding-bottom:0}
.advancedSearchArea .sdgChkList02 dd input[type=radio] + label:before{top:0}
.advancedSearchArea .selectWrap03{display:inline-block}
.advancedSearchArea .selectWrap03 .btnSelect{height:38px}
.advancedSearchArea .selectWrap03 .layerSelect li{width:100%;margin-bottom:0}
.advancedSearchArea .asDetails .inner01{margin-bottom:10px}
.advancedSearchArea .inputStyle02{width:44%;font-family:"NotoSansKR-Regular";font-size:12px}
.advancedSearchArea .asDetails{border-top:1px solid #e6e6e6}
.advancedSearchArea .asDetails dt, 
.advancedSearchArea .asDetails dd{min-height:185px}
.advancedSearchArea .asMaterial dt, 
.advancedSearchArea .asMaterial dd{min-height:128px}
.advancedSearchArea .asMaterial dd .type01,
.advancedSearchArea .asMaterial dd .type02{min-height:40px}
.advancedSearchArea .asFile dt, 
.advancedSearchArea .asFile dd{min-height:61px}
.advancedSearchArea .asFile dd .type01{min-height:auto}
.advancedSearchArea .asCountry dt, 
.advancedSearchArea .asCountry dd{min-height:61px}
.advancedSearchArea .asCountry dd .type01{min-height:auto;margin-top:4px}
.advancedSearchArea .asCountry dd .selectWrap03{top:-8px;margin-right:10px}
.advancedSearchArea .asLanguage dt, 
.advancedSearchArea .asLanguage dd{min-height:61px}
.advancedSearchArea .asLanguage dd .type01{min-height:auto}
.advancedSearchArea .asPublication dt, 
.advancedSearchArea .asPublication dd{min-height:76px}
.advancedSearchArea .asPublication dd .datepicker{width:162px;height:38px;margin-right:15px;padding:0 30px 0 10px;border-color:#e6e6e6;background:url(/assets/images/common/ico_calendar.gif) no-repeat 94% 50%}
.advancedSearchArea .btnControl01{margin-top:40px}
.advancedSearchArea .btnControl01 a{margin:0 4px}
.advancedSearchArea .btnControl01 button{margin:0 4px}
/* Popup */
.tit-list{font:16px "NotoSansKR-Medium"}

.popContributors{position:fixed;z-index:100;top:71px;left:0;width:100%;height:calc(100% - 71px);padding:80px 0 20px;background-color:#fff}
.popContributors .btnClose{position:absolute;top:33px;right:23px;width:40px;height:40px;font-size:0;background:url(/assets/images/sub/btn_close_pop.gif) no-repeat center}
.advisorProfile{overflow:hidden;margin-top:34px}
.advisorProfile .inner01, 
.advisorProfile .inner02{float:left;height:259px}
.advisorProfile .inner01{overflow:hidden;width:50%;padding:30px 30px 0;background-color:#3b4c66}
/* .advisorProfile .inner01 .pic{float:left;width:200px;height:200px} */
/* .advisorProfile .inner01 .pic img{width:100%;height:100%} */
.advisorProfile .inner01 .pic { float: left;width: 200px; height: 200px; background-color: #eee; border-radius: 20px;}
.advisorProfile .inner01 .pic img{height:100%; border-radius: 20px; width:100%}
.advisorProfile .inner01 .details{float:left;width:calc(100% - 200px);padding:50px 0 0 50px}
.advisorProfile .inner01 .name{color:#fff;font-family:"NotoSansKR-Bold";font-size:30px}
.advisorProfile .inner01 .date{margin-top:4px;color:#fff;font-size:14px}
.advisorProfile .inner02{position:relative;width:50%;padding:0 0 0 60px;background-color:#868e99}
.advisorProfile .inner02 .field{position:absolute;top:50%;color:#fff;transform:translateY(-50%)}
.advisorProfile .inner02 .field dt{font-family:"NotoSansKR-Bold";font-size:20px}
.advisorProfile .inner02 .field dd{font-family:"NotoSansKR-Regular";font-size:16px}
.advisorProfile .inner02 .field dd ul{margin-top:20px}
.advisorProfile .inner02 .field dd li{margin-top:10px}
.advisorProfile .inner02 .field dd li:first-child{margin-top:0}
.advisorData{overflow:hidden}
.advisorData .date{float:left}
.layoutStyle04.advisorProfileDetail{margin:80px auto}
.advisorProfileDetail h5{margin-top:82px;font-family:"NotoSansKR-Bold";font-size:25px}
/* .advisorProfileDetail h5:nth-of-type(1){margin-top:0} */
.advisorProfileDetail .tablelist04{margin-top:41px}

.advisorProfileDetail .tit-list{margin-top:24px}
.professionalWorksList li{padding:10px 0 10px;border-bottom:1px solid #e6e6e6;font-size:16px;line-height:1.7}
/* 20200727 */
#professionalWorks p{padding:10px 0 10px;border-bottom:1px solid #e6e6e6;font-size:16px;line-height:1.7}

.inquireiesAdvisor{padding:55px 60px 60px}
.inquireiesAdvisor .titPop01{margin-bottom:65px}
.inquireiesAdvisor .titPop03{margin-top:28px;margin-bottom:15px}
.inquireiesAdvisor .textAreaStyle01{margin-top:23px}
.controlInquireiesAdvisor{ margin-top:50px}
.controlInquireiesAdvisor:after{content:"";display:block;clear:both}
.controlInquireiesAdvisor .captcha{float:left;margin-right:15px}
.controlInquireiesAdvisor .btn{float:left;position:relative;top:21px;width:101px;padding:8px 0}
.controlInquireiesAdvisor .btn.type01{margin-right:10px}
.controlInquireiesAdvisor .btnQnASubmit{top:13px;min-width:208px;padding-top:14px}

.loginArea, 
.loginForgetArea{position:absolute;top:50%;left:50%;width:492px;height:690px;padding:52px 60px 60px 60px;border-radius:4px;margin:-345px 0 0 -246px;background-color:#fff}
.loginPopup .btnClose{position:absolute;top:19px;right:19px;width:16px;height:16px;font-size:0;background:url(/assets/images/common/btn_close_16x16.png) no-repeat 0 0}
.loginPopup h3{color:#222;font-family:"NotoSansKR-Bold";font-size:30px}
.loginPopup .txtWarn{margin-top:20px;padding-bottom:20px;border-bottom:1px solid #e6e6e6;color:#1994e0;font-family:"NotoSansKR-Regular";font-size:12px}
.loginArea .logo{margin-top:100px;text-align:center}
.loginForm{margin-top:88px}
.loginForm input[type=text]{padding-left:57px;background:url(/assets/images/sub/ico_email_address.jpg) no-repeat 20px 50%}
.loginForm input[type=password]{margin-top:10px;padding-left:57px;background:url(/assets/images/sub/ico_password.jpg) no-repeat 20px 50%}
.loginForm button{width:100%;margin-top:18px}

.controlForget{padding-top:27px;font-family:"NotoSansKR-Regular";text-align:center}
.controlForget a{margin:0 8px}
.controlForget a:before{content:"";display:inline-block;width:1px;height:10px;margin-right:17px;background-color:#b2b0b0}
.controlForget a:first-child::before{display:none}

.loginForgetArea .logo{display:none}
.loginForgetArea .txt01{margin-top:113px;color:#1994e0;font-family:"NotoSansKR-Bold";font-size:30px;text-align:center}
.loginForgetArea .txt02{margin-top:7px;font-family:"NotoSansKR-Regular";font-size:20px;text-align:center}
.loginForgetArea .loginForm{margin-top:115px}

.terminationArea{position:absolute;top:50%;left:50%;width:650px;height:509px;padding:52px 60px 60px 60px;border-radius:4px;margin:-254px 0 0 -325px;background-color:#fff}
.terminationArea .btnClose{position:absolute;top:19px;right:19px;width:16px;height:16px;font-size:0;background:url(/assets/images/common/btn_close_16x16.png) no-repeat 0 0}
.terminationArea h3{color:#222;font-family:"NotoSansKR-Bold";font-size:30px}
.terminationArea h4{margin-top:17px;color:#222;font-family:"NotoSansKR-Medium";font-size:14px}
.terminationArea h4.titPwd02{margin-top:32px}
.terminationArea .txtWarn{margin-top:41px;padding-bottom:20px;color:rgba(69, 69, 69, 0.7);font-family:"NotoSansKR-Regular";font-size:12px}
.terminationArea .txtEmail{margin-top:15px}
.terminationArea .pwdTermination{margin-top:18px}
.terminationArea .btnControl01{margin-top:29px}

.terminated p{margin-top:7px;font-family:"NotoSansKR-Regular";font-size:18px}
.terminated .txt01:nth-of-type(1){margin-top:47px}
.terminated .txt02{margin-top:37px}
.terminated .btnControl01{margin-top:117px}

.writeQuestionArea{position:absolute;top:50%;left:50%;width:650px;height:509px;padding:52px 60px 60px 60px;border-radius:4px;margin:-254px 0 0 -325px;background-color:#fff}
.writeQuestionArea .btnClose{position:absolute;top:19px;right:19px;width:16px;height:16px;font-size:0;background:url(/assets/images/common/btn_close_16x16.png) no-repeat 0 0}
.writeQuestionArea h3{color:#222;font-family:"NotoSansKR-Bold";font-size:30px}
.writeQuestionArea .form1{margin-top:57px}
.writeQuestionArea .form2{margin-top:21px}
.writeQuestionArea .form2 textarea{padding:14px 20px}
.writeQuestionArea .btnControl01{margin-top:28px}
.writeQuestionArea .btnControl01 a{margin:0 3px}

/* Btn Go Top */
.btnTop{position:absolute;z-index:1000;top:3000px;right:0;width:72px;transform:translateX(-50%)}
.btnTop a{display:block;width:72px;height:72px;font-size:0;background:url(/assets/images/common/btn_top.png) no-repeat 0 0}
.btnTop.mobile{position:fixed;top:auto !important;bottom:20px !important;right:10px;width:42px;height:42px}
.deviceMobile .btnTop{opacity:0;position:fixed;top:auto !important;bottom:20px !important;right:10px;width:42px;height:42px}
.deviceMobile .btnTop a{width:42px;height:42px;background:url(/assets/images/common/btn_top_mobile.png) no-repeat 0 0}
.deviceMobile .btnTop.mobile{opacity:1}

/* Popup - Menu */
.layerMenu{position:fixed;z-index:9999;top:71px;left:0;width:100%;height:calc(100% - 60px);background-color:rgba(106, 106, 106, 0.5)}
.layerMenu .titSearch{position:absolute;top:10px;left:50%;font:26px "NotoSansKR-Medium";color:#fff;transform:translateX(-50%)}
.layerMenu .bMenu li{height:80px;border-top:1px solid rgba(106, 106, 106, 0.2);background-color:#fff}
.layerMenu .bMenu li:first-child{border:0}
.layerMenu .bMenu li a{display:block;width:100%;height:80px;padding-top:28px;color:#454545;font-size:20px;text-align:center}
.layerMenu .bMenu li a:hover, 
.layerMenu .bMenu li a:focus{color:#1994e0;font-weight:bold}

/* Footer :Section 9th */
.footerWrap{overflow:hidden;margin-top:100px;background:#0a162e}
.footer .innerWrap{overflow:hidden;padding-top:76px}
.footer dl{float:left;width:33.3333%;transition:all 0.2s}
.footer dl:nth-child(1){width:23%}
.footer dl:nth-child(2){width:18%}
.footer dl:nth-child(3){width:37%}
.footer dl:nth-child(4){width:22%}
.footer dt{color:#fff;font-family:"NotoSansKR-Medium";font-size:20px}
.footer dd{width:100%;margin-top:40px}
.footer dl:not(.sns) dd li{position:relative;margin-top:14px}
.footer dd li:first-child{margin-top:0}
.footer dd li a{display:block;width:100%;color:#838fa7;font-family:"NotoSansKR-Regular";font-size:16px}
.footer dl:nth-child(2) li:first-child{min-width:107px}
.footer dl:nth-child(2) li:last-child{min-width:150px}
.footer .sns dd{margin-top:42px}
.footer .sns ul{overflow:hidden}
.footer .sns li{float:left;width:38px}
.footer .sns li:nth-child(2){margin-left:25px}
.footer .sns li:nth-child(3){margin-left:36px}
.footer .sns li:nth-child(4){margin-left:37px}
.footer .sns a span{display:block;opacity:0.5;width:38px;height:30px;font-size:0;background:url(/assets/images/common/ico_sns.png) no-repeat 0 0}
.footer .sns a .ico01{background-position:0 0}
.footer .sns a .ico02{background-position:0 -40px}
.footer .sns a .ico03{background-position:0 -80px}
.footer .sns a .ico04{background-position:0 -120px}

.copyright{height:90px;margin-top:90px;color:#7b7f89;font-family:"NotoSansKR-Medium";font-size:12px;background:#0a162e}
.copyright .innerWrap{border-top:1px solid rgba(123, 127, 137, 0.3)}
.copyright h2{float:left;width:179px;height:45px;margin-top:23px;font-size:0;background:url(/assets/images/common/main_logo_footer.png) no-repeat 0 0}
.copyright p{float:left;position:relative;top:38px;width:400px;margin-left:50px;color:#7b7f89}

.mobileFooterSelect{display:none;width:92%;margin:0 auto}
.mobileFooterSelect .innerMobileSelect{overflow:hidden;margin-bottom:10px}
.mobileFooterSelect select{float:left;width:calc(100% - 8px - 74px);height:56px;margin-right:8px;padding:8px;border:1px solid rgba(106, 106, 106, 0.5);border-radius:4px;color:#fff;font-family:"NotoSansKR-Medium";font-size:18px;background:url(/assets/images/main/ico_arrow_footer.png) no-repeat 95% 50%}
.mobileFooterSelect select option{background:#0a162e}
.mobileFooterSelect a{display:flex;align-items:center;justify-content:center;float:left;width:74px;height:56px;border-radius:8px;color:#fff;font-size:18px;background-color:#323c4f}



/* Spacing */
.mt0{margin-top:0 !important}
.mt10{margin-top:10px !important}
.mt18{margin-top:18px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt85{margin-top:85px !important}
.mt100{margin-top:100px}
.mt125{margin-top:125px}
.mt156{margin-top:156px}
.mt180{margin-top:180px}

.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px!important}
.mb15{margin-bottom:15px!important}
.mb60{margin-bottom:60px !important}

.pt0{padding-top:0 !important}
.pt40{padding-top:40px !important}

.pb0{padding-bottom:0 !important}
/* Keyframes */
@keyframes burger{
	0%{width:20%}
	100%{width:100%}
}
@keyframes burger2{
	0%{width:20%}
	100%{width:24px}
}
@keyframes activeBurger1{
	50%{top:9px;width:20px}
	100%{width:16px;top:9px;transform-origin:0 0;transform:rotate(45deg)}
}
@keyframes activeBurger2{
	50%{top:9px}
	100%{left:-1px;width:16px;top:9px;transform-origin:0 0;transform:rotate(-45deg) translateX(-2px)}
}
@keyframes activeBurger3{
	50%{bottom:10px}
	100%{width:22px;bottom:10px}
}

/* Media Queries */
@media all and (max-width:900px){
	.bbsList05 ol li .subject a{max-width:70%}
}

@media all and (max-width:1500px){
	.layerSearch .innerWrap{padding:0 20px}
	.layerSearch .inner01 h3{font-size:52px}
}

@media all and (max-width:1400px){
	.mainHeader .gnb > li{padding:0 10px}
}

@media all and (max-width:1320px){
	.layerSearch .inner01 h3{font-size:40px}
}

@media all and (max-width:1280px){	
	.mainHeader p.mainLogoBox{width:120px;top:26px;left:20px;background-size:99% auto}	
	.mainHeader .gnb{width:calc(100% - 90px - 110px)}
	.mainHeader .utils{top:26px;right:2vw}
	.mainHeader.active .utils{right:2vw}	
	.mainHeader .utils li.btnLanguage a{display:inline-block;width:30px;height:20px;background:url(/assets/images/common/btn_gnb_language.gif);font-size:0;text-indent:-9999em}
	.mainHeader .utils li.utilSet{display:block;position:relative;width:20px;height:20px;background:url(/assets/images/common/btn_gnb_utils.png)}
	.mainHeader .utils li.utilSet .seletUtil{display:block;position:absolute;width:20px;height:20px;font-size:0;text-indent:-9999em}
	.mainHeader .utils li.utilSet ul{display:none;position:absolute;top:38px;left:50%;width:86px;margin-left:-41px;padding:14px 0;border:1px solid #c9d3d9;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#fff;text-align:center}
	.mainHeader .utils li.utilSet ul: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}
	.mainHeader .utils li.utilSet ul li{float:none;margin-left:0}
	.mainHeader .utils li.utilSet ul li a{display:block;padding:7px 0 8px;border-bottom:0}
	.mainHeader .utils li.utilSet ul li a:hover{color:#1994e0}	
	.mainHeader .utils li.btnMainSearch a{margin-top:0}	
}

@media all and (max-width:1565px){	
	.bbsList01 .articleLink{float:none;top:0;margin-top:18px}
	.bbsList01 .articleLink a:first-child{margin-left:0}
}

@media all and (max-width:1024px){		
	.mainHeader p.mainLogoBox{width:90px;top:30px;left:20px;background-size:99% auto}	
	.mainHeader .gnb > li > a{padding:15px 0 32px;font-size:14px}
	.mainHeader .gnb > li:nth-child(2),
	.mainHeader .gnb > li:nth-child(3){width:110px}
	
	.mainHeader .gnb > li:nth-child(3) .gnbSub{margin-top:-2px;margin-left:-50px}
	.mainHeader .gnb > li:nth-child(4) .gnbSub{margin-left:-62px}
	.mainHeader .gnb > li:nth-child(5) .gnbSub{margin-left:-65px}
	.mainHeader .gnb .gnbSub{margin-top:7px}
	.mainHeader .utils li{margin-left:15px}
	
	.sdgChkList02 dd li{width:25%}

	.bbsList01 .articleLink{float:none;top:0;margin-top:18px}
	.bbsList01 .articleLink a{margin-left:0}

	.bbsList06 .list{width:100%}	
	.bbsList06 .inner01{width:calc(40% - 20px)}
	.bbsList06 .inner01 .pic img{width:100%;height:100%}
	.bbsList06 .inner02{width:60%}

	.statisticsList .colDate{width:140px}

	.layerSearch .inner01{float:none;width:100%;padding:80px 20px;border:0}
	
	.footer .sns li{width:50%;margin-bottom:20px}
	.footer .sns li:nth-child(2),
	.footer .sns li:nth-child(3),
	.footer .sns li:nth-child(4){margin-left:auto}

	/* tabelist new */
	.tablelistNew tbody td{padding:14px 10px;}
	.tablelistNew td.txtRight {padding: 14px 10px 14px 5px !important;text-align: right;}
}

@media all and (max-width:940px){		
	.btnStyle02{min-width:158px}
	.asCountry .btnStyle02{min-width:138px}
}

@media all and (max-width:767px){	
	.mainHeader{border-bottom:1px solid #e6e6e6}
	.mainHeader p.mainLogoBox{top:26px;left:50%;width:149px;background-size:149px 26px;transform:translateX(-50%)}
	.mainHeader .gnb{padding:0}
	.mainHeader .gnb li{margin-left:0}
	.wrap{width:100%;min-width:100%}
	
	.mainHeader .btnBurger{display:block;left:5vw;top:50%;transform:translateY(-50%)}
	.mainHeader .btnBurger span{background:#222}
	.mainHeader .gnbWrap,
	.mainHeader .gnbSubWrap,
	.mainHeader .utils li:not(.btnMainSearch){display:none}
	
	/* .mainHeader .gnb - Menu */
	.mainHeader.activeBurgerMenu .gnbWrap{display:block}
	.mainHeader .gnbWrap{overflow:auto;position:fixed;z-index:2000;top:131px;left:0;width:100%;height:calc(100% - 60px);background-color:rgba(106, 106, 106, 0.5)}
	.mainHeader .gnb{width:100%; height:610px;}
	.mainHeader .gnb li{display:block;position:relative;width:100%;height:auto;padding:0;border-top:1px solid rgba(106, 106, 106, 0.2);background-color:#fff}
	.mainHeader .gnb > li:nth-child(2), 
	.mainHeader .gnb > li:nth-child(3){width:100%}
	.mainHeader .gnb li:first-child{border:0}
	.mainHeader .gnb li a{display:block;width:100%;height:80px;padding:28px 5vw;color:#454545;font-size:20px;text-align:left;}
	.mainHeader .gnb li .btnAccor{display:block;background:#fff url(/assets/images/common/ico_sp_accordion.png) no-repeat 95% 37px;}
	.mainHeader .gnb li .btnAccor.active{background-position:95% -13px;}
	.mainHeader .gnb li a:hover, 
	.mainHeader .gnb li a:focus{color:#1994e0;font-weight:bold}
	
	.mainHeader .gnb li .gnbSub{display:none;position:relative;top:0;left:0;width:100%;margin:0;padding:30px 5vw 15px;border:0;border-radius:0;background-color:#ececec}
	.mainHeader .gnb li .gnbSub{margin-left:0 !important}
	.mainHeader .gnb li .gnbSub:before{display:none}
	.mainHeader .gnb li .gnbSub li{border:0;background-color:#ececec;text-align:left}
	.mainHeader .gnb > li:hover .gnbSub{display:none}
	.mainHeader .gnb li .gnbSub li a{display:inline-block;width:auto;height:auto;min-height:30px;margin-bottom:15px;padding:0;background:none;font:16px 'NotoSansKR-Medium';color:#454545}
	.mainHeader .gnb li .gnbSub li a:hover{background-color:inherit;border-bottom:1px solid #72b1e4}
	.mainHeader .gnb li .gnbSub li:after{display:none}		
	
	.mainHeader .utils li.btnMainSearch a,
	.mainHeader .utils li.btnMainSearch a:hover{width:28px;height:28px;background:url(/assets/images/common/btn_m_search.png) no-repeat 0 0}
	.mainHeader.activeBurgerMenu .utils{right:5vw}
	.mainHeader.activeBurgerMenu .utils li.btnMainSearch a{background-position:0 -50px}	
	
	/* 로그인 */
	.mainHeader.activeBurgerMenu .utils li:not(.btnMainSearch){position:fixed;top:71px;left:0;height:60px;line-height:60px;margin-left:0;background:#228bcd;text-align:center} 	
	.mainHeader .utils li.utilSet ul:after{display:none}
	.mainHeader.activeBurgerMenu .utils.login li:not(.btnMainSearch){width:50%}
	.mainHeader.activeBurgerMenu .utils.login li.utilSet{left:50%}
	.mainHeader.activeBurgerMenu .utils.login li.utilSet li{width:50%;left:50%}

	/* 로그아웃 */
	.mainHeader .utils li.utilSet ul{display:block;width:auto;height:auto;border:0;border-radius:0;top:0;margin-left:0;padding:0;position:inherit;background:none}
	.mainHeader.activeBurgerMenu .utils.logout li:first-child{width:33.333%}
	.mainHeader.activeBurgerMenu .utils.logout li.utilSet{width:calc(100% - 33.333%);left:33.333%}
	.mainHeader.activeBurgerMenu .utils.logout li.utilSet li{width:33.333%;left:33.333%}
	.mainHeader.activeBurgerMenu .utils.logout li.utilSet li:last-child{width:33.333%;left:66.666%}
	.mainHeader .utils li.btnLanguage a{width:auto;height:auto;text-indent:inherit}

	.mainHeader .utils{top:22px;right:5vw}	
	.mainHeader .utils li:before,
	.mainHeader .utils li.utilSet ul li:before{content:"";display:inline-block;position:absolute;top:10px;left:1px;width:1px;height:40px;background-color:rgba(255, 255, 255, 0.3)}	
	.mainHeader .utils li.btnMainSearch:before,
	.mainHeader .utils li:first-child::before{display:none}
	.mainHeader .utils li:not(.btnMainSearch) a{display:block;padding:17px 0;background:none;font:18px 'NotoSansKR-Medium';color:#fff}
	.mainHeader .utils li:not(.btnMainSearch) a:hover,
	.mainHeader .utils li.utilSet ul li a:hover{color:#fff}
	.mainHeader .utils li.utilSet ul li a{padding:17px 0}
	.mainHeader.active .utils{right:5vw;}

	/* 00.Login */
	.loginArea, .loginForgetArea{overflow-x:hidden;position:absolute;top:0;left:0;width:100%;height:100%;padding:52px 5vw 100px;border-radius:0;margin:0;background-color:#fff}
	.loginArea .logo, 
	.loginForgetArea .logo{display:block;position:absolute;top:17px;width:148px;height:27px;margin-top:0}
	.loginArea .logo img,
	.loginForgetArea .logo img{width:100%;height:100%}
	.loginPopup{z-index:9999}
	.loginPopup h3{margin:30% 0;color:#1da0f1;text-align:center}
	.loginForm{margin-top:0}

	.loginForgetArea h3{display:none}
	.loginForgetArea .txt01{width:180px;margin:30% auto}
	.loginPopup .txtWarn{text-align:center}

	.newsLetter{padding-bottom:40px}
	.newsLetter h2{font-size:32px}
	.copyright{height:auto;padding-bottom:30px}
	.copyright h2{float:none}
	.copyright p{float:none;position:static;width:100%;margin:20px 0 0 0;font-size:16px;text-align:left}
	.copyright p span{display:block;margin-top:6px}

	.layerSearch{top:0;height:100%;background-color:#fff}
	.layoutLayerSearch{width:100%}
	.layerSearch .titSearch{display:block;padding-top:13px;font-size:26px;text-align:center}
	.layerSearch .latestKeyword .top{width:90vw;margin:0 auto;padding:0}

	/* .btnCloseSearch{display:block;position:absolute;top:25px;right:5vw;width:26px;height:15px;font-size:0;background:url(/assets/images/common/ico_total_search_select.png) 0 0 no-repeat;	}
	.btnCloseSearch:before, 
	.btnCloseSearch:after{display:none} */
	.btnCloseSearch,
	.layerSearch.active .btnCloseSearch{position:absolute;top:18px;left:5vw;z-index:999;width:22px;height:24px;font-size:0;background:url(/assets/images/common/btn_sp_close_search.png) no-repeat 0 0}
	/* .layerMenu .btnClose{left:5vw;z-index:999;width:22px;height:24px;font-size:0;background:url(/assets/images/common/btn_sp_close_search.png) no-repeat 0 -50px} */

	.layerSearch .innerWrapper{padding:40px 0 0}
	.layerSearch .innerWrap{overflow:auto;position:static;height:100%;padding:0;transform:none}

	.layerGuideLine,
/* 	.layerSearch .searchCategory{display:none} */
	.layerSearch .schFrom{display:none}
	.layerSearch .latestKeywordArea{display:block;overflow-y:auto;}

	.layerSearch .autoCompleteArea{overflow-y:auto;width:94%;margin:0 auto}
	.layerSearch .autoCompleteArea li{margin-top:14px}
	.layerSearch .autoCompleteArea a{position:relative;padding:5px 10px 0 45px;font-size:22px}
	.layerSearch .autoCompleteArea a:before{display:block;content:"";position:absolute;top:10px;left:2px;width:22px;height:22px;background:url(/assets/images/common/ico_similar_keyword.png) no-repeat 0 0}
	.layerSearch .autoCompleteArea a .dateSimilarKeyword{display:inline;font-family:"NotoSansKR-Regular"}

	.layerSearch .searchInputField{margin:30px 0 23px;border-bottom-color:#5eb4e9}
	.layerSearch .innerSearchInputField{width:90vw;margin:0 auto}
	.layerSearch .searchInputField input[type=text]{padding:0;font-size:20px}
	.layerSearch .searchInputField .btnSearch{right:0}
	.layerSearch .innerSearchInputField .btnAdvancedSearch{display:none}
	.layerSearch.active .innerWrapper.active .searchInputField{margin-top:40px;border-bottom:2px solid rgba(29, 161, 242, 0.6)}
	.layerSearch .recommendKeyword{width:94%;margin:0 auto}
	.layerSearch .latestKeyword{margin:0 auto}
	.layerSearch .latestKeyword h3{position:relative;top:9px;color:#000;font-family:"NotoSansKR-Regular";font-size:20px}
	.layerSearch .latestKeyword .btnDeleteAllKeyword{padding:10px 20px;border-radius:4px;color:#fff;font-size:18px;background-color:#1994e0}
	.layerSearch .latestKeyword li{overflow:hidden;margin-top:14px;padding:0 5vw;border-radius:0}
	.layerSearch .latestKeyword li:hover{color:#454545;background:none}
	.layerSearch .latestKeyword li span{float:left}
	.layerSearch .latestKeyword li .keyword{overflow:hidden;width:calc(100% - 86px);padding-top:7px;color:#6a6a6a;font-size:22px;text-indent:0;white-space:nowrap;text-overflow:ellipsis}
	.layerSearch .latestKeyword li:hover .keyword{color:#6a6a6a}
	.layerSearch .latestKeyword li .date{width:56px;padding:7px 0 0 4px;color:rgba(69, 69, 69, 0.5);font-family:"NotoSansKR-Regular";font-size:20px}
	.layerSearch .latestKeyword li:hover .date{color:rgba(69, 69, 69, 0.5)}
	.layerSearch .latestKeyword li button:before, 
	.layerSearch .latestKeyword li button:after{left:0;width:20px;height:2px;background:#d5d5d5}
	.layerSearch .latestKeyword li:hover button:before, 
	.layerSearch .latestKeyword li:hover button:after{background:#d5d5d5}
	.layerSearch .latestKeyword li .noResult{padding:0;color:#6a6a6a;font-size:24px}

	.btnSearchDivision{display:block;position:absolute;top:25px;right:5vw;width:26px;height:15px;font-size:0;background:url(/assets/images/common/ico_total_search_select.png) 0 0 no-repeat}
	.headerLayerSearch{height:60px}
	.layerMenu{top:0}
	.layerMenu .headerLayerSearch{background-color:#228bcd}
	.layerMenu .btnCloseSearch{background-position: 0 -50px;}
	.layerMenu .btnSearchDivision{top:23px;background:url(/assets/images/common/ico_total_search_select.png) 0 -16px no-repeat;}

	.sdgChkList01{margin:30px 0 32px}
	.sdgChkList01 li{width:calc(25% - 6px);height:80px;margin:0 0 8px 8px}
	.sdgChkList01 li:nth-child(4n+1){margin-left:0}

	.sdgChkList02{margin:0 -5vw;border-bottom:0}
	.sdgChkList02 dt{width:100%;min-height:56px;padding:12px 5vw;font-size:22px}
	.sdgChkList02 dd{width:100%;padding:20px 5vw 0}
	.sdgChkList02 dd li{width:50%}
	.sdgChkList02 .btnCountryWrap{width:100%;margin-bottom:10px}
	.sdgChkList02 .btnCountryWrap:last-child{margin-bottom:0}
	.sdgChkList02 dd.style01{padding:10px 5vw}
	.sdgChkList02 dd.style01 button{min-width:100%;height:55px;text-align:left}
	.sdgChkList02 dd .layerSelect{top:65px;margin-bottom:30px}
	.sdgChkList02 dd .layerSelect li{width:100%;min-height:inherit;margin-bottom:0}
	.sdgChkList02 dd .type02{min-height:65px}
	
	.bbsList01{margin-top:0;padding:0}
	.bbsList01 .list{width:100%;padding:30px 0}
	.bbsList01 .articleLink{display:none}
	.bbsList01 .articleInfo{margin-top:15px}
	.bbsList01 .articleInfo .tags{display:block;margin-top:15px}
	.bbsList01 .attachPic .inner01,
	.bbsList01 .attachPic .inner02{float:none;width:100%}
	.bbsList01 .attachPic .inner01 .pic{width:100%;height:214px;margin-bottom:30px}
	.bbsList01 .attachPic .inner01 img{width:100%;height:100%}

	.bbsList02 .article{width:calc(50% - 5px);margin:0 0 10px 10px;}
	.bbsList02 .article:nth-child(odd){margin-left:0}
	.bbsList02 .pic.picbg{position:relative; display:block; height:165px;}

	.bbsList04 .colDate{width:23% !important}
	.bbsList04 tbody td.title a{padding:10px 0;font-size:16px}

	.bbsList05{margin:45px auto 0}
	.bbsList05 .totalCount{display:none}
	.bbsList05 .totalCount.mobile{display:block}
	.mobile .bbsList05 .totalCount.mobile em{top:0}
	.bbsList05 ol{border-top-width:2px}
	.bbsList05 ol li{position:relative;min-height:130px;padding:16px 0 12px;border-bottom-width:2px}
	.bbsList05 ol li .subject{float:none;width:100%;padding:0}
	.bbsList05 ol li .subject a{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:27px;white-space:initial;text-overflow:ellipsis;width:100%;max-width:100%;height:55px;font-size:18px}
	.bbsList05 ol li .subject .new{display:none}
	.bbsList05 ol li .date{position:absolute;top:80px;left:0;width:auto;color:#666}
	.bbsList05 ol li .attach{position:absolute;top:95px;right:0;padding-top:0;text-align:right}
	.bbsList05 ol li .icoAttach{width:23px;height:20px;background-size:23px 20px}
	.bbsList05 ol li .noResult{padding-top:35px;font-size:22px}

	.bbsList06 .list{padding:0}
	.bbsList06 .list:nth-child(2n-1){margin-right:0}
	.bbsList06 .inner01{float:left;width:100%;margin-bottom:10px}	
	.bbsList06 .inner01 .pic img{width:100%;height:100%}
	.bbsList06 .inner02{width:100%;margin-top:10px}

	.bbsList07 .list{position:relative;height:auto;padding-bottom:30px}
	.bbsList07 .inner01 {width:100%!important}
	.bbsList07 .inner02 {width:100%!important}
	.bbsList07 .inner01.comment .ico, .bbsList07 .inner01.reply .ico{display:none}
	.bbsList07 .inner02{padding:25px 0 0 0}
	.bbsList07 .inner02 .subject{margin-top:5px}
	.bbsList07 .inner03{position:absolute;right:0;top:0;width:auto}
	.bbsList07 .inner03 .time{margin:0 0 0 10px}

	.bbsListNew .article{width:100%;margin:0 0 15px 0;}
	.bbsListNew .pic.picbg{position:relative; display:block; height:165px;}
	.bbsListNew .subject{font-size: 16px;}
	.bbsListNew .txt01{font-size: 14px;}

	/* bbs box */
	.bbsBox .bxLeft {display: inline-block;width: 100%;}
	.bbsBox .bxRight {display: inline-block;width: 100%;}
	
	.btnTop a{width:42px;height:42px;background:url(/assets/images/common/btn_top_mobile.png) no-repeat 0 0}
	.footerWrap{margin-top:40px}

	/* Header - Advanced Search 팝업 */
	.layerAdvancedSearch{top:0;height:100%;padding:0}
	.advancedSearchArea h2{padding-top:10px;font:26px "NotoSansKR-Medium";text-align:center}
	.advancedSearchArea .innerScroll{display:block;margin-top:0;padding-right:0}
	.advancedSearchArea .asDetails dt{min-height:56px}
	.advancedSearchArea .sdgChkList02{border:0}
	.advancedSearchArea .sdgChkList02 dd{padding:30px 5vw 10px}
	.advancedSearchArea .sdgChkList02 dd .layerSelect{top:48px}
	.advancedSearchArea .asDetails .inner01{margin-bottom:30px}
	.advancedSearchArea .asCountry dd .selectWrap03.w100{clear:both;display:block;top:5px;margin-right:0}
	.advancedSearchArea .selectWrap03.w100 .btnSelect{width:100%;margin-bottom:10px}
	.advancedSearchArea .inputStyle02{width:calc(100% - 166px)}
	.advancedSearchArea .selectWrap03.w100 .inputStyle02{width:100%}
	.advancedSearchArea .sdgChkList02 .type01, 
	.advancedSearchArea .sdgChkList02 .type02{width:50%}
	.advancedSearchArea .asCountry dt,
	.advancedSearchArea .asMaterial dt,
	.advancedSearchArea .asPublication dt{min-height:auto}
	.advancedSearchArea .asPublication dt br{display:none}
	.advancedSearchArea .asPublication dd .datepicker{width:100%;padding:0 20px 0 10px;margin-bottom:10px;background-position:97% 50%}
	.advancedSearchArea .btnControl01{margin:10px 0 40px}
}

@media all and (max-width:600px){
	.btnTop{right:10px;width:42px;height:42px}
	


	.footer .innerWrap{padding-top:0}
	.footer .innerWrap dl:not(.sns){display:none}
	.footer .innerWrap dl{width:100%;margin-bottom:10px}
	.footer .innerWrap dl:not(.sns) dd{display:none}
	.footer .innerWrap dl.sns dt{display:none}
	.footer .innerWrap dl.sns dd{margin:0}

	.footer .innerWrap .sns li{width:25%;text-align:center}
	.footer .innerWrap .sns a{padding:0}
	.footer .innerWrap .sns a span{display:inline-block;opacity:0.5;filter:alpha(opacity=50);width:90px;height:90px;font-size:0}
	.footer .innerWrap .sns a .ico01{background:url(/assets/images/common/ico_instagram.png) no-repeat 0 0;background-size:100%}
	.footer .innerWrap .sns a .ico02{background:url(/assets/images/common/ico_facebook.png) no-repeat 0 0;background-size:100%}
	.footer .innerWrap .sns a .ico03{background:url(/assets/images/common/ico_youtube.png) no-repeat 0 0;background-size:100%}
	.footer .innerWrap .sns a .ico04{background:url(/assets/images/common/ico_blog.png) no-repeat 0 0;background-size:100%}	
	
	.mobileFooterSelect{display:block;margin-top:40px}
	.copyright{margin-top:0}
}

@media all and (max-width:480px){	
	/* footer */
	.layerSearch .latestKeyword ol{margin-top:26px}
	.newsLetter .mainSendInfo{width:100%}
	.newsLetter .mainSendInfo input{width:60% !important}
	.mainSection9{padding:20px 0 0 0}
	.mainSection9 dl:nth-child(2) li:first-child{min-width:89px}
	.mainSection9 dl:nth-child(2) li:first-child a{padding-left:0}
	.mainSection9 dd li a{padding:0 7px}
}