@charset "euc-kr";
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }


body, div, span,
h1, h2, h3, p,
a,
img, strong,
ol, ul, li
{
	font-family: 'Noto Sans KR', sans-serif;
	margin: 0;
	padding: 0;
	line-height:1.3;
	outline:none;
	color:#353534;
}
textarea, input{font-family: 'Noto Sans KR', sans-serif;}


body {
	-webkit-text-size-adjust: none;
}
ol, ul {
	list-style: none;
}
img{
	outline:none;
	border-width:0;
}
#whatpage{
	width:0;
	height:0;
	font-size:0;
	position:absolute;
	left:-9999px;
}
.hide{
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	position:absolute;
	left:-9999px;
}
/*main*/
body{
	position:relative;
	min-width:800px;
	margin:0 auto;
}
#h{
	position:relative;
	height:100px;
	background-color:#fff;
	overflow:hidden;
	z-index:99999999999999;
}
#h>a{
	display:block;
	height:100px;
	border:0;

}
#h>.tel{position:absolute;float:right; left:0;}
#h>.logo{width:232px;margin:15px auto;}
#h>.nav-btn{
	display:block;
	float:left;width:100px;height:100px;
	background:url(../img/common/top_menu_btn.png) no-repeat 0 0;
}
#h:after { content: ""; height: 0; display: block; clear: both;}

#main_vs_wrap{
	clear:both; 
	width:800px;
	margin:0 auto;
}
/*
#main_vs_wrap ul.vs2{
	width:800px;
	height:460px;
}
#main_vs_wrap ul.vs2 li{
	float:left;
	height:460px;
	background-repeat:no-repeat;
	background-position:0 0;
	}
#main_vs_wrap ul.vs2 li p{
	text-align:center;
	font-size:36px;
	color:#fff;
	font-weight:700;
	line-height:45px;
	}
#main_vs_wrap ul.vs2 li a.btn{
	display:block;
	width:170px;
	height:55px;
	border:1px solid #fff;
	text-align:center;
	line-height:2.2;
	font-size:25px;
	color:#fff;
	margin:0 auto;
	text-decoration:none;
	}
*/
/*À̺¥Æ®
.main_event{
  position:relative;
  overflow:hidden;
  width:800px;
  height:250px;
  padding:0 !important;
  margin:0 !important;
}
.main_event .con{
  position:relative;
  width:9999px;
}
.main_event .con li{
  float:left;
  width:800px;
}
.main_event .ctr{
	text-align:center;
	width:800px;
	position:absolute;
	top:11px;
}
.main_event .ctr li{
  display:inline-block;
  margin-right:15px;
  width:30px;
  height:30px;
  background:#fff;
  text-indent:-9999px;
  border-radius:12.5px;
  cursor:pointer;
}
.main_event .ctr .now{
	background:#188dcf;
}
.main_event .ctr .last{

}
À̺¥Æ® ³¡*/	
.main_vs1{
  position:relative;
  overflow:hidden;
  width:800px;
  height:450px;
  padding:0 !important;
  margin:0 !important;
}
.main_vs1 .con{
  position:relative;
  width:9999px;
}
.main_vs1 .con li{
  float:left;
  width:800px;/**/
}
.main_vs1 .ctr{
	text-align:center;
	width:800px;
	position:absolute;
	bottom:20px;
}
.main_vs1 .ctr li{
  display:inline-block;
  margin-right:15px;
  width:30px;
  height:30px;
  background:#fff;
  text-indent:-9999px;
  border-radius:12.5px;
  cursor:pointer;
}
.main_vs1 .ctr .now{
	background:#188dcf;
}
.main_vs1 .ctr .last{

}
.main_vs1 .prevnext .prev,
.main_vs1 .prevnext .next{
  position:absolute;
  top:40%;
  background:red;
  padding:0 10px;
  cursor:pointer;
  width:47px;
  height:91px;
}
.main_vs1 .prevnext .prev{left:10px;background:url(../img/ctr-prev.png) no-repeat 0 0;}
.main_vs1 .prevnext .prev:active{background-position:0 -100px;}
.main_vs1 .prevnext .next{right:10px;background:url(../img/ctr-next.png) no-repeat 0 0;}
.main_vs1 .prevnext .next:active{background-position:0 -100px;}
	
	
	
	
.row4_youtube {
	position:relative;
	width:780px;
	margin-bottom:80px; 
	border:0px solid red;
	text-align:center;
	margin:0 auto;
	padding-bottom:80px;
	}
