@charset "euc-kr";


/*####################### Default  #######################*/
html, body, div, span, a, ul, li, dl, dt, dd, form, a {font-family:'Nanum Gothic', 'Gulim';}
th, td, th *, td *, input {font-family:'Nanum Gothic', 'Gulim';}

html, body, ul, li, dl, dt, dd, form, h1, h2, h1, h3, h4, h5, h6 {padding:0; margin:0}
ul, ol, li								{list-style:none; margin:0;}
td *, div *, li *, span *, p *	{vertical-align: middle;}

legend						    	{display:none;}
caption								{display:none;}

fieldset, img, hr	{border:none;}
img					{vertical-align: top; border:0px ;}
strong				{font-weight:bold;}


/* Link */
a:link,
a:visited	,
a:hover,
a:active	{font-size:13px; text-decoration:none; color:#555;}

a {selector-dummy: expression(this.hideFocus=true);} /* ÀÏ¹Ý ¸µÅ©Æ÷Ä¿½º °¨Ãß±â */
a,img {selector-dummy: expression(this.hideFocus=true);} /* ÀÌ¹ÌÁö¸Ê ¸µÅ©Æ÷Ä¿½º °¨Ãß±â */


/* Table */
/*table  		{border-collapse:collapse;}*/


/* From */
textarea	{border:1px solid #666666; padding:10px; border:1px solid #ccc}
select		{border:1px solid #bebebe; font-size:13px;}
input		{vertical-align: top; }


/* Img */
.png {_display:inline-block;}
.png img {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

/* etc */
.pointer {cursor:pointer;}
.hr {width:100%; margin-top:30px; height:25px; border-top:1px dotted #999}
.v {vertical-align:0;}
.ar {text-align:right;}
.fl {float:left;}
.fr {float:right;}
.block {display:block;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}

.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}

.pb20 {padding-bottom:20px !important;}

.red {font-size:15px; color:#c00 !important; vertical-align:0;}
.orange {font-size:15px; color:#f60 !important; vertical-align:0;}
.blue {font-size:15px; color:#08c !important; vertical-align:0;}
.black {font-size:15px; color:#000 !important; vertical-align:0}
.gray {font-size:15px; color:#999 !important; vertical-align:0;}
.green {font-size:15px; color:#690 !important; vertical-align:0;}
.violet {font-size:15px; color:#8733e0 !important; vertical-align:0;}
.no {font-size:13px; color:#fff !important; vertical-align:0; background-color:#333; border-radius:20px; width:23px; height:23px; text-align:center; display:inline-block;}



/*####################### common #######################*/
.inner {clear:both; width:1100px; min-width:1100px; height:auto; margin:0 auto;}
.relative {position:relative;}


/* header */
.header {clear:both; width:100%; min-width:1100px; height:36px; border-bottom:1px solid #eaeaea;}
.header > .inner > .left {float:left;}
.header > .inner > .left a {display:block; float:left; width:auto; height:36px; margin:0 0 0 -1px; padding:0 30px; font-size:13px; color:#777; font-weight:400; line-height:35px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.header > .inner > .right {float:right;}
.header > .inner > .right a {display:block; float:left; width:auto; height:13px; margin:10px 0 0 -1px; padding:0 10px; font-size:13px; color:#777; font-weight:400; line-height:13px; border-left:1px solid #cdcdcd;}
.header > .inner > .right a:first-child {border-left:none;}
.header > .inner > .right a img {margin-right:4px;}


/* top */
.top {clear:both; width:100%; height:88px;}

	.logo {float:left; padding-top:15px;}

	.search {position:relative; float:left; margin:15px 0 0 12px; width:365px; height:40px; border-bottom:4px solid #e2001a;}
	.search input {position:absolute; top:15px; left:12px; border:0px; width:330px; height:auto; font-size:14px; color:#777; font-weight:400;}
	.search img {position:absolute; top:0; right:0;}

	.tel {float:right; padding-top:20px;}


/* menu */
.menu {clear:both; width:100%; height:50px; background:url('../img/top_bg.jpg') repeat-x; }
.menu img {display:block; float:left;}


/* ÀüÃ¼ Ä«Å×°í¸® */
.panel {display:none; width:100%; min-width:1100px; position:absolute; z-index:20; top:175px; left:0; background:url('../img/mn_bg.png') repeat; text-align:center; vertical-align:top; padding-bottom:30px;}
.panel_inner {width:1100px; min-width:1100px; margin:0 auto; }

	.panel_inner ul {float:left; width:198px; vertical-align:top; margin-top:30px; margin-right:22px;}

	/*1Â÷ ºÐ·ù*/
	.panel_inner li:first-child {background-color:#fff; border-bottom:none; margin-bottom:10px; font-size:15px !important; border:none !important; border-radius:30px;}
	.panel_inner li:first-child a{display:block; width:100%; text-align:center; font-size:15px !important; font-weight:500 !important; color:#000;}
	.panel_inner li:first-child a:hover{color:#000;}

	/*2Â÷ ºÐ·ù*/
	.panel_inner li {clear:both; width:179px; margin:0 auto; overflow:hidden; border-top:1px dotted #fff; border-bottom:1px dotted #fff; margin-top:-1px; z-index:2; font-weight:500;}
	.panel_inner li a{display:block; width:100%; text-align:left; padding:8px 0; font-size:13px; text-decoration:none; color:#fff}
	.panel_inner li a:hover{color:#fff;}

	/*3Â÷ ºÐ·ù*/
	.panel_depth_third {border-top:1px dotted #fff !important; font-weight:500 !important;}
	.panel_depth_third a{text-align:left !important; color:#fff000 !important; }

	/*4Â÷ ºÐ·ù*/
	.panel_depth_fourth {border:0px dotted red !important;}
	.panel_depth_fourth a{text-align:left !important; color:#fff !important; padding:4px 0 8px 0 !important;  font-weight:300 !important;}


/* left */
.left_wrap {width:240px; text-align:left; float:left; vertical-align:top; margin: 0; padding:0 0 40px 0; overflow:hidden;}

	.submenu_title {clear:both; width:200px; height:106px; }
	.submenu {width:200px; padding-top:20px; padding-bottom:20px; background:url('../img/submenu_depth1_bg.jpg') repeat-y bottom left; border-bottom:1px solid #d9d9d9;}
	.submenu ul {width:160px; margin-left:20px;border-top:1px solid #e7e7e7;}


	/* ¼­ºê¸Þ´º */
	.depth1			{clear:both; width:160px; padding:10px 0; vertical-align:top; /*background:url('../img/submenu_depth1.jpg') repeat-y bottom left;*/ border-bottom:1px solid #e7e7e7;}
	.depth1_on		{clear:both; width:160px; padding:10px 0; vertical-align:top; background:url('../img/submenu_depth1_on.jpg') no-repeat center left; border-bottom:1px solid #e7e7e7;}

		a.depth_a:link,
		a.depth_a:visited,
		a.depth_a:active	{display:block; color:#333; font-weight:normal; font-size:14px; line-height: 18px; text-decoration:none; letter-spacing:0}
		a.depth_a:hover	{color:#f60; text-decoration:none}

		a.depth_a_on:link,
		a.depth_a_on:visited,
		a.depth_a_on:active {display:block; color:#f60; font-weight:normal; font-size:14px; line-height: 18px; text-decoration:none; letter-spacing:0}
		a.depth_a_on:hover	{color:#f60; text-decoration:none}

	.depth2			{clear:both; width:160px; height:auto; background:url('../img/submenu_depth2.jpg') repeat-y center left; overflow:hidden;}
	.depth2_on		{clear:both; width:160px; height:auto; background:url('../img/submenu_depth2_on.jpg') repeat-y center left; overflow:hidden;}

		a.depth_b:link,
		a.depth_b:visited,
		a.depth_b:active {display:inline-block; width:100%; padding:5px 0 5px 20px; color:#555; font-weight:normal; font-size:14px; text-decoration:none;}
		a.depth_b:hover {color:#08c; text-decoration:none}

		a.depth_b_on:link,
		a.depth_b_on:visited,
		a.depth_b_on:active {display:inline-block; width:100%; padding:5px 0 5px 20px; color:#08c; font-weight:normal; font-size:14px; text-decoration:none}
		a.depth_b_on:hover {color:#08c; text-decoration:none}


	/* ÁÂÃø ¹è³Ê */
	.left_banner {clear:both; margin-top:10px}
	.left_banner li {float:left; padding:0 0 10px 0;}
	.left_banner li img {display:block;}


/* footer */
.footer_wrap { clear:both; width:100%; min-width:1100px; text-align:center; vertical-align:top; border-top:1px solid #ddd; background-color:#f6f8f9; height:150px; -webkit-text-size-adjust: 100%;}
.footer {clear:both; width:1100px; margin: 0px auto; vertical-align:top; text-align:left;}

	.footer_left {float:left; width:300px; padding-top:30px; text-align:left;}

	.footer_right {float:left; padding-top:30px; font-size:13px; line-height:20px; color:#888; text-align:left; font-weight:300; letter-spacing:-1px;}
	.footer_right strong {color:#000; font-weight:300; vertical-align:0;}
	.footer_right span {color:#999; font-weight:300; vertical-align:0;}


/* quick */
.quick {position:fixed; top:185px; left:50%; margin-left:560px;}
	.qr_code {}
	.bt_naver_talk {margin-top:10px;}
	.today {clear:both; width:124px; background:url('../img/today_bg.jpg') repeat top center; margin-top:10px;}
		.today_cell {clear:both; margin:0 0 5px 2px;}
		.today_cell img.first-child {margin-top:20px;}


/*####################### contents #######################*/
/* common */
.contain_wrap {clear:both; width:100%; text-align:center;}
.contain {width:1100px; text-align:left; margin:0 auto;}


/*####################### main #######################*/
/* ¸ÞÀÎÁÂÃø¸Þ´º */
.main_left_menu {float:left; width:220px; height:400px;}
.main_left_menu li {display:block; clear:both; width:220px; height:99px; background:url('../img/main_left_menu_bg.jpg') no-repeat center left; background-color:#000; text-indent:20px; border-top:1px solid #33333d;}
.main_left_menu li:first-child {border-top:1px solid #000000;}
.main_left_menu li a {width:220px; height:99px; line-height:99px; font-size:22px; color:#fff; font-weight:500;}


/* ¸ÞÀÎºñÁÖ¾ó */
.mainimg {float:right; width:880px; height:400px; text-align:center; overflow:hidden; position:relative; /*background:url('../img/visual_bg.jpg') no-repeat bottom center;*/}
	#todayArea1 {clear:both; width:100%; height:400px; background:url('../img/visual_1.jpg?t=1') no-repeat bottom center;}
	#todayArea2 {clear:both; width:100%; height:400px; background:url('../img/visual_2.jpg') no-repeat bottom center;}
	#todayArea3 {clear:both; width:100%; height:400px; background:url('../img/visual_3.jpg') no-repeat bottom center;}


/*¸ÞÀÎ ³»¿ë*/
.main_wrap {clear:both; width:1100px; margin: 0 auto; vertical-align:top; text-align:left;}

	/* ¹è³Ê */
	.mb {clear:both; width:100%; padding-top:7px;}
	.mb li {float:left; padding-left:7px;}
	.mb li:first-child {padding-left:0;}

	/* »óÇ°¸ñ·Ï */
	.prod_list {clear:both; width:100%; height:auto; text-align:center;}
	.prod_tit {width:100%; height:auto; padding:25px 0 0 0;}
	.prod {width:100%; padding-top:20px;}
	.prod ul {width:100%; height:auto; min-height:270px;}
	.prod li {float:left; position:relative; width:200px; margin-left:25px;}
	.prod li:first-child {margin-left:0;}
	.prod_thumb {clear:both; width:200px; height:200px; border:1px solid #eee;}
	.prod_name {clear:both; width:auto; padding-top:10px; font-size:14px; color:#555; font-weight:300;}
	.prod_price {clear:both; width:auto; padding-top:5px; font-size:14px; color:#000; font-weight:500;}

	/* »óÇ°¸ñ·Ï */
	.prod2_list {clear:both; width:100%; height:auto; text-align:center; padding-top:20px;}
	.prod2_tit {width:100%; height:auto; padding:25px 0 0 0;}
	.prod2 {width:100%; padding-top:20px;}
	.prod2 ul {width:100%; height:auto; min-height:270px;}
	.prod2 li {float:left; position:relative; width:200px; margin-left:25px;}
	.prod2 li:first-child {margin-left:0;}
	.prod2_thumb {clear:both; width:200px; height:200px; border:1px solid #eee;}
	.prod2_name {clear:both; width:auto; padding-top:10px; font-size:14px; color:#555; font-weight:300;}
	.prod2_price {clear:both; width:auto; padding-top:5px; font-size:14px; color:#000; font-weight:500;}

	/* ¸ÞÀÎÇÏ´Ü */
	.bottom_space {clear:both; width:100%; height:40px;}

	.bottom {clear:both; width:100%; min-width:1100px; height:195px; padding-top:25px; border-top:1px solid #d4d4d4; background-color:#f6f8f9;}
		.board_a {float:left; width:295px; height:157px; background:url('../img/dotted.jpg') no-repeat right bottom;}
		.board_a > .tit {clear:both; width:auto; height:50px; font-size:16px; color:#000; font-weight:700;}
		.board_a > .tit a {vertical-align:0; font-size:16px; color:#000; font-weight:700;}
		.board_a table {clear:both;}
		.board_a th {padding-bottom:4px; text-align:left; width:195px; overflow:hidden;}
		.board_a th a{font-size:14px; color:#555; font-weight:300;}
		.board_a td {padding-bottom:4px; font-size:13px; color:#999; font-weight:300;}

		.board_b {float:left; width:295px; height:157px; background:url('../img/dotted.jpg') no-repeat right bottom; padding-left:35px;}
		.board_b > .tit {clear:both; width:auto; height:50px; font-size:16px; color:#000; font-weight:700;}
		.board_b > .tit a {vertical-align:0; font-size:16px; color:#000; font-weight:700;}
		.board_b table {clear:both;}
		.board_b th {padding-bottom:4px; text-align:left; width:195px; overflow:hidden;}
		.board_b th a{font-size:14px; color:#555; font-weight:300;}
		.board_b td {padding-bottom:4px; font-size:13px; color:#999; font-weight:300;}

		.cs_a {float:left; width:235px; height:157px; background:url('../img/dotted.jpg') no-repeat right bottom; padding-left:35px; font-size:14px; color:#555; font-weight:300;}
		.cs_a > .tit {clear:both; width:auto; height:45px; font-size:16px; color:#000; font-weight:700}
		.cs_a > h1 {display:block; font-size:23px; color:#c00; font-weight:700;}
		.cs_a > h2 {display:block; font-size:14px; color:#555; font-weight:300; height:40px;}

		.cs_b {float:right; width:165px; height:157px; font-size:14px; color:#555; font-weight:300;}
		.cs_b > .tit {clear:both; width:auto; height:45px; font-size:16px; color:#000; font-weight:700;}
		.cs_b > h1 {display:block; font-size:23px; color:#ed3939; font-weight:700; height:52px;}


/*####################### sub #######################*/
.topimg_wrap {clear:both; width:100%; height:220px; text-align:center;}
	.topimg1 {background:url('../img/topimg1.jpg') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:220px;}
	.topimg2 {background:url('../img/topimg2.jpg') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:220px;}
	.topimg3 {background:url('../img/topimg3.jpg') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:220px;}
	.topimg4 {background:url('../img/topimg4.jpg') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:220px;}
	.topimg5 {background:url('../img/topimg5.jpg') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:220px;}
	.topimg6 {background:url('../img/topimg6.jpg') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:220px;}
	.topimg7 {background:url('../img/topimg7.jpg') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:220px;}
	.topimg2_A {background:url('../img/topimg2_A.jpg?t=1') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:220px;}
	.topimg2_B {background:url('../img/topimg2_B.jpg') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:220px;}

.contents_wrap {color:#555; font-size:13px; line-height:21px; word-break: keep-all; width:860px; text-align:left; vertical-align:top; padding: 0px 0 40px 0px;}
.contents_wrap * {/*color:#555; font-size:13px; line-height:21px;*/ word-break: keep-all; position:relative;}
.cont {clear:both; font-size:15px; line-height:27px; font-weight:300; color:#555;-webkit-text-size-adjust: 100%; font-family:'Nanum Gothic', 'Gulim'; /*font-family:'Noto Sans KR', 'Nanum Gothic', 'Gulim';*/} /* ÀÏ¹ÝÆäÀÌÁöÀÇ ±ÛÀÚÅ©±â */
	.title_wrap {width:100%; text-align:left; float:right; vertical-align:top; padding: 30px 0 30px 0px; margin-bottom:40px; border-bottom:1px solid #e4e4e6; }
		.page_title {color:#111; font-size:18px; font-weight:600; text-align:left; float:left}
		.navigation {color:#999; font-size:12px; font-weight:normal; text-align:right; float:right;}
		.navigation img{vertical-align:-5px}

.tit1 {clear:both; font-size:19px; color:#333; text-align:left; width:100%; height:26px; font-weight:500; background:url('../img/tit1.jpg') no-repeat left bottom; text-indent:35px;}
.tit2 {clear:both; font-size:17px; color:#c60; text-align:left; width:100%; height:20px; font-weight:500; background:url('../img/tit2.jpg') no-repeat left bottom; text-indent:32px; margin-bottom:15px;}
.tit3 {font-size:22px; color:#333; height:40px; font-weight:bold; background:url('../img/tit3.jpg') no-repeat left top; text-indent:32px;}
	.tit3 em {vertical-align:0; font-size:22px; color:#999; height:40px; font-weight:bold; font-style:normal;}
	.tit3 u {vertical-align:0; font-size:22px; color:#333; height:40px; font-weight:300; text-decoration:none;}
.tit4 {clear:both; width:186px; height:50px; line-height:50px; margin:0 auto 25px auto; text-align:center; font-size:22px; color:#08c; font-weight:700; border:1px solid #7fccf2; border-radius:100px;}

.tb1 {border-top:2px solid #15aee0; border-left:1px solid #dddada; width:100%;}
.tb1 th{border-bottom:1px solid #dddada; border-right:1px solid #dddada; text-align:center; font-size:15px; line-height:20px; color:#555; font-weight:bold; padding:15px; background-color:#f8f8f8;}
.tb1 td{border-bottom:1px solid #dddada; border-right:1px solid #dddada; text-align:left; font-size:15px; line-height:20px; color:#555; font-weight:300; padding:15px;}
.tb1 td strong {font-size:15px; line-height:27px; color:#3b80c5; font-weight:300; vertical-align:0;}

.tb2 {border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; width:100%;}
.tb2 th{border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:center; font-size:15px; line-height:25px; color:#555; font-weight:300; padding:8px; background-color:#f8f8f8;}
.tb2 td{border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:left; font-size:15px; line-height:25px; color:#555; font-weight:300; padding:8px 0 8px 20px;}
.tb2 td a {font-size:15px; line-height:25px; color:#555; font-weight:300;}
.tb2 td a:hover {font-size:15px; line-height:25px; color:#f60; font-weight:300;}
.tb2 td.bg{background-color:#f8f8f8;}

.tb3 {margin:30px 0 0 0;}
.tb3 th{text-align:left; font-size:15px; line-height:27px; color:#555; font-weight:300; vertical-align:top;}
.tb3 td{text-align:left; font-size:15px; line-height:27px; color:#555; font-weight:300;; vertical-align:top; }

.tb4 {border-top:1px solid #59b2de; width:100%;}
.tb4 th{border-bottom:1px solid #dddada; text-align:center; font-size:15px; line-height:27px; color:#08c; font-weight:300; padding:6px 0; vertical-align:top; background-color:#f4fbff;}
.tb4 td{border-bottom:1px solid #dddada; text-align:left; font-size:15px; line-height:27px; color:#555; font-weight:300; padding:6px 0 6px 20px; vertical-align:top;}

.tb5 {border-top:2px solid #15aee0; border-left:1px solid #dddada; width:100%;}
.tb5 th{border-bottom:1px solid #dddada; border-right:1px solid #dddada; text-align:center; font-size:15px; line-height:20px; color:#555; font-weight:bold; padding:10px; background-color:#f8f8f8;}
.tb5 td{border-bottom:1px solid #dddada; border-right:1px solid #dddada; text-align:left; font-size:15px; line-height:20px; color:#555; font-weight:300; padding:5px;}
.tb5 td strong {font-size:15px; line-height:27px; color:#3b80c5; font-weight:300; vertical-align:0;}
.tb5 td.bg{background-color:#f5fafd;}

.box1 {clear:both; width:100%; text-align:left; padding:15px 25px; font-size:15px; line-height:25px; color:#555; font-weight:500; background-color:#f2f2f2; border-radius:12px; margin-top:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box2 {clear:both; width:100%; text-align:left; padding:20px 30px; font-size:15px; line-height:25px; color:#555; font-weight:300; border:1px solid #e6e6e6; border-radius:12px; margin-top:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box2 strong {vertical-align:0;}
.box2 img {vertical-align:-3px; margin-right:8px;}
.box3 {clear:both; width:100%; height:40px; text-align:center; font-size:20px; color:#999; font-weight:700; background:url('../img/box3.jpg') no-repeat bottom center;}
.box3 strong {vertical-align:0; font-size:20px; color:#333; font-weight:700;}
.box4 {clear:both; width:100%; text-align:center; padding:30px 0; font-size:20px; line-height:27px; color:#333; font-weight:700; background-color:#f2f2f2; border-radius:12px; margin-top:40px;}
.box4 strong {vertical-align:0; font-size:20px; color:#f60; font-weight:700;}

.list_a {position:relative; clear:both; width:100%;}
.list_a li {float:left; width:420px; height:230px; overflow:hidden; margin-bottom:20px; padding:30px; border:1px solid #e6e6e6; border-radius:15px; text-align:left; font-size:15px; line-height:25px; color:#555; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.list_a li:nth-child(even) {float:right;}
.list_a li h1 {clear:both; width:auto; height:45px; font-size:18px; color:#08c; font-weight:700;}
.list_a li img:last-child {position:absolute; bottom:0; right:0; z-index:1;}

/* ³»¿ë */
.group1 {clear:both; width:100%; text-align:center; padding:0 0 40px 0; font-size:27px; color:#b8b8b8; font-weight:600;}
.group1 h1 {display:inline-block; vertical-align:0; font-size:27px; color:#c00; font-weight:600;}
.group1 h2 {display:inline-block; vertical-align:0; font-size:27px; color:#000; font-weight:600;}

.group2 {clear:both; width:100%; text-align:center;}

.group3 {clear:both; width:100%; text-align:left; padding:40px 0 30px 0; font-size:20px; color:#000; font-weight:600; line-height:30px;}
.group3 h1 {display:inline-block; vertical-align:0; font-size:20px; color:#c00; font-weight:600;}
.group3 h2 {display:inline-block; vertical-align:0; font-size:20px; color:#08c; font-weight:600;}
.group3 h3 {display:inline-block; vertical-align:0; font-size:20px; color:#690; font-weight:600;}