@import url('tnb.css?ts=202106021601002');

div#wrap { min-width:1000px; }
div#wrap.extra { min-width:auto; }

div#header div.innerWrap, div#header nav.innerWrap { width:970px; margin:0 auto; position:relative; }
div#header div.main { height:120px; }

div#header div.sector { width:1000px; margin:0 auto; height:120px; position:relative; }
div#header div.sector:after { content:''; display:block; clear:both; }
div#header div.sector h1 { float:left; width:190px; height:120px; position:absolute;  }
div#header div.sector h1 a { display:block; height:120px; background:url('/images/common/h1Eng.png') no-repeat center; }
div#header div.sector h1 a.kor { background:url('/images/common/h1Kor.png') no-repeat center; }
div#header div.sector h1 a span { display:none; }
div#header div.sector h1 ul { position:relative; width:190px; }
div#header div.sector h1 ul li { position:absolute; left:0; top:0; width:190px; height:120px; }
div#header div.sector div.search { float:left; width:500px; margin-top:36px; border:3px solid #0069b3; margin-left:190px; z-index:999;}
div#header div.sector div.search:after { display:block; content:''; clear:both; }
div#header div.sector div.search input, div#header div.search div input { border: 0; width: 430px; color: #000; font-family: -apple-system, BlinkMacSystemFont, "Malgun Gothic", helvetica, "Apple SD Gothic Neo", sans-serif; font-weight: bold; height: 42px; padding: 0 10px; font-size: 18px; line-height: 42px; }


div#header div.sector div.search input::placeholder, div#header div.search div input::placeholder { color:#999; font-weight: normal; font-size: 15px; }
div#header div.sector div.search input::-webkit-input-placeholder, div#header div.search div input::-webkit-input-placeholder { color:#999; font-weight: normal; font-size: 15px; }
div#header div.sector div.search input:-moz-placeholder, div#header div.search div input:-moz-placeholder { color:#999; font-weight: normal; font-size: 15px; }
div#header div.sector div.search input::-moz-placeholder, div#header div.search div input::-moz-placeholder { color:#999; font-weight: normal; font-size: 15px; }
div#header div.sector div.search input:-ms-input-placeholder, div#header div.search div input:-ms-input-placeholder { color:#999; font-weight: normal; font-size: 15px; }


div#header div.sector div.search button { border:0; width:50px; height:42px; float:right; background-color:#0069b3; text-align:center; padding-left:5px; }
div#header div.sector div.search button:before { content:'\f002'; font-size:24px; font-family:'Font Awesome 5 Free', sans-serif; font-weight:900; color:#FFF; line-height:24px; }
div#header div.sector div.search button span { display:none; }
/* 자동필터 */
div#header div.sector div.search div#KeywordAutoComplete { position:absolute; background-color:#FFF; width:450px; top:42px; }
div#header div.sector div.search div#KeywordAutoComplete a { display:block; padding:0 10px; border-left:1px solid #DDD; border-right:1px solid #DDD; font-size:12px; line-height:30px; }
div#header div.sector div.search div#KeywordAutoComplete a:last-child { border-bottom:1px solid #DDD; }
div#header div.sector div.search div#KeywordAutoComplete a:hover { background:#0069b3; color:#FFF;cursor: pointer; }
div#header div.sector div.search div#KeywordAutoComplete a:focus { background:#0069b3; color:#FFF;cursor: pointer; }



div#header div.sector div.headerShorcut { float:right; width:220px; height:120px;}
div#header div.sector div.headerShorcut a.market { height:auto; width:auto; float:right; /*margin-top:30px;*/ }
.swiper-wrapper > div{
    display: flex;
    align-items: center;
}
div#header div.sector div.headerShorcut a.market img { display:block; }
div#header div.sector div.headerShorcut ul { position:relative; }
div#header div.sector div.headerShorcut ul li { position:absolute; left:0; top:0; filter:alpha(opacity=0); opacity:0; }
div#header div.sector div.headerShorcut ul li:first-child { filter:alpha(opacity=100); opacity:1; }
div#header div.sector div.headerShorcut ul a { display:block; width:250px; height:120px; background-position:center; background-repeat:no-repeat; }
div#header div.sector div.headerShorcut ul a span { display:none; }
div#header div.sector div.headerShorcut ul a.press { background:url('/images/common/bnrPress.png') no-repeat center; }
div#header div.sector div.headerShorcut ul a.search { background:url('/images/common/bnrSearch.png') no-repeat center; }