.row4_youtube p.title{
	text-align:center;
	height:50px;
	padding-top:50px;
	line-height:1;
	letter-spacing:-0.05em;
	font-size:50px;
	font-weight:bold;
	border-bottom:0px solid red;
	margin-bottom:0px;
	}
.row4_youtube a.youtube_btn{
	display:inline-block;
	margin:30px 20px 30px auto;
	width:200px;
	height:50px;
	background:#0066c1;
	border-radius:100px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:20px;
	line-height:2.3;
	overflow:hidden;
	z-index:999999999;
	}
.row4_youtube a.youtube_btn2{
	display:inline-block;
	margin:30px auto  30px auto;
	width:200px;
	height:50px;
	background:#ff121a;
	border-radius:100px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:20px;
	line-height:2.3;
	overflow:hidden;
	}	
	

/*º´¿øµÑ·¯º¸±â*/
.mov_list{
	position:relative;
	width:750px;
	height:900px;
	margin:0 auto;
	border:0px solid red;
}
.mov_list .con iframe{
	display:block;
	float:left;
	width:746px;
	height:420px;
	margin:0;
	padding:0;
}
.mov_list .ctr-dir{		
	margin-top:20px;
	position:relative;	
	width:750px;
	height:560px;
	overflow:hidden;
}
.mov_list .ctr-dir .gbtn .prev,
.mov_list .ctr-dir .gbtn .next{
	z-index:9999;
	position:absolute;top:0px;
	width:40px;
	height:109px;
	cursor:pointer;
}
.mov_list .ctr-dir .gbtn .prev{left:0;background:url(../09_cleaneye/img/gall-prev.png) no-repeat 0 -119px;}	
.mov_list .ctr-dir .gbtn .next{right:0;background:url(../09_cleaneye/img/gall-next.png) no-repeat 0 -119px;}	
.mov_list .ctr-dir .gbtn .prev:hover,
.mov_list .ctr-dir .gbtn .next:hover{
	background-position:0 -10px;
}		
.mov_list .train{
	position:relaite;
	width:750px;
	height:450px;
	overflow:hidden;
	border:0px solid red;
	margin:20px auto;
}	

.mov_list .train li{
	width:230px;
	height:220px;
	float:left;	
	border-bottom:0px solid red;
	margin-right:30px;
	font-size:20px;
	line-height:1.4;
	text-align:left;
	margin-bottom:20px;
	cursor:pointer;
	overflow:hidden;
}	
.mov_list .train li:nth-child(3),
.mov_list .train li:nth-child(6),
.mov_list .train li:nth-child(9){
	margin-right:0;
	}
	
.mov_list .train .partition{
	overflow:hidden;
	width:400px;
	float:left;
}	
.mov_list .train img{
	display:block;
	width:230px;
	height:129px;	
	margin-bottom:8px;
}



	

#footer_kakao{
	clear:both; 
	width:800px;
	margin:0 auto;
	height:100px;
	}
#footer_kakao li{
	float:left;
	height:100px;
	}

#footer_quick{
	clear:both; 
	width:800px;	
	height:180px;
	margin:0 auto;
	border-top:1px solid #868f96;
	border-bottom:1px solid #868f96;
	overflow:hidden;
	}
#footer_quick li{
	float:left;
	width:199px;
	height:180px;
	border-right:1px solid #868f96;
	background-color:#f1f1f1;
	
	}
#footer_quick li:last-child{
	width:200px;
	border-right:0px
	}
#footer_quick li a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	font-size:22px;
	font-weight:700;
	line-height:12;
	background-position:50% 20px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#0d202e;
	}

#footer {
	clear:both;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	font-size:20px;
	text-align:center;
	line-height:30px;
	}
	
/*SUB*/
#sub_navi{
	position: relative;
	width: 800px;
	height: 65px;
	background-color:#188dcf;
	margin:0 auto;
}

#sub_navi .sub-menu-toggle{
	position:absolute;
	background:#282e38;
	height:65px;
	width:69px;	
	left:0;
	cursor:pointer;
}
#sub_navi .sub-menu-toggle.now{
	background:#092940;
}

