@charset "utf-8"; /*인코딩 언어 선언 */
/*font-family: 'Droid Sans';*/ 

/* reset */
* {margin:0;padding:0;}
li {list-style:none;}
a {
	text-decoration:none;
	color: #575757;
	border-color:#575757;
}
html,body {
 width:100%;
} 

body {
	background-color:#ececf5;
	font-family:'arial', sans-serif;
}

/* header */
#header {
	width:100%;
	background-color:#fff;
	height:120px;
	text-align:center; 
	/* color:#fff; */
	color:#325095;					/* <--- 내부용 : #325095; // 외부용 : #58595b; */

	overflow:hidden;
	/*  white-space:nowrap; 줄바꿈 방지 */
}

.wrapper {
	width:800px;
	margin:0 auto;
}
#header ul {

}
	/*float:left;*/
#header li {
	display: inline-block;

	
}

#header .main_title {
	display: none;
	/*width:420px;*/
	height:100%;
}



#header .main_logo {
	width:150px;
	height:100%;
	padding : 20px 0;
	float:left;

}

#header .date_Vol {
	width:130px;
	float:right;
	margin:20px 0;
}


#header li h5 {
	font-size:27px;
	display:block;
	letter-spacing:-0.5px;
	margin-bottom:6px;
}
#header li h5 span {

	font-size:18px;
	display:block;
		font-weight:normal;

}
#header li p {			
	color: #e7141b;					/* <--- 내부용 : #e7141b;  // 외부용 : #cc2128; */
	border : 2px solid #e7141b;		/* <--- 내부용 : #e7141b;  // 외부용 : #cc2128; */
	width:100%;
	padding:2 0;

	font-size:13px;
}
/* header */


/* Nav */
nav {	
	background-color:#325095;		/* <--- 내부용 : #325095;  // 외부용 : #953249; */
	overflow:hidden;
	transition:all 0.5s;
	text-align: center;
	margin-bottom: 30px;
		height:30px;
}

nav ul {
	display: inline-block;
}

#gnb li {
	display:block;
	text-align:center;
	float:left;
}

#gnb li a{
	display:block;
	text-align:center;
	height:30px;
	line-height:30px;
	color:#fff;
	padding:0 30px;

}

#gnb li:hover a {
	background-color:rgba(0,0,0,0.3);
}

.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
/* Nav */


/* 콘텐츠 뉴스 공용*/ 
contents {
	width:100%;
}
#product_news {
	text-align:center;
	padding-bottom:30px;
}
contents .productWrap {
	width:800px;
	display: inline-block;
}



/* 본문 텍스트 전체 테그 3줄 줄임표 적용  */
/* 폰트 컬러 color: #575757; */

.text_main .bodycopy{ 
	font-size:14px;	
	line-height:1.4em;
	margin-bottom:10px; <!--p구역 아래 마진-->
	letter-spacing:-0.1px;
	font-weight:100;
	overflow: hidden;
 	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;	<!--라인 수-->
	line-height: 1.2em;
	height: 4.3em	/* height: 4.3em 3열 위치 높이, 이후 가림 */
}

.text_main .bodycopy2{ 
	font-size:14px;	
	line-height:1.4em;
	margin-bottom:10px; <!--p구역 아래 마진-->
	letter-spacing:-0.1px;
	font-weight:100;
	overflow: hidden;
 	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;	<!--라인 수-->
	line-height: 1.2em;
	height: 2.8em	/* height: 2.8em 2열 위치 높이, 이후 가림 */
}


.text_main .bodycopy4{ 
	font-size:14px;	
	line-height:1.4em;
	margin-bottom:10px; <!--p구역 아래 마진-->
	letter-spacing:-0.1px;
	font-weight:100;
	overflow: hidden;
 	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;	<!--라인 수-->
	line-height: 1.2em;
	height: 5.6em	/* height: 5.6em 4열 위치 높이, 이후 가림 */
}

.text_main .thai {
	font-family: 'Taviraj', serif;
	font-weight:300;
	line-height:1.45em;
}

