/* Layout */
*+html{overflow-x:hidden;} 
body{margin:0; height:100%; padding:0; font-family:'¸¼Àº °íµñ', NanumGothic,'Nanum Gothic', 'µ¸¿ò', Dotum, Arial; }
#head {width:100%;  height:100%; margin:0; padding:0;  background:url(image/head_bg.jpg) repeat-x 0 0; }
#head_wrap{ position:relative; width:1000px; height:273px; margin:0 auto;  padding:0; background:url(image/head_bg.jpg) repeat-x 0 0;}
#cont { line-height: 1.5;  height:100%; }
footer { display: block; }
a{background-color:transparent;}
a{text-decoration:none;}
a[href]{color:#039;cursor:pointer;} /* ¡Ù ¿ä¼Ò¾ø´Â ¼Ó¼º¼±ÅÃÀÚ [href]´Â IE7 ¿¡¼­ ¾ÈµÊ */
[href]:hover,[href]:active,[href]:focus{text-decoration:underline;}
a[href^='tel']{text-decoration:none !important;cursor:default;}
.cblue {color:#0044ff;}

#skipnav{z-index:9999;position:absolute;left:0;top:0;width:100%;}
#skipnav *{display:inline;list-style:none;margin:0;padding:0;}
#skipnav a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
#skipnav a:focus{left:0;width:100%;height:auto;background:#58b;color:#fff;font:bold 1em/2.5 '¸¼Àº °íµñ';text-decoration:none;text-align:center;}

h1#logo{display:inline;}
h1#logo a{position:absolute; left:0; display:block; margin:0; padding:32px 0 38px;}
h1#logo a img{display:block; width:auto; height:100%; margin:auto 0;}

#himg { display:block; margin:0; padding:0; width:100%; text-align:center; }
#himg img {padding: 17px 0 0; }

#sns1link { position:absolute; top:30px; right:0px;  }
#sns1link ul{list-style:none; margin:0; padding:4px; 2px 0;}
#sns1link ul li{float:left; padding:2px 0 0 0;}

#cont {position:relative; width:1000px;  margin:36px auto; padding: 0; }
#tprev {width:100%; height:auto; border-top: 2px solid #f1a012; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; line-height: 1.5;padding-bottom:1.6em;}
#tprev h2 {margin:0; padding:30px 0 0 40px; font-size: 1.5em; }
#tprev p {padding:10px 40px 0;}

.detail {display:none;}

#article_head {position:relative; margin:0 0 30px;  padding:2px 0 11px; border-bottom:1px solid #ebebeb;}
#article_head .subject {display:inline-block; margin-bottom:30px; }
#article_head .subject h1 { font-weight: bold; font-size: 35px; line-height: 150%; letter-spacing: -2px; }
#article_head .byline em, .byline a { margin: 0 4px; color: #737475; font-style: normal; }
#article_head .tool_area {right:0;  display:inline-block; height:38px;float:right; margin:0 0 30px; padding:0;margin-top:-15px;}
#article_head .tool_area ul {margin:0; padding:0;}
#article_head .tool_area ul li { float:left; margin:0; padding:0 0 0; }
#article_head .tool_area ul li.fsize {float:left; margin:0; padding:0 0 0 4px;}

#canaly {width:100%; height:auto; border: 1px solid #ddd; background-color:#f8f9fb;padding-bottom:1.6em; }
#canaly h2 {margin:0; padding:30px 0 0 40px; font-size: 1em; }
#canaly .detailview {display:block;}
#canaly p {padding:10px 40px 0;}

#sns {position:absolute; top:150px; left:-50px;}
#sns ul {margin:0; padding:0;}
#sns ul li {margin:0; padding:0;}


#article_cont {width:100%; line-height: 1.3; margin: 0 auto 0; padding: 20px 0 0; line-height: 1.5; }
#article_cont h2 {margin:0; padding:30px 0 ; font-size: 1.5em; font-weight:normal; }
#article_cont .tchart {margin: 30px 0;}
#article_cont p{margin:0; padding:10px 0 0;}
#article_cont table{border-collapse:separate;padding:1em 0;}
#article_cont img{max-width:1000px;}
#article_cont td.imgcaption {padding-bottom:1em;}

#kcopy { width:1000px; border-top:1px solid #ddd; margin:0; padding: 20px 0; position:relative; margin: 0 auto 0;height: 50px; font-size: .8em }
#kcopy .klogo { display: inline-block; float: left; width: 20%; padding-top: 10px; text-align:center;}
#kcopy .kaddr { display: inline-block; float: left; width: 80%; padding-top: 10px; height: 50px; text-align:center;}

@media screen and (max-width:640px) {
	#head {background-size:50% 100%; }
	#head_wrap{width:auto; height:auto;background-size:contain;}
	#himg img{position:relative;height:140px;top:4px;}	
	h1#logo a{position:absolute; left:0; display:block; margin:0; padding:5px;}
	h1#logo a img{width:80%;}
	#cont {width:96%; margin:16px 0 0; padding:2%;}
	.detail{display:inline-block;background:orange;padding:5px 10px;font-size:.8em;color:#fff;margin-left:10px;cursor:pointer;}

	#tprev {padding:.5em 0;}
	#tprev h2 {margin:0; padding:10px; font-size: 1.2em; }
	#tprev .detailview {display:none;}
	#tprev p {padding:10px 20px;text-align:justify;}

	#canaly {padding:.5em 0;}
	#canaly h2 {margin:0; padding:10px; font-size: 1.2em;}
	#canaly .detailview {display:none;}
	#canaly p {padding:10px 20px;text-align:justify;}

	#article_cont table{width:100%;clear:both;}
	#article_head .subject h1 { font-weight: bold; font-size: 1.6em; line-height: 150%; letter-spacing: -2px; }

	#article_cont img{width:100%;}
	#kcopy { width:91%; border-top:1px solid #ddd; margin:0; padding: 10px 4%; position:relative; margin: 0 auto 0;font-size: .8em }
	#kcopy img { width:80%;}
}

table.t_left{width:auto;margin-right:1em;}
table.t_right{width:auto;margin-left:1em;}

/*#livereContainer{clear:both;float:left;width:610px;margin:20px 30px;}*/


/* even-grid 20151109~. 20180208.
 * .column ÀÌ inline-block ÀÎ ÀÌÀ¯´Â °¡·ÎÁß¾ÓÁ¤·Ä À§ÇØ¼­´Ù. ´Ü, ÀüÃ¼ ³ÊºñÇÕÀº .even-grid ³Êºñº¸´Ù ÄÃ·³ °³¼öpx ¸¸Å­ ÀÛÀ» ¼ö ÀÖ´Ù.
 * .float-left ÇÏ¸é .even-grid ³Êºñ¿¡ µü ¸ÂÃâ ¼ö ÀÖ´Ù.
 * [CR] .even-grid>.column> ÀÚ½Ä ¿ä¼ÒÀÇ »óÇÏ ¿©¹éÀÌ Á¤¼ö°¡ ¾Æ´Ï¸é 1px ¿ÀÂ÷ ¹ß»ýÇÒ ¼ö ÀÖ´Ù.
 * ÆÛ¼¾Æ® °íµµÈ­
 * .gap2px ~ .gap50px Ãß°¡
 * .gap1666pct .gap25pct .gap333pct .gap416pct Ãß°¡
 * Task)
 */
.even-grid{list-style:none;
	box-sizing:border-box; /* ¡Ù [IE8+] */
	min-height:0;
	margin:1% -1%; /* (vertical gap) -(space between) */
	padding:0;
}
.even-grid:before,
.even-grid:after{content:'';display:table;clear:both;}
/* column */
.even-grid>.column{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ¡Ù [IE8+] */
	width:100%; /* ¡Ù */
	margin:0 -.25em 0 0;
	padding:1%;
	vertical-align:top;
}
.even-grid.float-left{} /* float 20170110~ */
.even-grid.float-left>.column{float:left;margin:0;}
/* gap */
.even-grid.gap1pct{margin:.5% -.5%;}
.even-grid.gap1666pct{margin:.833% -.833%;} /* (20/1200)=(6/360) */
.even-grid.gap2pct{margin:1% -1%;}
.even-grid.gap25pct{margin:1.25% -1.25%;} /* (30/1200)=(9/360) */
.even-grid.gap3pct{margin:1.5% -1.5%;}
.even-grid.gap333pct{margin:1.666% -1.666%;} /* (40/1200)=(12/360) */
.even-grid.gap4pct{margin:2% -2%;}
.even-grid.gap416pct{margin:2.083% -2.083%;} /* (50/1200)=(15/360) */
.even-grid.gap5pct{margin:2.5% -2.5%;} /* (60/1200)=(18/360) */
.even-grid.gap6pct{margin:3% -3%;}
.even-grid.gap7pct{margin:3.5% -3.5%;}
.even-grid.gap8pct{margin:4% -4%;}
.even-grid.gap9pct{margin:4.5% -4.5%;}
.even-grid.gap10pct{margin:5% -5%;}
.even-grid.gap2px{margin:1px -1px;}
.even-grid.gap4px{margin:2px -2px;}
.even-grid.gap6px{margin:3px -3px;}
.even-grid.gap8px{margin:4px -4px;}
.even-grid.gap10px{margin:5px -5px;}
.even-grid.gap12px{margin:6px -6px;}
.even-grid.gap14px{margin:7px -7px;}
.even-grid.gap16px{margin:8px -8px;}
.even-grid.gap18px{margin:9px -9px;}
.even-grid.gap20px{margin:10px -10px;}
.even-grid.gap24px{margin:12px -12px;}
.even-grid.gap30px{margin:15px -15px;}
.even-grid.gap40px{margin:20px -20px;}
.even-grid.gap50px{margin:25px -25px;}
/* ¾Æ·¡ °è»ê ) .column ÀÌ flolat:left; ÀÏ ¶§ Á¤È®È÷ ÁÂ¿ì ¸ÂÃß·Á ¼Ò¼öÁ¡ ¿©¼¸Â° ÀÚ¸®¿¡¼­ ¿Ã¸²
	20170825. bug) [~IE11] .column ÀÌ Ã¢Æø¿¡ µû¶ó ±×¸®µå ¸ÇÁÂÃø .column 1px ¹þ¾î³² (¶Ç´Â »ç¶óÁü)
	))ÇØ°á) ¼Ò¼öÁ¡ ¼¼Â° ÀÚ¸®¿¡¼­ ¿Ã¸² (Á¶±Ý Å«°ªÀÌ¾î¾ß ÇÑ´Ù.)
 */
.even-grid.gap1pct>.column{padding:0.50%;} /* =.5*(100/(.5+100+.5)) */
.even-grid.gap1666pct>.column{padding:0.82%;} /* =.833*(100/(.833+100+.833)) */
.even-grid.gap2pct>.column{padding:0.99%;} /* =1*(100/(1+100+1)) */
.even-grid.gap25pct>.column{padding:1.22%;} /* =1.25*(100/(1.25+100+1.25)) */
.even-grid.gap3pct>.column{padding:1.46%;} /* =1.5*(100/(1.5+100+1.5)) */
.even-grid.gap333pct>.column{padding:1.62%;} /* =1.666*(100/(1.666+100+1.666)) */
.even-grid.gap4pct>.column{padding:1.93%;} /* =2*(100/(2+100+2)) */
.even-grid.gap416pct>.column{padding:2.00%;} /* =2.083*(100/(2.083+100+2.083)) */
.even-grid.gap5pct>.column{padding:2.39%;} /* =2.5*(100/(2.5+100+2.5)) */
.even-grid.gap6pct>.column{padding:2.84%;} /* =3*(100/(3+100+3)) */
.even-grid.gap7pct>.column{padding:3.28%;} /* =3.5*(100/(3.5+100+3.5)) */
.even-grid.gap8pct>.column{padding:3.71%;} /* =4*(100/(4+100+4)) */
.even-grid.gap9pct>.column{padding:4.13%;} /* =4.5*(100/(4.5+100+4.5)) */
.even-grid.gap10pct>.column{padding:4.55%;} /* =5*(100/(5+100+5)) */
.even-grid.gap2px>.column{padding:1px;}
.even-grid.gap4px>.column{padding:2px;}
.even-grid.gap6px>.column{padding:3px;}
.even-grid.gap8px>.column{padding:4px;}
.even-grid.gap10px>.column{padding:5px;}
.even-grid.gap12px>.column{padding:6px;}
.even-grid.gap14px>.column{padding:7px;}
.even-grid.gap16px>.column{padding:8px;}
.even-grid.gap18px>.column{padding:9px;}
.even-grid.gap20px>.column{padding:10px;}
.even-grid.gap24px>.column{padding:12px;}
.even-grid.gap30px>.column{padding:15px;}
.even-grid.gap40px>.column{padding:20px;}
.even-grid.gap50px>.column{padding:25px;}
/* 20170623. 20170818 ( .vgap0 ¿Í .vgap00 ÀÌ¿Ü´Â ºÒÇÊ¿äÇÏ¸é Á¤¸®ÇÏÀÚ ) */
.even-grid.vgap0{margin-top:0;margin-bottom:0;}
.even-grid.vgap00{margin-top:0;margin-bottom:0;}
	.even-grid.vgap00>.column{padding-top:0;padding-bottom:0;}
.even-grid.vgap1pct{margin-top:.5%;margin-bottom:.5%;}
.even-grid.vgap2pct{margin-top:1%;margin-bottom:1%;}
.even-grid.vgap3pct{margin-top:1.5%;margin-bottom:1.5%;}
.even-grid.vgap4pct{margin-top:2%;margin-bottom:2%;}
.even-grid.vgap5pct{margin-top:2.5%;margin-bottom:2.5%;}
.even-grid.vgap6pct{margin-top:3%;margin-bottom:3%;}
.even-grid.vgap7pct{margin-top:3.5%;margin-bottom:3.5%;}
.even-grid.vgap8pct{margin-top:4%;margin-bottom:4%;}
.even-grid.vgap9pct{margin-top:4.5%;margin-bottom:4.5%;}
.even-grid.vgap10pct{margin-top:5%;margin-bottom:5%;}
.even-grid.vgap2px{margin-top:1px;margin-bottom:1px;}
.even-grid.vgap4px{margin-top:2px;margin-bottom:2px;}
.even-grid.vgap6px{margin-top:3px;margin-bottom:3px;}
.even-grid.vgap8px{margin-top:4px;margin-bottom:4px;}
.even-grid.vgap10px{margin-top:5px;margin-bottom:5px;}
.even-grid.vgap12px{margin-top:6px;margin-bottom:6px;}
.even-grid.vgap14px{margin-top:7px;margin-bottom:7px;}
.even-grid.vgap16px{margin-top:8px;margin-bottom:8px;}
.even-grid.vgap18px{margin-top:9px;margin-bottom:9px;}
.even-grid.vgap20px{margin-top:10px;margin-bottom:10px;}
.even-grid.vgap30px{margin-top:15px;margin-bottom:15px;}
.even-grid.vgap40px{margin-top:20px;margin-bottom:20px;}
.even-grid.vgap50px{margin-top:25px;margin-bottom:25px;}
/* collapse */
.even-grid.gap0,
.even-grid.collapse{margin:0;}
.even-grid.gap0>.column,
.even-grid.collapse>.column{padding:0;}
/* space-around */
.even-grid.mg0{margin:0;}
.even-grid.mgl{margin-left:0;}
.even-grid.mgr{margin-right:0;}
/* Nested */
.even-grid>.even-grid{margin:0;}
.even-grid>.even-grid>.column{padding-top:0;padding-bottom:0;}
.even-grid>.column>.even-grid{margin-top:0;margin-bottom:0;}
.even-grid>.column>.even-grid>.column{padding-top:0;padding-bottom:0;}
/* small~xlarge */
	/* (±Õµî evenmix-) */
	.even-grid[class*='evenmix-1']>.column{width:100%;}
	.even-grid[class*='evenmix-2']>.column{width:50%;}
	.even-grid[class*='evenmix-3']>.column{width:33.33333%;}
	.even-grid[class*='evenmix-4']>.column{width:25%;}
	.even-grid[class*='evenmix-5']>.column{width:20%;}
	.even-grid[class*='evenmix-6']>.column{width:16.66667%;}
	/* (each) */
	.even-grid>.column.small-1{width:8.33333%;}
	.even-grid>.column.small-2{width:16.66667%;}
	.even-grid>.column.small-3{width:25%;}
	.even-grid>.column.small-4{width:33.33333%;}
	.even-grid>.column.small-5{width:41.66667%;}
	.even-grid>.column.small-6{width:50%;}
	.even-grid>.column.small-7{width:58.33333%;}
	.even-grid>.column.small-8{width:66.66667%;}
	.even-grid>.column.small-9{width:75%;}
	.even-grid>.column.small-10{width:83.33333%;}
	.even-grid>.column.small-11{width:91.66667%;}
	.even-grid>.column.small-12{width:100%;}
@media all and (min-width:640px){ /* medium 20170413 ((( 768px */
	.even-grid[class*='evenmix-12']>.column,
	.even-grid[class*='evenmix-22']>.column{width:50%;}
	.even-grid[class*='evenmix-13']>.column,
	.even-grid[class*='evenmix-23']>.column{width:33.33333%;}
	.even-grid[class*='evenmix-14']>.column,
	.even-grid[class*='evenmix-24']>.column{width:25%;}
	.even-grid[class*='evenmix-35']>.column{width:20%;}
	.even-grid[class*='evenmix-36']>.column{width:16.66667%;}
	/* (each) */
	.even-grid>.column.medium-1{width:8.33333%;}
	.even-grid>.column.medium-2{width:16.66667%;}
	.even-grid>.column.medium-3{width:25%;}
	.even-grid>.column.medium-4{width:33.33333%;}
	.even-grid>.column.medium-5{width:41.66667%;}
	.even-grid>.column.medium-6{width:50%;}
	.even-grid>.column.medium-7{width:58.33333%;}
	.even-grid>.column.medium-8{width:66.66667%;}
	.even-grid>.column.medium-9{width:75%;}
	.even-grid>.column.medium-10{width:83.33333%;}
	.even-grid>.column.medium-11{width:91.66667%;}
	.even-grid>.column.medium-12{width:100%;}
}
@media all and (min-width:1000px){ /* large */
	.even-grid[class*='evenmix-123']>.column,
	.even-grid[class*='evenmix-223']>.column{width:33.33333%;}
	.even-grid[class*='evenmix-124']>.column,
	.even-grid[class*='evenmix-234']>.column{width:24.9%;}
	.even-grid[class*='evenmix-135']>.column,
	.even-grid[class*='evenmix-235']>.column{width:20%;}
	.even-grid[class*='evenmix-236']>.column,
	.even-grid[class*='evenmix-246']>.column{width:16.66667%;}
	/* (each) */
	.even-grid>.column.large-1{width:8.33333%;}
	.even-grid>.column.large-2{width:16.66667%;}
	.even-grid>.column.large-3{width:25%;}
	.even-grid>.column.large-4{width:33.33333%;}
	.even-grid>.column.large-5{width:41.66667%;}
	.even-grid>.column.large-6{width:50%;}
	.even-grid>.column.large-7{width:58.33333%;}
	.even-grid>.column.large-8{width:66.66667%;}
	.even-grid>.column.large-9{width:75%;}
	.even-grid>.column.large-10{width:83.33333%;}
	.even-grid>.column.large-11{width:91.66667%;}
	.even-grid>.column.large-12{width:100%;}
}
@media all and (min-width:1260px){ /* xlarge */
	.even-grid[class*='evenmix-1234']>.column{width:25%;}
	.even-grid[class*='evenmix-2345']>.column{width:20%;}
	.even-grid[class*='evenmix-2346']>.column{width:16.66667%;}
	.even-grid[class*='evenmix-1246']>.column{width:16.66667%;}
	.even-grid[class*='evenmix-1357']>.column{width:14.285%;} /* ¡Ù */
	.even-grid[class*='evenmix-2468']>.column{width:12.5%;}
	/* (each) */
	.even-grid>.column.xlarge-1{width:8.33333%;}
	.even-grid>.column.xlarge-2{width:16.66667%;}
	.even-grid>.column.xlarge-3{width:25%;}
	.even-grid>.column.xlarge-4{width:33.33333%;}
	.even-grid>.column.xlarge-5{width:41.66667%;}
	.even-grid>.column.xlarge-6{width:50%;}
	.even-grid>.column.xlarge-7{width:58.33333%;}
	.even-grid>.column.xlarge-8{width:66.66667%;}
	.even-grid>.column.xlarge-9{width:75%;}
	.even-grid>.column.xlarge-10{width:83.33333%;}
	.even-grid>.column.xlarge-11{width:91.66667%;}
	.even-grid>.column.xlarge-12{width:100%;}
}





/* gallery1photo1*/
#gallery1photo1{margin:0 0 1.5em;border-top:1px solid #eee;line-height:1.375;overflow:hidden;}
#gallery1photo1 .a1{display:block;overflow:hidden;
	text-decoration:none;
}
/* ³ôÀÌ°¡º¯. */
#gallery1photo1 .a1 .f1{display:block;position:relative;
	margin:0 0 .75em;
	overflow:hidden; 
}
#gallery1photo1 .a1 .f1 img{display:block;position:relative;width:100%;height:auto;
	transition:.2s;
}
/* ³ôÀÌ°íÁ¤ */
#gallery1photo1.fixed-ratio{padding-bottom:0;}
/* ¼¼·ÎÀß¸² */
#gallery1photo1.fixed-ratio .a1 .f1{padding-bottom:66.666%;} /* =2/3 */
#gallery1photo1.fixed-ratio .a1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
#gallery1photo1.fixed-ratio .a1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;}
/* °¡·ÎÀß¸² */
#gallery1photo1.fixed-ratio.tall .a1 .f1{padding-bottom:100%;} /* =1/1 */
#gallery1photo1.fixed-ratio.tall .a1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;height:100%;overflow:hidden;}
#gallery1photo1.fixed-ratio.tall .a1 .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:0 auto;}
/* Á¾È¾ºñ */
#gallery1photo1.fixed-ratio.ratio16by9 .a1 .f1{padding-bottom:56.25%;} /* =9/16 poll */
#gallery1photo1.fixed-ratio.ratio1by1 .a1 .f1{padding-bottom:100%;} /* =9/16 object */
#gallery1photo1.fixed-ratio.ratio7by10 .a1 .f1{padding-bottom:142.857%;} /* =10/7 poster */
/* ±Û */
#gallery1photo1 .a1 .text1{display:block;overflow:hidden;}
#gallery1photo1 .a1 .t1{display:block;position:relative;
	max-height:4.125em; /* 1.375em * 3 */
	margin:0 0 .375em;
	color:#666;
	font-weight:500;
	overflow:hidden;
}
#gallery1photo1 .a1 .t1:after{
	content:'¡¦';display:block;position:absolute;right:0;bottom:0;width:3em;height:1.375em;overflow:hidden;text-indent:-9999px;
	/*background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);*/
}
#gallery1photo1 .a1 .wrap1t2{float:left;
	margin:0 0 .5em -.6em;
	font-size:.875em;
}

/* effect */
/*#gallery1photo1 .a1:hover .f1 img,
#gallery1photo1 .a1:focus .f1 img{
	transform:scale(1.1);
}*/