@-webkit-keyframes renewalIn { from { opacity: 0; left:50px; } 50%{ opacity: 0; left:50px; } to { opacity: 1; left:17px; } }
@keyframes renewalIn         { from { opacity: 0; left:50px; } 50%{ opacity: 0; left:50px; } to { opacity: 1; left:17px; } }

div#header div.gnb { height:56px; background-color:#0069b3; }


div#header div.gnb div.innerWrap ul.depth1 li { float:left; background:url('/images/news/common/partitionGnb.png') no-repeat left center; position:relative; z-index:30; transition-delay:0s; transition-duration:0.2s; transition-property:all; transition-timing-function:linear; }
div#header div.gnb div.innerWrap ul.depth1 li.home { background:none; z-index:100; width:55px; margin-right:-1px; }
div#header div.gnb div.innerWrap ul.depth1 li a { height:36px; color:#fff; font-size:16px; display:block; line-height:16px; font-family:'Nanum Gothic', sans-serif; font-weight:600; padding:20px 14px 0; letter-spacing:-0.05em; transition-delay:0s; transition-duration:0.2s; transition-property:all; transition-timing-function:linear; }
div#header div.gnb div.innerWrap ul.depth1 li a.renewal::before { content:'RENEWAL'; display: block; position:absolute; top:0.5em; font-size:0.6em; font-weight:300; color: #fdca56; -webkit-animation: renewalIn 1.5s;animation: renewalIn 1.5s;}
div#header div.gnb div.innerWrap ul.depth1 li.home a { background: url('/images/blog/index/gnbHome.png') no-repeat 20px center; text-indent:-1000px; overflow:hidden; }
div#header div.gnb div.innerWrap ul.depth1 > li:hover { margin-right:-1px; z-index:50; transition-delay:0s; transition-duration:0.2s; transition-property:all; transition-timing-function:linear; }
div#header div.gnb div.innerWrap ul.depth1 > li:hover > a { background-color:#0e47a1; text-decoration:none; padding-right:16px; transition-delay:0s; transition-duration:0.2s; transition-property:all; transition-timing-function:linear; }
div#header div.gnb div.innerWrap ul.depth1 > li.selected { margin-right:-1px; z-index:500; }
div#header div.gnb div.innerWrap ul.depth1 > li.selected > a { background-color:#0e47a1; }
div#header div.gnb div.innerWrap ul.depth1 > li.selected:hover a { padding-right:18px; }
div#header div.gnb div.innerWrap div.search { position:absolute; right:0; top:12px; }
div#header div.gnb div.innerWrap div.search input { float:left; width:150px; height:30px; border:1px solid #ccc; padding:5px; font-size:12px; line-height:18px; }
div#header div.gnb div.innerWrap div.search button { float:left; width:35px; height:30px; background:url('/images/blog/index/btnSearchMin.png') no-repeat center; text-indent:-1000px; overflow:hidden; }