.text_main h2{
	font-size:23px;	
	color:#325095;
	letter-spacing:-0.4px;
	font-weight:500;
	margin-bottom:5px;
}
.text_main b{
	font-size:28px;	
	color:#555;
	display:block;
	margin-bottom:3px;
	font-weight:bold;
}
.text_main small{
	font-size: 16px;
    color: #333;
    display: block;
    margin-bottom: 5px;

}
.text_main h3{
	line-height:1.2em;
	font-size:19px;	
	letter-spacing:-0.4px;
	font-weight:500;
	color:#325095;
	margin-bottom:3px;
}
.text_main h3 .headsmall{
	font-size:15px;	
	letter-spacing:-0.8px;
	color:#325095;
}
.morebox_Wrap{
	width:120px;
	height:18px;
	display:inline-block;
}
.more_box{
	padding:5px;
	border: 1px solid #575757;
	text-align:center;	
}

a .no-uline:hover, a .no-uline:active {
	text-decoration:underline;
}
a .more_box:hover, a .more_box:active {
	border: 1px solid #e7141b;
	color:#e7141b;
}

.contents_title{
	display:block;
	text-align:left;
	padding-bottom:5px;
	font-weight:bold;
	font-size:25px;	
	color:#325095;	
}
.contents_title span{
	display:inline;
	font-size:14px;
	color:black;
	font-weight:normal;
}
.bottomline {
	border-bottom : 1px solid #325095;
}
.bottomMargin {
	margin-bottom:40px;
}
.topPadding{
	padding-top:20px;
}

	
/* 메인 뉴스 */
.main_news_wrap {
	width:100%;
	display:block;
	padding-bottom:20px;
	margin-bottom:30px;	
}
.main_news_wrap .pic_zone{
	background-color:lightgray;
	width:100%;
	height:300px;
}
.main_news_wrap .text_zone{
	height:130px;
	text-align:left;
	padding-top:10px;
	display:block;
	margin-bottom:30px; /*<---------- 메인 p 마진 바텀 20231129 15px->30px */	
}
.main_news_wrap .pic_zone div{	/*<---------- 메인 이미지 소스*/
	width:100%;
	height:100%;
	background-image:url(../images/Main_image.png);
	background-size:800px;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.main_news_wrap .pic_zone div:hover {
	background-size:810px;
}


.main_news_wrap .pic_zone div p{ /*<---------- 메인 이미지 설명 텍스트 none */
	display:none;
}



/*프로덕트 뉴스*/
.News_wrap {
	width:100%;
	display:inline-block;

	margin-bottom:60px;
}
.News_wrap li{

	display:block;
	height:180px;
}
.News_wrap li .new_box_zone {
	height:200px;
	float:left;
	display: inline-block;
}
.News_wrap li .new_pic_zone{
	width:50%;
	background-color:gray;
	display:block;
}
.News_wrap li .new_text_zone{
	width:50%;
	
	text-align:left;
	display:block;
}
.News_wrap .new_text_zone_space{
	padding:0 10px;
}
.ww_ul .text_top{
	padding-top:5px;	
}
#product_news .bottomMargin {
	margin-bottom:60px;
}
.PN_1 .new_pic_zone div{
	width:100%;
	height:100%;
	
	background-image:url(../images/PN_1.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.PN_2 .new_pic_zone div{
	width:100%;
	height:100%;
	
	background-image:url(../images/PN_2.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}

.PN_3 .new_pic_zone div{
	width:100%;
	height:100%;
	
	background-image:url(../images/PN_3.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.PN_4 .new_pic_zone div{
	width:100%;
	height:100%;
	
	background-image:url(../images/PN_4.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.PN_5 .new_pic_zone div{
	width:100%;
	height:100%;
	
	background-image:url(../images/PN_5.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}




.new_pic_zone div:hover {
	background-size:103%;
}

/* insert list

.PN_4 .new_pic_zone{
	background: rgb(174,202,210);
	background: linear-gradient(180deg, rgba(174,202,210,1) 0%, rgba(228,237,241,1) 58%, rgba(239,239,239,1) 73%, rgba(185,210,219,1) 100%);
/*	background-image:url(../images/insert_list.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.PN_4 .new_pic_zone .insertimage{
	width:100%;
	height:100%;
	background-image:url(../images/PN_CNMG_MM.png);
	background-repeat:no-repeat;
	background-position:200px -40px;
	background-size:350px;
	transition:all 0.2s;
}
.PN_4 .new_pic_zone div:hover {
	background-size:360px;

}
.insertText{
	text-align:left;
	padding-top:20px;
	padding-left:20px;
}
.insertText .textsmall{
	padding-top:10px;
	font-size:22px;
	letter-spacing:-0.4px;
}
.insertText .textbig{
	font-size:28px;
	font-weight:bold;
	letter-spacing:-0.4px;	
} */

/*월드와이드 & 이벤트 뉴스*/

#world_news{
	width:100%;
	text-align:center;	
	
}
#world_news .world_Wrap {
	width:800px;
	display: inline-block;
	margin-top:50px; /*윗 컨텐츠 간의 마진 공간/*윗 컨텐츠 간의 마진 공간*/*/
	
}
#world_news .Wouldwide_wrap {
	width:100%;
	display:inline-block;
.ww_ul {

}
}
#world_news .ww_ul .ww_heigit{
	display:block;
	height:180px;
}
.ww_ul li .ww_box_zone {
	height:180px;
	float:left;
	display: inline-block;
}
.ww_ul li .ww_pic_zone{
	width:50%;
	background-color:lightgray;
	display:block;
}
.ww_ul li .ww_text_zone{
	width:50%;
	text-align:left;
	display:block;
}
.text_jp{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
}

.ww_ul .ww_text_zone_space{
	padding-left:10px;		
}

.ww_pic_zone div p{
	display:none;
}
.ww_1 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/ww_1.jpg);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.ww_2 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/ww_2.jpg);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}



.ww_3 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/ww_3.jpg);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.ww_4 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/ww_4.jpg);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.ww_5 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/ww_5.jpg);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.ww_6 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/ww_6.jpg);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.ww_7 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/ww_7.jpg);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.ww_pic_zone div:hover {
	background-size:105%;
}