#sub_navi .sub-menu{
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0;
	width:300px;
	background:#24a4ff;
	z-index:9999;
}
#sub_navi .sub-menu li{
	border-top:1px solid #9ac6d4;
}
#sub_navi .sub-menu li a{
	display:block;
	padding:13px 0 13px 10px;
	color:#fff;
	text-decoration:none;
	font-size:22px;
}
.brd{
	position:absolute;
	top:12px;
	left:85px;
	color:#fff;
	 margin:0 auto;
	 font-size:22px;
}

.brd span{
	margin-left:10px; margin-top:5px; float:left;color:#fff;
}

.brd .no{
	margin-left:0px;
}

#topimg {
	width:800px;height:400px;
	margin:0 auto;
	background-position:0;
	background-repeat:no-repeat;
	overflow:hidden;
	}
	
#topimg p.title{
	font-size:75px;
	text-align:center;
	margin-top:70px;
	margin-bottom:38px;
	color:#fff;
	}
/*
#topimg p.title{
	font-size:75px;
	text-align:left;
	padding-left:25px;
	margin-top:70px;
	margin-bottom:40px;
	color:#fff;
	}	
*/	

#topimg p.title2{
	font-size:75px;
	text-align:right;
	padding-right:25px;
	margin-top:70px;
	margin-bottom:40px;
	color:#fff;
	}	
	
#topimg p.bar{
	width:276px;
	height:3px;
	background:#fff;
	margin-left:261px;
	margin-bottom:40px;
	}

#topimg p.bar2{
	width:65px;
	height:3px;
	background:#fff;
	margin-left:709px;
	margin-bottom:40px;
	}
	
#topimg p.point{
	font-size:30px;
	color:#fff;
	line-height:38px;
	text-align:center;	
	}
#topimg p.point2{
	font-size:30px;
	color:#fe8e44;
	line-height:40px;
	text-align:center;
	}	
	
	
#snb-wrap{
	width:800px;
	height:auto;
	margin:15px auto;
	border:0px solid red;
}
#snb-wrap .snb {
	margin-left:15px;
	margin-bottom:10px;
	}
#snb-wrap .snb .d1{
	float:left;
	height:60px;
	text-align:center;	
	margin-bottom:10px;
}
#snb-wrap .snb .d1>.tit{
	display:block;
	width:238px;
	height:60px;
	color:#61a2d3;
	text-decoration:none;
	cursor:pointer;
	font-size:20px;
	line-height:3.2;
	font-weight:normal;
	border:1px solid #61a2d3;
	margin-right:15px;
	
}
#snb-wrap .snb .d1>.tit:hover{
	color:#61a2d3;
}
#snb-wrap .snb .d1>.tit.now{
	color:#fff;
	background:#61a2d3;
}
#snb-wrap .snb .d1:first-child{padding-left:0px;}
#snb-wrap .snb .d1:last-child{padding-right:0px;}

#sub_con{
	clear:both;
	width:800px;
	margin:0 auto;
	}
#sub_con p{
	margin 0;
	padding:0;
	border:0;
	}

#sub_con p img{
	margin:0;
	border:0;
	padding:0;
	}
#sub_con p.board_title{
	text-align:center;
	font-size:50px;
	color:#0c1f2d;
	font-weight:bold;
	margin:15px auto;
	}
/*	
#medi_wrap {width:720px; height:auto; margin: 0 auto; border:1px solid #ccc; margin-bottom: 50px;}

.d-table-l{
	width:95%;
	margin:0 auto;
	table-layout:fixed;
	text-align:center;
	color:#1a1e28;
	font-size: 12px;
}
caption{
	text-align:left;
	font-weight:600;
}
.d-table-l thead th{
	height:40px;
	border-top:1px solid #bdc1c3;
	border-bottom:1px solid #bdc1c3;
	border-right:1px solid #bdc1c3;
	vertical-align:middle;
	background:#f9f9f9;
}

.d-table-l thead th.last{
	border-right:0px;
}
.d-table-l thead th.top{
	border-top:3px solid #000;
}
.d-table-l tbody td{
	
	border-right:1px solid #cccccc;
	vertical-align:middle;
	padding:8px;
}
 
.d-table-l tbody td.remark{
	background:#f9f9f9;
	font-weight:700;
}
.d-table-l tbody td.cen{
	text-align:center;
	border-bottom:1px solid #ccc;
}
.d-table-l tbody td.right{
	text-align:right;
}
.d-table-l tbody td.left{
	text-align:left;
}
.d-table-l tbody td.last{
	border-right:0;
}	
*/