div#header div.gnb nav.innerWrap ul.depth1 li { float:left; background:url('/images/news/common/partitionGnb.png') no-repeat left center; position:relative; z-index:30; transition-delay:0s; transition-duration:0.2s; transition-property:all; transition-timing-function:linear; }
div#header div.gnb nav.innerWrap ul.depth1 li.home { background:none; z-index:100; width:55px; margin-right:-1px; }
div#header div.gnb nav.innerWrap ul.depth1 li a { height:36px; color:#fff; font-size:16px; display:block; line-height:16px; font-family:'Nanum Gothic', sans-serif; font-weight:600; padding:20px 14px 0; letter-spacing:-0.05em; transition-delay:0s; transition-duration:0.2s; transition-property:all; transition-timing-function:linear; }
div#header div.gnb nav.innerWrap ul.depth1 li a.renewal::before { content:'RENEWAL'; display: block; position:absolute; top:0.5em; font-size:0.6em; font-weight:300; color: #fdca56; -webkit-animation: renewalIn 1.5s;animation: renewalIn 1.5s;}
div#header div.gnb nav.innerWrap ul.depth1 li a.new::before{content:'NEW'; display: block; position:absolute; top:0.5em; font-size:0.6em; font-weight:300; color: #fdca56; -webkit-animation: renewalIn 1.5s;animation: renewalIn 1.5s;}
div#header div.gnb nav.innerWrap ul.depth1 li.home a { background: url('/images/blog/index/gnbHome.png') no-repeat 20px center; text-indent:-1000px; overflow:hidden; }
div#header div.gnb nav.innerWrap ul.depth1 > li:hover { margin-right:-1px; z-index:50; transition-delay:0s; transition-duration:0.2s; transition-property:all; transition-timing-function:linear; }
div#header div.gnb nav.innerWrap ul.depth1 > li:hover > a { background-color:#0e47a1; text-decoration:none; padding-right:16px; transition-delay:0s; transition-duration:0.2s; transition-property:all; transition-timing-function:linear; }
div#header div.gnb nav.innerWrap ul.depth1 > li.selected { margin-right:-1px; z-index:500; }
div#header div.gnb nav.innerWrap ul.depth1 > li.selected > a { background-color:#0e47a1; }
div#header div.gnb nav.innerWrap ul.depth1 > li.selected:hover a { padding-right:18px; }
div#header div.gnb nav.innerWrap div.search { position:absolute; right:0; top:12px; }
div#header div.gnb nav.innerWrap div.search input { float:left; width:150px; height:30px; border:1px solid #ccc; padding:5px; font-size:12px; line-height:18px; }
div#header div.gnb nav.innerWrap div.search button { float:left; width:35px; height:30px; background:url('/images/blog/index/btnSearchMin.png') no-repeat center; text-indent:-1000px; overflow:hidden; }

div#header div.gnbExtra { position:absolute; top:0; right:0; }
div#header div.gnbExtra div.geMoreService { width:56px; height:56px; }
div#header div.gnbExtra div.geMoreService a { display:block; width:56px; height:56px; background:url('/images/common/icoNavibar.png') no-repeat center; }
div#header div.gnbExtra div.geMoreService a span { display:none; }
div#header div.gnbExtra div.geServiceList { position:absolute; width:160px; top:56px; right:0; z-index:500; padding-top:0; box-shadow:2px 4px 4px #ddd; display:none; }
div#header div.gnbExtra div.geServiceList * { float:none; margin:0; padding:0; height:auto; width:auto; display:block; font-size:14px; font-family:'Nanum Gothic', sans-serif; }
div#header div.gnbExtra div.geServiceList div.geHeader { border:1px solid #ccc; border-bottom:0; background-color:#fff; position:relative; }
div#header div.gnbExtra div.geServiceList div.geHeader span.geTitle { display:block; margin:2px 2px 0; padding:12px 10px 0; height:28px; background-color:#0e47a1; color:#fff; }
div#header div.gnbExtra div.geServiceList div.geHeader a.geServiceClose { display:block; position:absolute; width:40px; height:40px; right:2px; top:2px; background:url('/images/common/btnNaviClose.png') no-repeat center; }
div#header div.gnbExtra div.geServiceList div.geHeader a.geServiceClose span { display:none; }
div#header div.gnbExtra div.geServiceList div.geContent { border:1px solid #ccc; border-top:0; background-color:#fff; padding:5px 0; }
div#header div.gnbExtra div.geServiceList div.geContent ul li { float:none; }
div#header div.gnbExtra div.geServiceList div.geContent ul li a { font-size:14px; font-weight:300; display:block; height:auto; padding:7px 0 7px 24px; color:#333; background:url('/images/common/dot.gif') no-repeat 12px center; }
div#header div.gnbExtra div.geServiceList div.geContent ul li a:hover { font-weight:600; }
div#header div.gnbExtra div.geServiceList div.posArrow { position:absolute; top:-8px; width:100%; height:9px; background:url('/images/common/arrowMoreNavi.png') no-repeat 128px top; }




