/* ==================================================================================================
	Font
================================================================================================== */
@font-face {
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:normal
	src:url(font/NanumBarunGothic.eot);
	src:local(※),
	url(font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
	url(font/NanumBarunGothic.woff) format('woff'),
	url(font/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
	font-family:'Chevy';
	font-style:normal;
	font-weight:normal
	src:url(font/ChevyB.eot);
	src:local(※),
	url(font/Chevy.eot?#iefix) format('embedded-opentype'),
	url(font/Chevy.woff) format('woff'),
	url(font/Chevy.ttf) format('truetype');
}

@font-face {
    font-family: 'SCDream';
    src: url('font/SCDream2.otf') format('opentype');
    font-weight: 200;
}

@font-face {
    font-family: 'SCDream';
    src: url('font/SCDream4.otf') format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: 'SCDream';
    src: url('font/SCDream5.otf') format('opentype');
    font-weight: 500;
}

@font-face {
    font-family: 'SCDream';
    src: url('font/SCDream6.otf') format('opentype');
    font-weight: 600;
}

@font-face {
    font-family: 'SCDream';
    src: url('font/SCDream7.otf') format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: 'SCDream';
    src: url('font/SCDream8.otf') format('opentype');
    font-weight: 800;
}

@font-face {
    font-family: 'NanumSquare';
    src: url('font/NanumSquareL.otf') format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: 'NanumSquare';
    src: url('font/NanumSquareR.otf') format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: 'NanumSquare';
    src: url('font/NanumSquareEB.otf') format('opentype');
    font-weight: 600;
}

@font-face {
    font-family: 'NanumSquare';
    src: url('font/NanumSquareB.otf') format('opentype');
    font-weight: 700;
}

/* ==================================================================================================
	Reset
================================================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body,th,td,input,select,textarea,button,select {font-size:14px;font-family:'Malgun Gothic','맑은고딕',Nanum Gothic,Tahoma,AppleGothic,Sans-serif;color:#636363;}
input[type=text] {
	height:30px;
	padding:0 10px;
	border:1px solid #e8e8e8;
}
input[type=nummber],
input[type=submit],
input[type=password]{-webkit-border-radius:0;border:0;border-radius:0;-webkit-appearance:none;}
textarea {
	padding:10px;
	border:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
.hide {position:absolute;left:0;top:0;width:0;height:0;text-indent:-9999px;font-size:0;line-height:0;}
caption {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
table {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;}
*+html table {border-collapse:collapse;}

/* ==================================================================================================
	Layout
================================================================================================== */
#Wrapper {overflow:hidden;}
.no-scroll {overflow:hidden; position:fixed; top:0; right:0; bottom:0; left:0;}

/* 레이어팝업 */
.popup {position:absolute; left:150px; top:40px; border:1px solid #ddd; z-index:99999;}
.popup div {background:#eaeaea; position: relative; height:30px;line-height:30px;padding-left:2px;}
.popup div label {cursor:pointer;color:#666;vertical-align:middle;font-size:12px;}
.popup div a {color:#666;position:absolute;right:15px; top:0px; font-size:12px; cursor:pointer;}

#popupWrap.popup {position:fixed; left:20px; top:100px;max-width:90%;}
#popupWrap .popup-link {display:block;}
#popupWrap .popup-img {width:100%; display:block;}
#popupWrap .popup-bottom {width:100%;}


#popupWrap2.popup {position:fixed; left:726px; top:100px;max-width:90%;width:344px;}
#popupWrap2 .popup-link {display:block;}
#popupWrap2 .popup-img {width:100%; display:block;}
#popupWrap2 .popup-bottom {width:100%;}


@media screen and (max-width: 1100px) {
#popupWrap.popup {position:fixed; left:50%; top:100px;max-width:90%;transform:translateX(-50%)	;width: 700px;}
#popupWrap .popup-link {display:block;}
#popupWrap .popup-img {width:100%; display:block;}
#popupWrap .popup-bottom {width:100%;}


#popupWrap2.popup {position:fixed; left:50%; top:100px;max-width:90%;transform:translateX(-50%)	;z-index: 100000;width:343px;}
#popupWrap2 .popup-link {display:block;}
#popupWrap2 .popup-img {width:100%; display:block;}
#popupWrap2 .popup-bottom {width:100%;}
}

@media screen and (min-width: 1020px) {
.m-web {display:none;}

/* ==================================================================================================
	#Header
================================================================================================== */
#header {
	min-width:1000px;
	height:100px;
	background-color:#fff;
	border-bottom:1px solid #e6e6e6;
}
	#header .h1-logo {
		float:left;
		margin:59px 0 0 40px;
		font-size:0;
	}
	#header .utill {
		overflow:hidden;
		position:absolute;
		left:752px;
		top:25px;
		width:248px;
	}
		#header .utill li {
			float:left;
		}
			#header .utill li a {
				display:block;
				position:relative;
				padding:0 15px 0 7px;
				font-size:0;
			}
			#header .utill li a:before {
				content:'';
				position:absolute;
				left:0;
				top:50%;
				width:2px;
				height:2px;
				margin-top:-1px;
				background-color:#b9b9b9;
			}

		#header .bro-btn {
			list-style:none;
			margin:0;
			padding:0;
			position:absolute;
			left:505px;
			top:17px;
		}
		#header .bro-btn li {
			float:left;
			width:115px;
		}