.events_1 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/event_001.png);
	background-size:400px;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.events_2 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/event_002.png);
	background-size:400px;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.events_3 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/event_003.png);
	background-size:400px;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}

.events_4 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/event_004.png);
	background-size:400px;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.events_5 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/event_005.png);
	background-size:400px;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
/* 20231030 추가*/
.events_6 .ww_pic_zone div{
	width:100%;
	height:100%;
	background-image:url(../images/event_006.png);
	background-size:400px;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}

.events_1 .ww_pic_zone div:hover {
	background-size:415px;
}
.events_2 .ww_pic_zone div:hover {
	background-size:415px;
}
.events_3 .ww_pic_zone div:hover {
	background-size:415px;
}
.events_4 .ww_pic_zone div:hover {
	background-size:415px;
}
.events_5 .ww_pic_zone div:hover {
	background-size:415px;
}
/* 20231030 추가*/
.events_6 .ww_pic_zone div:hover {
	background-size:415px;
}

.ww_pic_zone .bline{
	border:1px solid #608ac5;
}

/* 깜빡임 효과 class="blinking"
.blinking{
  -webkit-animation:blink 0.8s ease-in-out infinite alternate;
  -moz-animation:blink 0.8s ease-in-out infinite alternate;
  animation:blink 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:1; color:#c9c9c9; border-color:#c9c9c9;} 

  100% {opacity:1; }
}
.blinking_1{
  -webkit-animation:blink_1 0.8s ease-in-out infinite alternate;
  -moz-animation:blink_1 0.8s ease-in-out infinite alternate;
  animation:blink_1 0.9s ease-in-out infinite alternate;
}
@-webkit-keyframes blink_1{
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes blink_1{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink_1{
  0% {opacity:1; color:#c9c9c9; border-color:#c9c9c9;} 

  100% {opacity:1; }
}
.blinking_2{
  -webkit-animation:blink_2 0.8s ease-in-out infinite alternate;
  -moz-animation:blink_2 0.8s ease-in-out infinite alternate;
  animation:blink_2 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink_2{
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes blink_2{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink_2{
  0% {opacity:1; color:#404040; border-color:#404040;} 

  100% {opacity:1; }
}
/* 끝-깜빡임 효과 class="blinking"*/






/* 석세스 스토리*/

#contents_list {
	text-align:center;

	background-color : #d0d6e4;
}

.Success_wrap {
	height:160px; /* 3열 일때 220px */
	overflow:hidden;

}

.list_gnb {
	width:800px;
	display: inline-block;
	margin-top:20px;

}
section ul {
	width:50%;
	text-align:left;
	float:left;

}
section ul li {
	width:100%;
	display:block;
	float:left;
}
section ul li a{
	width:100%;
	font-size:14px;
	letter-spacing: -0.2px;
	color:#333;
	line-height:1.4em;
	display:inline-block;
	height:80px;
}

section .Success ul .align {
	height:100%;
	padding-top:8px;
}