/** footer **/
div#footer * { font-family:'Dotum', sans-serif; }
div#footer div.innerWrap div.commoncopy { background-color:#f5f5f5; border-top:1px solid #ccc; }
div#footer div.innerWrap div.commoncopy ul { width:970px; margin:0 auto; }
div#footer div.innerWrap div.commoncopy ul li { float:left; margin-left:25px; }
div#footer div.innerWrap div.commoncopy ul li.first { margin-left:37px; }
div#footer div.innerWrap div.commoncopy ul li a { display:block; padding:15px 0 19px; height:15px; font-size:13px; font-family:'Nanum Gothic', sans-serif; }
div#footer div.innerWrap div.commoncopy ul li a:hover { text-decoration:none; }
div#footer div.innerWrap div.copyright { padding:25px 10px; width:950px; margin:0 auto; }
div#footer div.innerWrap div.copyright div.section { width:323px; float:left; }
div#footer div.innerWrap div.copyright div.notice { float:left; width:276px; padding-right:28px; }
div#footer div.innerWrap div.copyright div.notice div.header { height:19px; font-size:16px; color:#333; font-weight:600; font-family:'Nanum Gothic', sans-serif; }
div#footer div.innerWrap div.copyright div.notice div.content { margin-top:11px; }
div#footer div.innerWrap div.copyright div.notice div.content div.list ul li { display:inline; }
div#footer div.innerWrap div.copyright div.notice div.content div.list ul li * { font-size:12px; color:#aaadb0; }
div#footer div.innerWrap div.copyright div.notice div.content div.list ul li.time { display:block; }
div#footer div.innerWrap div.copyright div.notice div.content div.list ul li.mail:before { content:'|';  font-size:11px; color:#aaadb0; }
div#footer div.innerWrap div.copyright div.notice div.content div.family { margin-top:27px; }
div#footer div.innerWrap div.copyright div.notice div.content div.family select { border:1px solid #147dce; font-size:12px; width:100%; height:27px; padding:0 10px; }
div#footer div.innerWrap div.copyright div.notice div.content div.family select option { font-size:12px; background-color:#fff; }
div#footer div.innerWrap div.copyright div.notice div.content div.copy { margin-top:15px; width:241px; height:13px; background:url('/images/exhibit/copyright.png') no-repeat center; text-indent:-1000px; overflow:hidden; }
div#footer div.innerWrap div.copyright div.yeogie div.header { height:30px; text-indent:-1000px; overflow:hidden; background:url('/images/common/footerCI3.png?ts=202001171432') no-repeat left center; }
div#footer div.innerWrap div.copyright div.yeogie div.content { margin-top:10px; }
div#footer div.innerWrap div.copyright div.yeogie div.content ul li { line-height:150%; display:inline-block; font-size:12px; color:#aaadb0; }
div#footer div.innerWrap div.copyright div.yeogie div.content ul li * { font-size:12px; color:#aaadb0; }
div#footer div.innerWrap div.copyright div.yeogie div.content ul li.fax:before { content:'|';  font-size:11px; color:#aaadb0; }
div#footer div.innerWrap div.copyright div.yeogie div.content ul li.company:before { content:'|';  font-size:11px; color:#aaadb0; }
div#footer div.innerWrap div.copyright div.yeogie div.content ul li.num:before { content:'|';  font-size:11px; color:#aaadb0; }
div#footer div.innerWrap div.copyright div.eng div.header { width:165px; height:30px; text-indent:-1000px; overflow:hidden; background:url('/images/exhibit/footerEng.png') no-repeat center; }
div#footer div.innerWrap div.copyright div.eng div.content { margin-top:10px; }
div#footer div.innerWrap div.copyright div.eng div.content ul li { line-height:150%; display:inline-block; font-size:12px; color:#aaadb0; letter-spacing:-0.01em; }
div#footer div.innerWrap div.copyright div.eng div.content ul li * { font-size:12px; color:#aaadb0; }
div#footer div.innerWrap div.copyright div.eng div.content ul li.addr { display:block; }
div#footer div.innerWrap div.copyright div.eng div.content ul li.fax:before { content:'|';  font-size:11px; color:#aaadb0; }
div#footer div.innerWrap div.copyright div.eng div.content ul li.company:before { content:'|';  font-size:11px; color:#aaadb0; }
div#footer div.innerWrap div.copyright div.eng div.content ul li.num:before { content:'|';  font-size:11px; color:#aaadb0; }

div#footer div.mobile { text-align:center; }
div#footer div.mobile a { display:block; padding:7px 0; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background-color:#ebebeb; }
div#footer div.mobile a span { font-size:20px; font-weight:600; color:#657275; letter-spacing:-0.025em; background:url('/images/mobile/footerMobile.png') no-repeat center left; background-size:10%; display:inline-block; height:38px; padding-left:30px; line-height:38px; }


.d932FileForm { display:block; height:0; width:0; overflow:hidden; text-indent:-1000em; }