.content_wrap { clear:both; width:760px; margin: 0 auto; margin-top:15px; margin-bottom:50px; }
.table_wrap { overflow:hidden; }


/***** table *****/
.table_default { width:100%; border-top:3px solid #80c9ff; }
.table_default { border-left:1px solid #d7d7d7; table-layout:inherit;}
.table_default thead th { background:#f4f6f6; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; height:30px; padding:5px 0; font-size:14px; }
.table_default tbody th { background:#f4f6f6; font-size:14px; }
.table_default tbody th, 
.table_default tbody td { padding:10px 0; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.table_default tbody td { padding:10px; background:#fff; text-align:center; word-break:break-all; letter-spacing:-0.8px; font-size: 14px;}


/***** paging *****/
.paging { width:520px; margin:auto; margin-top:30px; margin-bottom:30px; text-align:center; }
.paging td { width:29px; height:29px; text-align:center; }
.paging a { display:inline-block; width:27px; height:27px; line-height:27px; border:1px solid #d7d7d7; border-radius:3px; font-size:13px; vertical-align:middle; }
.paging a:hover { background:#f8f8f8; }
.paging a.on { border-color:#1665bc; background:#1665bc; font-weight:700; color:#fff; }
.paging .btn_all { overflow:hidden; display:inline-block; width:29px; height:29px; margin-right:0; padding:0; border:0; }
.paging .btn_all:hover img { margin-top:-29px; }
.paging .btn_pre {display:inline-block; width:29px; height:29px; padding:0; border:0; background:url(../images/btn_pager_prv.gif) no-repeat 0 0; background-size:100%; font-size:0; line-height:0; text-indent:-10000%;}
.paging .btn_pre:hover {background:url(../images/btn_pager_prv.gif) no-repeat 0 -29px;}
.paging .btn_next {display:inline-block; width:29px; height:29px; padding:0; border:0; background:url(../images/btn_pager_nxt.gif) no-repeat 0 0; background-size:100%; font-size:0; line-height:0; text-indent:-10000%;}
.paging .btn_next:hover {background:url(../images/btn_pager_nxt.gif) no-repeat 0 -29px;}
.paging img {width:100%;}


/***** Button *****/
button { border:none; cursor:pointer; border-radius:3px;
    display:inline-block; vertical-align:middle!important;
    width:200px; height:35px; line-height:30px; box-sizing:border-box;
    font-size:14px; font-weight:bold; color:#fff; }
.btn_center { text-align:center!important; margin-top:30px; }
.btn_more { background-color:#1665BC; }



.d-table-l{
	width:779px;
	margin:0 auto;
	table-layout:fixed;
	text-align:center;
	color:#1a1e28;
	font-size: 12px;
}
caption{
	text-align:center;
	font-weight:600;
	font-size: 16px;
	padding: 15px 0;
	background:#f9f9f9;
}
.d-table-l thead th{
	height:40px;
	
	border-bottom:1px solid #bdc1c3;
	border-right:1px solid #bdc1c3;
	vertical-align:middle;
	background:#f9f9f9;
}

.d-table-l thead th.last{
	border-right:0px;
}
.d-table-l thead th.top{
	border-top:3px solid #bdc1c3;
	background: #ffedbd;
	color: #000;
	font-size: 14px;
	border-right: 1px solid #ccc;
}
.d-table-l thead th.menu{
	border-top:2px solid #bdc1c3;
	background:#f9f9f9;
	color:#333;
	font-size: 13px;
	border-right: 1px solid #ccc;
}
.d-table-l thead th.etc{
	border-bottom:1px solid #bdc1c3;
	background:#fff;
	color:#333;
	font-size: 12px;
	font-weight:200;
	border-right: 1px solid #ccc;
}
.d-table-l tbody td{
	
	border-right:1px solid #cccccc;
	vertical-align:middle;
	padding:2px;
}
 
.d-table-l tbody td.remark{
	background:#f9f9f9;
	font-weight:500;
}
.d-table-l tbody td.cen{
	text-align:center;
	border-bottom:1px solid #ccc;
}
.d-table-l tbody td.right{
	text-align:right;
}
.d-table-l tbody td.left{
	text-align:left;
}
.d-table-l tbody td.last{
	border-right:0;
}		

		


/*¸ÞÀÎ ·Ñ¸µ*/
.erk-cycle-v03{
	position:relative;
	margin:0 auto; text-align:center;  
	width:800px;
	height:250px;
}
.erk-cycle-v03 .con{
	z-index:10;
	width:800px;
	height:250px;
}
.erk-cycle-v03 .con .item{
	width:100%;
	height:100%;
	color:#fff;
	font-size:30px;
	text-indent:-9999px;
}
.erk-cycle-v03 .ctr-dir{
	z-index:10;
	position:absolute;
	left:0;
	bottom:5px;
	width:100%;
	text-align:center;

}
.erk-cycle-v03 .ctr-dir a{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:24px;
	height:24px;
	margin-right:10px;
	text-decoration:none;
	background:url(../img/main_dot2.png) no-repeat 0 0;
	text-indent:-9999px;
	*text-indent: 0;
	*font-size: 0;
	*line-height: 0;
}
.erk-cycle-v03 .ctr-dir a.activeSlide,
.erk-cycle-v03 .ctr-dir a:hover{
	background:url(../img/main_dot1.png) no-repeat 0 0;
}


/* ·Ñ¸µÆ˾÷  */
  .erk-cycle-v04{
  	position:relative;
  	width:400px;
  	height:500px;
  }
  .erk-cycle-v04 .con{
  	z-index:10;
  	height:100%;
  }
  .erk-cycle-v04 .con .item{
  	width:100%;
  	height:100%;
  	color:#fff;
  	font-size:30px;
  }
  .erk-cycle-v04 .ctr-dir{
  	z-index:10;
  	position:absolute;
  	left:0;
  	bottom:10px;
  	width:100%;
  	text-align:center;
  }
  .erk-cycle-v04 .ctr-dir a{
  	display:inline-block;
  	*display:inline;
  	zoom:1;
  	width:50px;
  	height:50px;
  	margin-right:5px;
  	background:#fff;
  	text-decoration:none;
  	text-indent:-9999px;
  	*text-indent: 0;
  	*font-size: 0;
  	*line-height: 0;
  }
  .erk-cycle-v04 .ctr-dir a.activeSlide,
  .erk-cycle-v04 .ctr-dir a:hover{
  	background:#333;
  }

/*  */
.ctr-dir-indi{
	z-index:10;
	position:absolute;
	left:120px;
	top:460px;
	width:100%;
	text-align:center;

}
.ctr-dir-indi p{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:20px;
	height:20px;
	margin-right:6px;
	text-decoration:none;
	cursor:pointer;
	color:#000;
	font-size:20px;
	line-height:2.3;
	background-color:#fff;
	border:1px solid #000;
	font-weight:700;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.ctr-dir-indi p.now,
.ctr-dir-indi p:hover{
	background:#9bdb24;
	color:#9bdb24;
	opacity:1;
	filter:alpha(opacity=100);
}








.row2 {position:relative; width:800px; height:230px; background:#d9d9d9; margin-bottom:30px; margin:0 auto;}
.row2 .title {position:absolute;left:25px;top:20px;width:550px;text-align:left;}
.row2 .title > em {font-size:18px; letter-spacing:-1px; font-style:normal; line-height:1.5;}
.row2 .title > span {font-size:35px; font-weight:bold; padding-left:15px; line-height:1.5;}
.row2 .go{position:absolute; right:30px; top:30px; width:100px; text-align:center; padding:10px 25px; background:#196dc3; color:#fff; text-decoration:none;}
.row2 .go:hover{ background:#0f467e; color:#fff;} 
.row2 .star{clear:both; margin-left:25px; padding-top:100px; color:#666}
.row2 .star li{float:left; width:180px; height:106px; margin-right:8px; margin-bottom:10px;}
.row2 .star img{width:180px; height:106px;}