section .Success ul p {
	padding-left:10px;
	overflow:hidden;
	/*text-overflow: ellipsis;
	white-space: nowrap;*/
}

ul li .graytext {
	color:#656565;
	font-size:15px;
	letter-spacing: -0.25px;
}
ul li .tool_title {
	font-size:16px;
	letter-spacing: -0.25px;
}



/* 석세스 이미지 */	


section .Success .success_img{
	float:left;
	width:90px;
	height:60px;
	/*background-color:lightgray;*/
}

section .Success .success_img div{
	width:100%;
	height:100%;
}
.suc_img1 {
	background-image:url(../images/suc_1.png);
	background-size:80px;
	background-position:left;
	background-repeat:no-repeat;
	transition:all 0.2s;
}

.suc_img2 {
	background-image:url(../images/suc_2.png);
	background-size:63px;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.suc_img3 {
	background-image:url(../images/suc_3.png);
	background-size:80px;
	background-position:left;
	background-repeat:no-repeat;
	transition:all 0.2s;
}
.suc_img4 {
	background-image:url(../images/suc_4.png);
	background-size:63px;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.2s;
}

.suc_img1:hover {
	background-size:90px;
}

.suc_img2:hover {
	background-size:68px;
}
.suc_img3:hover {
	background-size:90px;
}
.suc_img4:hover {
	background-size:68px;
}



/*banner*/
#banner{
	width:100%;
	text-align:center;
	margin: 20 0;
}
#banner .bannerwrap{
	display:inline-block;

}
#banner .bannerwrap img{
	border:0.5px solid black;

}



/*sns media 레이아웃*/

.bgwhite{
		background-color:#fff;
}

#contents_list2 {
	text-align:center;
	margin-bottom:40px;
	padding-top:50px; /*윗 컨텐츠 간의 패딩 공간 마진값 시 바탕색 나옴*/

	
}
.socialmedia {
	width:800px;
	display: inline-block;}

section .socialmedia ul div{
	width:100px;
	height:100%;	
}
section .socialmedia ul li {
	width:100%;
	height:70px;
	margin:15px 0;
	display:inline-block;	
}
section .socialmedia ul .sns_img {
	text-align:center;
	width:80px;

}
section .socialmedia ul .snslogo {
	width:40px;
}
section .socialmedia ul .sns_txt {
	width:260px;
	display:block;	
	letter-spacing: -0.25px;
}
section .socialmedia ul .align{ /*<----2열--*/
	width:100%;
	height:100%;
	padding-top:21px;
	display:block;
	overflow:hidden;
}
section .socialmedia ul .align3{ /*<----3열--*/
	width:100%;
	height:100%;
	padding-top:12px;
	display:block;
	overflow:hidden;
}
section .socialmedia ul .align4{ /*<----4열--*/
	width:100%;
	height:100%;
	padding-top:0px;
	display:block;
	overflow:hidden;
}
.socialmedia li div{
	float:left;
}
section .socialmedia ul p {
	padding-left:8px;
	overflow:hidden;
}

/*sns media 텍스트*/


/*SNS html에 해당 class만 변경*/
section .socialmedia .snslogo{
	background-repeat:no-repeat;
	background-position:right;
	width:40px;
}
section .socialmedia ul a .snslogo_fb {
	background-image:url(../images/fb_icon_325x325.png);
	background-size:28px;
}
section .socialmedia ul a .snslogo_tw {
	background-image:url(../images/tw_icon_325x325.png);
	background-size:28px;
}
section .socialmedia ul a .snslogo_ist {
	background-image:url(../images/instar_icon_325x325.png);
	background-size:28px;
}
section .socialmedia ul a .snslogo_ytu {
	background-image:url(../images/utube_icon_325x325.png);
	background-size:28px;
}
section .socialmedia ul a .snslogo_in {
	background-image:url(../images/Lin_icon_325x325.png);
	background-size:28px;
}


/*sns media  썸넬 image */

section .socialmedia .success3_img{
	background-repeat:no-repeat;
	
	/*border:0.5px solid darkgray;*/
}
section .socialmedia ul a .success3_img1 {
	background-image:url(../images/sns6_1.png);
	background-position:center;
	background-size:cover;
}
section .socialmedia ul a .success3_img2 {
	background-image:url(../images/sns6_2.png);
	background-position:center;
	background-size:cover;
}
section .socialmedia ul a .success3_img3 {
	background-image:url(../images/sns6_3.png);
	background-position:left;
	background-size:cover;
}

