/* contents*/
article{ clear:both; background-color:#f9f9f9;}
article .article{ clear:both; background-color:#f9f9f9;}
article #contents{ overflow:hidden; width:1100px; margin:0 auto; padding:10px 0;}
article #contents .con{ border:1px solid #e2e2e2; box-sizing:border-box; height:220px; margin-bottom:10px; padding:25px;
	position: relative;}
article #contents h3{margin-bottom:10px;}
article #contents h3 a{font-size:16px; font-weight:900; color:#000; }
article #contents a.more{ display:block; width:25px; height:25px; box-sizing: border-box;
	text-indent:-1000px; overflow:hidden; position:absolute; top:15px; right:15px;}
article #contents a.more1{ border:1px solid #e2e2e2; background: url(../images/btn_plus1.png) center no-repeat;}
article #contents a.more2{ border:1px solid #fff; background: url(../images/btn_plus2.png) center no-repeat;}
article #contents a.btn_shortcut { display:block; width:200px; height:40px; border:1px solid #e2e2e2; box-sizing: border-box;
	position:absolute; bottom:25px; left:25px; font-weight:900; line-height:40px; padding:0 15px;}

	/* left*/
	article #contents .leftcon{float:left; width:250px;}
	article #contents .leftcon .left1{background:url(../images/bg_left1.jpg) center no-repeat;}
		article #contents .leftcon .left1 p{color:#666;}
	article #contents .leftcon .left2{background:url(../images/bg_left2.jpg) center no-repeat;}
		article #contents .leftcon .left2 p{color:#333;}
	article #contents .leftcon .left3{ background:url(../images/bg_left3.jpg) center no-repeat; margin-bottom:0; }
		article #contents .leftcon .left3 h3{ font-size:16px; font-weight:900; color:#fff;}
		article #contents .leftcon .left3 strong{display:block; height:30px; background: url(../images/ico_tel.png) left center no-repeat;
			font-size:22px; font-weight:900; color:#fff; line-height:30px; padding-left:38px; margin: 10px 0;}
		article #contents .leftcon .left3 p{ color:#97cffe;}
		article #contents .leftcon .left3 a.shortcut1{color:#093e9f; background:url(../images/ico_arrow1.png) 180px center no-repeat #fff;
			font-family:'Nanum Gothic', sans-serif; letter-spacing:-0.04em;}

	/*main*/
	article #contents .main{ float:left; margin:0 10px; width:578px; overflow:hidden;
		border:1px solid #e2e2e2; position:relative; }
	article #contents .main .gallery{ width:578px; height:678px; position:relative; left:50%; top:0; margin-left:-289px;}
	article #contents .main .gallery ul{ width:1734px; overflow:hidden; position:relative; top:0; left:0;}
	article #contents .main .gallery ul li{ float:left;}

	article #contents .main .dock{}
	article #contents .main .dock span{}

	article #contents .main .dock span.btn1{}
	article #contents .main .dock span.btn2{}
	article #contents .main .dock span.btn3{}
	article #contents .main .dock span.btn_bar{}
	article #contents .main .dock span.play{}
	article #contents .main .dock span.stop{}

	img{border:0;}


	/*right*/
	article #contents .rightcon{float:right; width:250px;}
	article #contents .rightcon .right1{background:url(../images/bg_right1.jpg) center no-repeat;}
		article #contents .rightcon .right1 p{color:#666;}
	article #contents .rightcon .right2{ background-color:#fff; }
		article #contents .rightcon .right2 h3{ margin-bottom:20px; }
		article #contents .rightcon .right2 li{ line-height:18px; margin-bottom:8px;}
		article #contents .rightcon .right2 li span{ font-size: 10px; color:#c3c3c3;}
	article #contents .rightcon .right3{ background-color:#04b3fc; margin-bottom:0; }
		article #contents .rightcon .right3 h3{ font-size:16px; font-weight:900; margin-bottom:5px; color:#fff;}
		article #contents .rightcon .right3 strong{ display:block; height:52px; background: url(../images/ico_folder.png) left center no-repeat;
			font-weight:400; font-size:18px; color:#fff; line-height: 26px; padding-left:65px; margin: 10px 0;}
		article #contents .rightcon .right3 a.shortcut2{color:#0387db; background:url(../images/ico_arrow2.png) 180px center no-repeat #fff;
			font-family:'Nanum Gothic', sans-serif; letter-spacing:-0.04em;}