/* ------------------------------------------------------------------------------------------------------------------------------
	.gnb-navi
------------------------------------------------------------------------------------------------------------------------------ */
.gnb {
	overflow:hidden;
	position:relative;
	display:flex;
	align-items:center;
	justify-content: space-between;
	max-width:1280px;
	padding-top:57px;
}
	.gnb-item {position:relative; width:calc(100% / 9);}
	.gnb-item a:before {content:''; position:absolute; top:0; left:0; width:1px; height:13px; background-color:#e3e3e3;}
	.gnb-item:first-child a:before {display:none;}
		/* .gnb-item a {display:block; height:14px; margin:0 auto; background:url('../images/img/gnb_menu2.gif') 0 0 no-repeat;}
		.gnb01 a {width:47px; background-position:0 0;}
		.gnb02 a {width:49px; background-position:-138px 0;}
		.gnb03 a {width:49px; background-position:-276px 0;}
		.gnb04 a {width:48px; background-position:-417px 0;}
		.gnb05 a {width:48px; background-position:-554px 0;}
		.gnb06 a {width:49px; background-position:-693px 0;}
		.gnb07 a {width:49px; background-position:-832px 0;}

		.gnb01 a:hover {width:47px; background-position:0 -20px;}
		.gnb02 a:hover {width:49px; background-position:-138px -20px;}
		.gnb03 a:hover {width:49px; background-position:-276px -20px;}
		.gnb04 a:hover {width:48px; background-position:-415px -20px;}
		.gnb05 a:hover {width:48px; background-position:-554px -20px;}
		.gnb06 a:hover {width:49px; background-position:-693px -20px;}
		.gnb07 a:hover {width:49px; background-position:-832px -20px;} */

		.gnb-item a {display:block; height:20px; margin:0 auto; background:url('../images/img/gnb_menu2.png') 0 0 no-repeat;}
		.gnb01 a {width:55px; background-position:0 1px;}
		.gnb02 a {width:55px; background-position:-140px 0;}
		.gnb03 a {width:57px; background-position:-278px 0;}
		.gnb04 a {width:60px; background-position:-419px 0;}
		.gnb05 a {width:56px; background-position:-559px 0;}
		.gnb06 a {width:55px; background-position:-840px 0;}
		.gnb07 a {width:55px; background-position:-981px 0;}
		.gnb08 a {width:54px; background-position:-702px 0;}
		.gnb09 a {width:75px; background-position:-1120px 0;}

		.gnb01 a:hover {width:55px; background-position:0 -21px;}
		.gnb02 a:hover {width:55px; background-position:-140px -22px;}
		.gnb03 a:hover {width:57px; background-position:-278px -22px;}
		.gnb04 a:hover {width:60px; background-position:-419px -22px;}
		.gnb05 a:hover {width:56px; background-position:-559px -22px;}
		.gnb06 a:hover {width:55px; background-position:-840px -22px;}
		.gnb07 a:hover {width:55px; background-position:-981px -22px;}
		.gnb08 a:hover {width:54px; background-position:-702px -22px;}
		.gnb09 a:hover {width:75px; background-position:-1120px -22px;}



	.gnb-2depth-box {
			display:none;
			position:absolute;
			left:0;
			top:101px;
			z-index:100;
			/*width:166px;*/
			width:100%;
			height:470px;
			background-color:#fff;
		}
		.gnb-2depth {overflow:hidden; margin-left:170px; padding-left:2px; background:url('../images/bg/bg_gnb_line.gif') left 0 repeat-y;}
		.gnb-2depth > li {float:left; width:140px; background:url('../images/bg/bg_gnb_line.gif') right 0 repeat-y;}

		.gnb-2depth > li.on > ul {background-color:#fbfbfb;}

		.gnb-2depth > li > .gnb-2depth-list {height:470px; margin-right:2px; padding:20px 0 0 25px; box-sizing:border-box;}
		.gnb-2depth > li > .gnb-2depth-list li a strong {display:inline-block; font-family:'NanumBarunGothic'; font-size:14px; color:#272727; font-weight:bold;}
		.gnb-2depth > li > .gnb-2depth-list li a strong:hover,
		.gnb-2depth > li > .gnb-2depth-list li a.active strong {color:#d75d56;}
		.gnb-2depth > li > .gnb-2depth-list li {margin-bottom:6px;}
		.gnb-2depth > li > .gnb-2depth-list li.no-depth {margin-bottom:20px;}
		.gnb-2depth > li > .gnb-2depth-list li a {font-size:12px; color:#7c7c7c; font-family:'NanumBarunGothic';}
		.gnb-2depth > li > .gnb-2depth-list li ul {margin-bottom:20px;}
		.gnb-2depth > li > .gnb-2depth-list li ul li {margin-top:6px;}

		.gnb-2depth > li > .gnb-2depth-list li a:hover,
		.gnb-2depth > li > .gnb-2depth-list li a.active {padding-right:10px; color:#d75d56; font-weight:bold; background:url('../images/bullet/bullet.png') right 7px no-repeat;}

		.gnb-2depth > li > .gnb-2depth-list li.no-depth a:hover strong,
		.gnb-2depth > li > .gnb-2depth-list li.no-depth a.active strong {display:inline; color:#d75d56; }

		.gnb-2depth > li:nth-child(7) > .gnb-2depth-list{padding-left:15px;}




/* 하단 공지 리스트 */
.notice-box, .social-box {height:223px;}
.notice-box ul,
.social-box ul {margin:15px 0 0 20px;}
.notice-box ul li,
.social-box ul li {position:relative;}
.notice-box ul li:before,
.social-box ul li:before {content:''; position:absolute; top:7px; left:0; width:3px; height:3px; background-color:#f04950;}
.notice-box ul li a,
.social-box ul li a {padding-left:10px; font-size:12px; color:#8b8b8b; line-height:20px;}

.notice-box {border:1px solid #eaeaea; box-sizing:border-box;}
.notice h2 {width:57px; height:31px; margin:29px 0 0 20px; background:url(../images/img/title_notice.gif) 0 0 no-repeat;}
.notice-box ul li a {overflow:hidden; display:block; width:90%; text-overflow:ellipsis; white-space:nowrap;}

.social-box {border:1px solid #eaeaea; border-left:0; box-sizing:border-box;}
.social {float:left; width:50%; height:100%; background:url(../images/img/img_main_notice01.jpg) 90% bottom no-repeat; border-right:1px solid #eaeaea; box-sizing:border-box;}
.social h2 {width:57px; height:31px; margin:29px 0 0 20px; background:url(../images/img/title_social.gif) 0 0 no-repeat;}
.corporate {float:left; width:50%; height:100%; background:url(../images/img/img_main_notice02.jpg) 90% bottom no-repeat;}
.corporate h2 {width:97px; height:31px; margin:29px 0 0 20px; background:url(../images/img/title_corporate.gif) 0 0 no-repeat;}

.public-block  { display:block; width:220px; height:34px; margin:10px 19px; }
.public-item { display:inline-block; width:98px; height:33px; color:3e3e3e; font-size:13px; text-align:center; line-height:33px; border:1px solid #c9c9c9; font-weight:bold; }
.public-item:first-child { border-right:0; }
.public-item:hover { background-color: #ef6e4f; color:#fff; border:1px solid #ef6e4f; }

/* ==================================================================================================
	#Footer
/* =================================================================================================== */
#Footer {float:left; height:223px;}
.footer {position:relative; margin-left:57px;}

.footer .foot-menu {overflow:hidden; margin:25px 0 15px;}
.footer .foot-menu li {position:relative; float:left; margin-right:5px; padding-right:5px;}
.footer .foot-menu li:before {content:''; position:absolute; top:2px; right:0; width:1px; height:6px; background-color:#d7d7d7;}
.footer .foot-menu li a {display:block; font-size:11px}
.footer .foot-menu li.foot-mail a {/*width:80px; background:url(../images/img/foot_emil.gif) 0 0 no-repeat;*/}
.footer .foot-menu li.foot-privacy a {/* width:68px; background:url(../images/img/foot_privacy.gif) 0 0 no-repeat; */ font-weight:bold;}
.footer .foot-menu li.foot-use a {/* width:35px; background:url(../images/img/foot_use.gif) 0 0 no-repeat; */}
.footer .foot-menu li.foot-contact a {/* width:52px; background:url(../images/img/foot_contact.gif) 0 0 no-repeat; */}
.footer .foot-menu li.foot-contact:before {display:none;}
.footer .foot-menu li.foot-cyber a {/* width:55px; background:url(../images/img/foot_cyber.png) 0 0 no-repeat; */}
.footer .foot-menu li.foot-cyber:before {content:''; position:absolute; top:2px; left:-4px; width:1px; height:6px; background-color:#d7d7d7;}


.footer address { /*width:420px; height:10px; background:none;background:url(../images/img/img_address.gif) 0 0 no-repeat;*/margin-bottom:7px;  font-size:11px; line-height:1.5;}
.footer .copyright {/* width:260px; height:7px; background:url(../images/img/img_copyright.gif) 0 0 no-repeat;*/ font-size:11px; color:#999;}

.family-site {margin-top:25px;}
.family-site ul {display:none; position:absolute; left:0; width:140px;	bottom:26px; border:1px solid #c7c7c7; border-bottom:0; background-color:#fff; padding:10px 0;}
.family-site ul li {font-size:12px; height:25px; line-height:25px;	cursor:pointer;}
.family-site ul li:hover {background-color:#e5e5e5;}
.family-site ul li div.family-link{ width:140px; padding:0 10px; }





} /* //media screen and (min-width: 781px) */

/* ==================================================================================================
	.container
================================================================================================== */
.container {
	position:relative;
	max-width:1788px;
}
/* ------------------------------------------------------------------------------------------------------------------------------
	.right-content
------------------------------------------------------------------------------------------------------------------------------ */
.right-content {
	clear:both;
	width:100%;
	/* max-width:1606px; */
}

/*
	Visal Fade
*/
.visual-fade {
	overflow:hidden;
	width:1062px;
	height:675px;
}

	.visual-list {}
		.visual-item {
			display:none;
			height:0;
		}
		.visual-item.on {
			height:auto;
		}
		.visual-item:first-child{display:block;}
		/*.visual-item.on {display:block;}*/
		.visual-item > img {width:100%; height:675px;}

.visual-fade .navigation {
	position:absolute;
	right:30px;
	top:48px;
	z-index:5;
}
	.visual-fade .navigation {}
		.visual-fade .navigation button {
			display:none;
			width:30px;
			height:30px;
			background-color:#fff;
			border:1px solid #fff;
		}
		.visual-fade .navigation .btn-prev {}
		.visual-fade .navigation .btn-next {}

		.visual-fade .navigation .bullet {
			overflow:hidden;
		}
			.visual-fade .navigation .bullet em {
				float:left;
				width:10px;
				height:10px;
				margin:0 5px;
				background:url(../images/btn/nav_bullet_off.png) no-repeat 0 0;
				font-size:0;
				line-height:0;
				text-indent:-9999px;
				cursor:pointer;
			}
			.visual-fade .navigation .bullet em.on {
				background:url(../images/btn/nav_bullet_on.png) no-repeat 0 0;
			}

.visual-text {
	opacity:0;
	position:absolute;
	left:150px;
	top:120px;
	width:188px;
	color:#fff;
}
.visual-text img {
	width:100%;
}

.visual-item.on .visual-text {
	opacity:1;
	-webkit-transform:scale(2);
	-ms-transform:scale(2);
	transform:scale(2);
	-webkit-transition:all 2s;
	-ms-transition:all 2s;
	transition:all 2s;
}

/* .content */
.content {position:absolute; right:0; top:0; z-index:10; width:756px;}
	.box-item {position:relative; overflow:hidden; float:left; width:50%; background-color:#fff; font-size:0;}
		.box-item a img {width:100%;}
		.box-item .quick-over {position:absolute; top:0; width:100%;}
		.box-item.item01 .quick-over,
		.box-item.item02 .quick-over,
		.box-item.item05 .quick-over {right:-100%; text-align:right;}
		.box-item.item03 .quick-over,
		.box-item.item04 .quick-over {left:-100%; text-align:left;}
		.box-item .quick-over a img {width:100%;}
		.box-item .hot-issue {position:relative; float:left; width:50%;}
		.box-item .hot-issue {}
		.box-item .hot-issue img {vertical-align:top;}
		.box-item .hot-issue ul {position:absolute; top:87px; left:20px; right:20px;}
		.box-item .hot-issue ul li {position:relative;padding-left:10px;}
		.box-item .hot-issue ul li:before {
			content:''; position:absolute; top:8px; left:0; width:3px; height:3px; background-color:#f04950;}
		.box-item .hot-issue ul li a {display:block; overflow:hidden; width:100%; font-size:12px; color:#fff; text-overflow:ellipsis; line-height:20px; white-space:nowrap;}
		.box-item .main-ceo {float:left; width:50%;}

@media only screen and (max-width: 1170px) {
	.wrapper {width:100%;}

	.gnb {margin-left:30px;}
	.gnb .gnb-item {float:left; width:80px;}

	.content {width:460px;}

	.visual-fade {height:547px;}
	.visual-text {left:120px; top:100px; width:140px;}

	.box-item .hot-issue {position:relative; float:left; width:50%;}
	.box-item .hot-issue a {font-size:11px; color:#fff; line-height:17px;}
	.box-item .hot-issue a img {vertical-align:top;}
	.box-item .hot-issue a span {position:absolute; top:60px; left:10px;}
	.box-item .main-ceo {float:left; width:50%;}

	.notice-box, .social-box {height:136px;}
	.social, .corporate {background-size:40% auto;}
	.notice h2 {width:57px; height:31px; margin: 5px 0 0 10px; background:url(../images/img/title_notice.gif) 0 0 no-repeat;}
	.social h2 {width:57px; height:31px; margin:5px 0 0 10px; background:url(../images/img/title_social.gif) 0 0 no-repeat;}
	.corporate h2 {width:97px; height:31px; margin:5px 0 0 10px; background:url(../images/img/title_corporate.gif) 0 0 no-repeat;}

	.notice-box ul,
	.social-box ul {margin:10px 0 0 10px;}
}


@media only screen and (max-width: 1020px) {
	.w-web {display:none;}
	.wrapper {min-width:320px;}

/* ==================================================================================================
	#Header
================================================================================================== */
#header {position:relative; height:57px; border-bottom:3px solid #e60012;}
#header h1.h1-logo {float:left; margin:17px 0 0 20px;}
#header h1.h1-logo.mob img{width: 73px;}
#header .btn-gnb {position:absolute; top:11px; right:13px; width:39px; height:39px; background:url(../images/mobile/btn/btn_menu_gray.gif) 0 0 no-repeat; background-size:39px 39px;}

.gnb-layer .gnb-list {overflow-y:scroll;}
.gnb-layer {display:none; position:absolute; right:-230px; top:0; bottom:0; z-index:9999; width:250px; background-color:#fff;}
.gnb-layer .login-box {position:relative; height:44px; background-color:#ed6c67;}
.gnb-layer .login-box h2 {float:left; width:76px; height:16px; margin:14px 0 0 25px; background:url(../images/mobile/img/img_gnb_layer.gif) 0 0 no-repeat;}
.gnb-layer .login-box .login-info {margin-left:25px; color:#fff; font-size:14px;}
.gnb-layer .login-box div {position:absolute; top:10px; right:17px;}
.gnb-layer .login-box div:before {content:''; position:absolute; top:2px; right:21px; width:1px; height:19px; background-color:#d33b3b;}
.gnb-layer .login-box div a, .login-box div button {display:inline-block; height:19px; vertical-align:middle;}
.gnb-layer .login-box div .btn-login {width:15px; background:url(../images/mobile/btn/btn_login.gif) 0 0 no-repeat;}
.gnb-layer .login-box div .btn-logout {width:15px; background:url(../images/mobile/btn/btn_logout.gif) 0 0 no-repeat;}
.gnb-layer .login-box div .btn-close-layer {width:16px; margin-left:10px; background:url(../images/mobile/btn/btn_close_layer.gif) 0 0 no-repeat;}

	.gnb-item .title {position:relative; height:49px; padding-left:25px; color:#420d09; border-bottom:1px solid #ccc; font-size:14px; line-height:49px; cursor:pointer;}
	.gnb-item .title,
	.gnb-item .title a {color:#e60012;}
	.gnb-item .title:before {content:''; position:absolute; right:25px; top:50%; width:27px; height:27px; margin-top:-14px; background-image:url(../images/mobile/btn/btn_gnb_onoff.gif); background-repeat:no-repeat; background-position:0 0;}
	.gnb-item .title.cantavil-home:before {display:none;}
		.gnb-item .gnb-2depth {display:none; border-bottom:1px solid #ccc;}
		.gnb-item .gnb-2depth li a {display:block; height:36px; padding-left:40px; border-top:1px dashed #ccc; color:#787878; font-size:13px; line-height:36px;}
		.gnb-item .gnb-2depth li:first-child a {border-top:0;}
			.gnb-item .gnb-3depth li a {height:30px; padding-left:54px; line-height:30px; border-top:0;}

		.gnb-item.on .title:before {background-position:0 -27px;}
		.gnb-item.on .gnb-2depth {display:block;}

	.bg-gnb {display:none; position:absolute; right:0; top:0; bottom:0; z-index:50; width:100%; background:url(../images/mobile/bg/bg_modal.png) 0 0 repeat;}

	.visual-fade {width:100%; height:auto;}
	.visual-item img {width:100%; height:auto;}
	.visual-text {top:80px;left:120px;width:30%;}

	.content {position:inherit; width:100%;}
	.box-item a {width:100%;}

	.box-item .hot-issue {position:relative; float:left; width:50%;}
	.box-item .hot-issue a {font-size:10px; color:#fff; line-height:17px;}
	.box-item .hot-issue a img {vertical-align:top;}
	.box-item .hot-issue a span {position:absolute; top:40%; left:5px;}
/*	.box-item .hot-issue a span {position:absolute; top:40px; left:5px;}*/
	.box-item .main-ceo {float:left; width:50%;}

	/* 하단 공지 리스트 */
	.notice-box, .social-box {width:100% !important;}
	.notice-box ul,
	.social-box ul {margin:0 0 0 120px;}
	.notice-box ul li,
	.social-box ul li {position:relative; margin-top:3px;}
	.notice-box ul li:first-child,
	.social-box ul li:first-child {margin-top:0;}
	.notice-box ul li:before,
	.social-box ul li:before {content:''; position:absolute; top:7px; left:0; width:3px; height:3px; background-color:#f04950;}
	.notice-box ul li a,
	.social-box ul li a {padding-left:10px; font-size:12px; color:#8b8b8b; line-height:20px;}

	.notice-box {height:74px; border:1px solid #eaeaea; box-sizing:border-box;}
	.notice {position:relative; padding-top:5px;}
	.notice h2 {position:absolute; width:57px; height:31px;  background:url(../images/img/title_notice.gif) 0 0 no-repeat;}
	.notice-box ul li {margin-top:3px;}
	.notice-box ul li:first-child {margin-top:0;}
	.notice-box ul li a {overflow:hidden; display:block; width:90%; text-overflow:ellipsis; white-space:nowrap;}

	.social-box {height:148px; border:1px solid #eaeaea; border-top:0; box-sizing:border-box;}
	.social {position:relative;  width:100%; height:50%; padding-top:5px; background:url(../images/img/img_main_notice01.jpg) 90% bottom no-repeat; background-size:10% auto; border-bottom:1px solid #eaeaea; box-sizing:border-box;}
	.social h2 {position:absolute; width:57px; height:31px; background:url(../images/img/title_social.gif) 0 0 no-repeat;}
	.corporate {position:relative;  width:100%; height:50%; padding-top:5px; background:url(../images/img/img_main_notice02.jpg) 90% bottom no-repeat; background-size:10% auto;}
	.corporate h2 {position:absolute; width:97px; height:31px; background:url(../images/img/title_corporate.gif) 0 0 no-repeat;}

	/* family-site */
	.m-family-site {clear:both; position:relative;}
	.m-family-site ul {display:none; overflow:hidden; position:absolute; bottom:31px; left:0; width:100%;  background-color:#b41919;}
	.m-family-site ul li {float:left; width:50%; padding:12px 0 15px; background-color:#b41919;}
	.m-family-site ul li.under {padding:0 0 15px;}
	.m-family-site ul li a {display:block; width:80%; margin:0 auto; color:#fff; font-size:13px; border-bottom:1px solid #cb5e5e; text-align:center; line-height:20px;}
	.m-family-site button {display:block; width:100%; padding:7px 0 7px 20px; background:#ea2b20 url(../images/mobile/btn/btn_open02.gif) 95% center no-repeat; background-size:10px 10px; color:#fff; font-size:13px; text-align:left; box-sizing:border-box;}
	.m-family-site button.active {background:#ea2b20 url(../images/mobile/btn/btn_close02.gif) 95% center no-repeat; background-size:10px 2px;}


	/* footer */
	.footer {padding:10px 0 15px; background-color:#353535;}
	.footer ul {overflow:hidden; width:305px; margin:0 auto 7px;}
	.footer ul li {position:relative; float:left; margin-right:5px; padding-right:5px;}
	.footer ul li:before {content:''; position:absolute; top:9px; right:0; width:1px; height:12px; background-color:#4d4d4d;}
	.footer ul li:last-child {margin:0; padding:0;}
	.footer ul li:last-child:before {display:none;}
	.footer ul li a {font-size:11px; color:#9b9b9b;}
	.footer .copyright {font-size:11px; color:#6e6d6d; text-align:center;}

	#popupWrap.popup {position:fixed; left:50%; top:57px;max-width:90%;transform:translateX(-50%)	;width: 700px;}
	#popupWrap .popup-link {display:block;}
	#popupWrap .popup-img {width:100%; display:block;}
	#popupWrap .popup-bottom {width:100%;}


	#popupWrap2.popup {position:fixed; left:50%; top:57px;max-width:90%;transform:translateX(-50%)	;z-index: 100000;width:343px; }
	#popupWrap2 .popup-link {display:block;}
	#popupWrap2 .popup-img {width:100%; display:block;max-width:100%;}
	#popupWrap2 .popup-bottom {width:100%;}

}

@media only screen and (max-width: 590px) {
	.visual-text {
		top:50px;
		left:100px;
	}

	.social {background:url(../images/img/img_main_notice01.jpg) 90% bottom no-repeat; background-size:12% auto;}
	.corporate {background:url(../images/img/img_main_notice02.jpg) 90% bottom no-repeat; background-size:12% auto;}
}

@media only screen and (max-width: 400px) {
	.box-item {width:50%;}

	.social {background:url(../images/img/img_main_notice01.jpg) 90% bottom no-repeat; background-size:20% auto;}
	.corporate {background:url(../images/img/img_main_notice02.jpg) 90% bottom no-repeat; background-size:20% auto;}
}




.popupWrap{position:absolute; z-index:9999;}
.popupWrap .popupInner{}
.popupWrap .popupInner img{width:100%;}
.popupWrap .popClose{ display: flex; justify-content: space-between; height:35px; line-height:35px; background:#fff; font-size:13px; padding:0 10px; box-sizing:border-box;}
.popupWrap .popClose a{display:inline-block; background:url(../images/popupClose.jpg) no-repeat center; width:20px; height:35px; text-indent:-9999px; vertical-align:middle;}


@media screen and (max-width: 780px) {
	.popupWrap{
		width: 90%;
	}
	.popupWrap .popupInner, 
	.popupWrap .popupInner img{width:100% !important;}

	#popupWrap.popup {position:fixed; left:50%; top:57px;max-width:90%;transform:translateX(-50%)	;width: 337.68px;}
	#popupWrap .popup-link {display:block;}
	#popupWrap .popup-img {width:100%; display:block;height: 231px;}
	#popupWrap .popup-bottom {width:100%;}


	#popupWrap2.popup {position:fixed; left:50%; top:57px;max-width:90%;transform:translateX(-50%)	;z-index: 100000;width:165.13px;  }
	#popupWrap2 .popup-link {display:block;}
	#popupWrap2 .popup-img {width:100%; display:block;max-width:100%;height: 231px;}
	#popupWrap2 .popup-bottom {width:100%;}
}


/* 20260916추가 */
.new_container{max-width:100%;font-family: 'NanumSquare';}

.visual_fade_new{position: relative; width: calc(100% - 756px);line-height: 1;overflow:hidden;}
.visual_fade_new ul.new_visual li:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .3;}
.visual_fade_new ul li.visual_st01 .txt{position: absolute;left: 40px;z-index: 10;top: 50%;transform:translateY(-50%);color: #fff; }
.visual_fade_new ul li.visual_st01 .txt p{font-size: 80px;margin-bottom: 20px;font-weight: 700;}
.visual_fade_new ul li.visual_st01 .txt span{font-size: 30px;}
.visual_fade_new ul li .img_box img{width: 100%;height: 675px;object-fit:cover;}

.visual_fade_new ul li.visual_st02 .txt{position: absolute; display: flex;width: 100%;top: 100px;left: 0;color: #fff;gap:40px;align-items:center;justify-content:center;color: #fff;}
.visual_fade_new ul li.visual_st02 .txt .txt02{font-size: 17px;line-height: 1.6;text-align: center;font-weight: 400;opacity: 0;}
.visual_fade_new ul li.visual_st02 .name{position: absolute;right: 30px;bottom: 80px;font-size: 15px;font-weight: 700;color: #fff;opacity: 0;}
.visual_fade_new ul li.visual_st02.slick-active .txt .txt02{animation: fadeIn02 1.5s ease forwards;animation-delay: .5s;}
.visual_fade_new ul li.visual_st02.slick-active .name{animation: fadeIn02 1.5s ease forwards;animation-delay: .5s;}

.visual_fade_new ul li.visual_st03 .ab_box{position: absolute;left: 0;width: 100%;top: 47%;transform:translateY(-50%);padding: 0 40px;box-sizing:border-box;color: #fff;}
.visual_fade_new ul li.visual_st03 .txt {color: #fff;margin-bottom: 50px;}
.visual_fade_new ul li.visual_st03 .txt p{font-size: 70px;margin-bottom: 18px;font-weight: 700;}
.visual_fade_new ul li.visual_st03 .txt span{font-size: 17px;}
.visual_fade_new ul li.visual_st03 .v_list_box{display: flex;gap:60px;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box{ display: flex;width: calc((100% - 180px) /4);height: 300px; flex-direction:column;gap:20px;align-items:center;justify-content:center;color: #fff;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box:nth-child(1){background: url(../images/img/new26_main_s_img01.jpg) no-repeat center;background-size:cover ;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box:nth-child(2){background: url(../images/img/new26_main_s_img02.jpg) no-repeat center;background-size:cover ;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box:nth-child(3){background: url(../images/img/new26_main_s_img03.jpg) no-repeat center;background-size:cover ;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box:nth-child(4){background: url(../images/img/new26_main_s_img04.jpg) no-repeat center;background-size:cover ;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box p{font-size: 25px;text-align: center;opacity: 0;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box span{display: block; font-size: 17px;line-height: 1.4;text-align: center;opacity: 0;}
.visual_fade_new ul li.visual_st03.slick-active .v_list_box  .v_box p{animation: fadeIn02 1.5s ease forwards;animation-delay: .5s;}
.visual_fade_new ul li.visual_st03.slick-active .v_list_box  .v_box span{animation: fadeIn02 1.5s ease forwards;animation-delay: .5s;} 

.visual_fade_new .slick-dots{display: flex; position: absolute;left: 40px;bottom: 40px;gap:10px;align-items:center;}
.visual_fade_new .slick-dots li{width: 7px;height: 7px;border-radius: 50%;background: #fff;opacity: .5;text-indent: -9999px;}
.visual_fade_new .slick-dots li:after{display: none;}
.visual_fade_new .slick-dots li.slick-active{opacity: 1;width: 110px;border-radius: 0;height: 2.5px;}

@keyframes fadeIn02 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.new_container .content{display: flex;flex-wrap:wrap;}
.new_container .content .box-item{}
.new_container .box-item .a_st01{position: relative; display: block;font-family: 'NanumSquare';line-height: 1;width: 100%;height: 100%;}
.new_container .box-item .a_st01:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .4;}
.new_container .box-item .a_st01:before{content:'';position: absolute;left: 0;top: -87px;width: 100%;height: 87px;background: #d62d40;z-index: 5;transition:.3s;}
.new_container .box-item .a_st01:hover:before{top: 0;}
.new_container .box-item img{width: 100%;height: 100%;object-fit:cover;}
.new_container .box-item .txt{position: absolute;left: 20px;top: 20px;z-index: 10;}
.new_container .box-item .a_st02 .txt{text-align: right;left: auto;right:20px;}
.new_container .box-item .txt p{font-size: 18px;color: #fff;margin-bottom: 10px;font-weight: 300;}
.new_container .box-item .txt span{font-size: 20px;color: #fff;font-weight: 700;} 
.new_container .box-item.issue{height: 224px;}

@media only screen and (max-width: 1550px) {
.visual_fade_new ul li.visual_st01 .txt p{font-size: 70px;margin-bottom: 20px;font-weight: 700;}
.visual_fade_new ul li.visual_st01 .txt span{font-size: 27px;}
.visual_fade_new ul li.visual_st02 .txt{display: block;padding-left: 40px;}
.visual_fade_new ul li.visual_st02 .txt .txt02{text-align: left;margin: 30px 0;}
.visual_fade_new ul li.visual_st03 .txt p{font-size: 55px;margin-bottom: 18px;font-weight: 700;}
.visual_fade_new ul li.visual_st03 .txt span{font-size: 15px;}
.visual_fade_new ul li.visual_st03 .v_list_box{display: flex;gap:10px;flex-wrap:wrap;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box{width: calc((100% - 10px) /2);height: 170px;}
}

@media only screen and (max-width: 1170px) {
.visual_fade_new{position: relative; width: calc(100% - 460px);line-height: 1;font-family: 'NanumSquare';}
.new_container .box-item.issue{width: 100%;height: 250px;}
.new_container .box-item.issue img{width: 100%;height: 100%;}
.new_container .box-item.notice-box{width: 100%;height: 151px;}
.new_container .box-item .hot-issue ul{top: 105px;}

}

@media screen and (max-width: 1020px) {
.new_container{max-width:100%;}

.visual_fade_new{position: relative; width:100%;line-height: 1;font-family: 'NanumSquare';}
.visual_fade_new ul li.visual_st01 .txt{position: absolute;left: 10px;z-index: 10;top: 50%;transform:translateY(-50%);color: #fff; }
.visual_fade_new ul li.visual_st01 .txt p{font-size: 35px;margin-bottom: 20px;font-weight: 700;}
.visual_fade_new ul li.visual_st01 .txt span{font-size: 15px;}
.visual_fade_new ul li .img_box img{width: 100%;height: 450px;object-fit:cover;}

.visual_fade_new ul li.visual_st02 .txt{position: absolute; display: block;width: 100%;top: 100px;left: 0;color: #fff;gap:40px;align-items:center;justify-content:center;color: #fff;padding-left: 10px;}
.visual_fade_new ul li.visual_st02 .txt .txt02{font-size: 13px;line-height: 1.6;text-align: left;font-weight: 400;opacity: 0;margin: 20px 0;}
.visual_fade_new ul li.visual_st02 .name{position: absolute;right: 10px;bottom: 60px;font-size: 12px;font-weight: 700;color: #fff;opacity: 0;}
.visual_fade_new ul li.visual_st02.slick-active .txt .txt02{animation: fadeIn02 1.5s ease forwards;animation-delay: .5s;}
.visual_fade_new ul li.visual_st02.slick-active .name{animation: fadeIn02 1.5s ease forwards;animation-delay: .5s;}
.visual_fade_new ul li.visual_st02 .txt img:nth-child(1){width: 180px;}
.visual_fade_new ul li.visual_st02 .txt img:nth-child(3){width: 150px;}

.visual_fade_new ul li.visual_st03 .ab_box{position: absolute;left: 0;width: 100%;top: 47%;transform:translateY(-50%);padding: 0 10px;box-sizing:border-box;color: #fff;}
.visual_fade_new ul li.visual_st03 .txt {color: #fff;margin-bottom:25px;}
.visual_fade_new ul li.visual_st03 .txt p{font-size: 35px;margin-bottom: 15px;font-weight: 700;}
.visual_fade_new ul li.visual_st03 .txt span{font-size: 13px;line-height: 1.4;}
.visual_fade_new ul li.visual_st03 .v_list_box{display: flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box{ display: flex;width: calc((100% - 10px) /2);max-width:350px; height: 110px; flex-direction:column;gap:10px;align-items:center;justify-content:center;color: #fff;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box:nth-child(1){background: url(../images/img/new26_main_s_img01.jpg) no-repeat center;background-size:cover ;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box:nth-child(2){background: url(../images/img/new26_main_s_img02.jpg) no-repeat center;background-size:cover ;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box:nth-child(3){background: url(../images/img/new26_main_s_img03.jpg) no-repeat center;background-size:cover ;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box:nth-child(4){background: url(../images/img/new26_main_s_img04.jpg) no-repeat center;background-size:cover ;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box p{font-size: 18px;text-align: center;opacity: 0;}
.visual_fade_new ul li.visual_st03 .v_list_box  .v_box span{display: block; font-size: 14px;line-height: 1.3;text-align: center;opacity: 0;}
.visual_fade_new ul li.visual_st03.slick-active .v_list_box  .v_box p{animation: fadeIn02 1.5s ease forwards;animation-delay: .5s;}
.visual_fade_new ul li.visual_st03.slick-active .v_list_box  .v_box span{animation: fadeIn02 1.5s ease forwards;animation-delay: .5s;} 

.visual_fade_new .slick-dots{display: flex; position: absolute;left: 10px;bottom: 20px;gap:10px;align-items:center;}
.visual_fade_new .slick-dots li{width: 7px;height: 7px;border-radius: 50%;background: #fff;opacity: .5;text-indent: -9999px;}
.visual_fade_new .slick-dots li.slick-active{opacity: 1;width: 110px;border-radius: 0;height: 2.5px;}

.new_container .box-item.issue .hot-issue{height: 100%;}
.new_container .box-item.issue .hot-issue img{}
.new_container .box-item.issue .main-ceo{height: 100%;}
.new_container .box-item.notice-box{width: 100%;height: 110px;}


.new_container .content{display: flex;flex-wrap:wrap;}
.new_container .content .box-item{}
.new_container .box-item .a_st01{position: relative; display: block;font-family: 'NanumSquare';line-height: 1;}
.new_container .box-item .a_st01:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .4;}
.new_container .box-item .a_st01:before{content:'';position: absolute;left: 0;top: -87px;width: 100%;height: 87px;background: #d62d40;z-index: 5;transition:.3s;}
.new_container .box-item .a_st01:hover:before{top: 0;}
.new_container .box-item img{width: 100%;height: 100%;object-fit:cover;}
.new_container .box-item .txt{position: absolute;left: 15px;top: 15px;z-index: 10;}
.new_container .box-item .a_st02 .txt{text-align: right;left: auto;right:15px;}
.new_container .box-item .txt p{font-size: 14px;color: #fff;margin-bottom: 10px;font-weight: 300;}
.new_container .box-item .txt span{font-size: 17px;color: #fff;font-weight: 700;} 
}