section .socialmedia ul a .success4_img1 {
	background-image:url(../images/sns6_4.png);
	background-size:cover;
	background-position:center;
}
section .socialmedia ul a .success4_img2 {
	background-image:url(../images/sns6_5.png);
	background-size:cover;
		
}
section .socialmedia ul a .success4_img3 {
	background-image:url(../images/sns6_6.png);
	background-size:cover;
	background-position:bottom;
}


/* line */

section .success_title {
	width:50%;
	display:inline-block;
	margin-top:10px;
}

section .success_title p{
	display:inline;
	font-size:14px;
	color:black;
	font-weight:normal;
}

section span {
	font-weight:bold;
}








/*전월호 가기*/	
/*issue button*/
.issuemain {
	text-align:center;
	height:50px;
	margin-bottom:60px;
}

.issuemain a div {
	float:left;
}
.issuemain p{
	padding:0 10px;
	line-height:30px;
}
.issuemain a {
	display:inline-block;
	padding:0 40;
	color:#b4b4b5;
	font-size:20px;
}
.issuemain .issuebutton {
	width:30px;
	height:30px;
}

.issuemain .pastissue {
	background-image:url(../images/waymark.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:top;
}
.issuemain .nextissue {
	background-image:url(../images/waymark2.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:top;
}

.issuemain a:hover, a:active {
	color:#717171;
	background-position:center bottom;
}
.issuemain a div:hover, a:active {
	background-position:center bottom;
}

.issuemain .issuetex {
	height:30px;
}
.issue {
	margin-bottom:10px;
}

/*전월호 리스트*/	
.prenews{
	text-align:center;
}
.prenewlist {
	display:inline-block;		
}
.prenewlist li{
	display:block;
	float:left;
}

.prenewlist li a{
	display:block;
	font-size:16px;
	padding:0 20px;

}
.prenewlist .here {
	font-size:16px;
	font-weight:800;
}
.prenewlist li:hover a {
	border-bottom:2px solid #717171;
}

/*끄고 키기*/
.issuemain .boxnone {
	display:none;
}
/*전월호 가기*/

/*SNS*/
#SNS_gnb {	
	width:100%;
	height:100px;
	text-align:center;
	margin-top:30px;

	}
#SNS_gnb div {
	display:inline-block;
	width:800px;

}
#SNS_gnb .SNS_list ul {
	display: inline-block;
}
#SNS_gnb .follow_sns {
    position: relative;
    margin-top: 5px;
}
#SNS_gnb .follow_sns li {
    float: left;
    border-radius: 50%;
    margin-right: 10px;
	list-style: none;
}
#SNS_gnb img {
	border: 0;
    vertical-align: middle;
    width: 30px;
}
#SNS_gnb a {
    text-decoration: none;
    color: #333;
    font-family: 'Source Sans Pro', sans-serif;
}
#SNS_gnb .follow_sns .sns_youtube {
    background: #ff0000;
}
#SNS_gnb .follow_sns .sns_fb {
    background: #3b5998;
}
#SNS_gnb .follow_sns .sns_in {
    background: #0084bf;
}
#SNS_gnb .follow_sns .sns_wechat {
    background: #78ab33;
}
#SNS_gnb .follow_sns .sns_tw {
    background: #000;
}
#SNS_gnb .follow_sns .sns_ins {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}
#SNS_gnb .sns_text {
	display:block;
	font-size:16px;
	padding-top:10px;

}
#footer {	
	width:100%;

}
#footer .lockdown {
	text-align:center;
	background-color:#c9c8c8;
	padding:20px 0;
}

#footer span {
	display:block;
	font-size:11px;
		padding-top:10px;
}


/* 반응형 */
@media only screen and (max-width:700px) {
contents .news_box div{
	width:100%;
	}
.list_gnb {
	width:100%;

	}
	.wrapper {
	width:100%;
	}
	#header .date_Vol {
	width:100px;
	}
	#header .main_logo {
	width:120px;
	padding : 20px 0;

	}
	.wrapper {
	padding:0 0px;
	/*margin:0 auto;*/
	}
	#header .main_title {
	padding:0 30;
	}

}
@media ( max-width: 480px ) {
	html,body {
		width:100%;
	} 
	#header {
		width:100%;
	}
	.wrapper {
		width:100%;
	}
}