@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(http://fonts.googleapis.com/css?family=Ropa+Sans);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);	/* Roboto Condensed */
@import url(http://fonts.googleapis.com/css?family=Exo:400,500,600,700,800);		/* Exo */
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);			/* Nanum Gothic' */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);			/* Nanum Myeongjo */
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);		/* Nanum Brush Script */
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);			/* Nanum Pen Script */





@import url(reset.css);
@import url(layout.css?ver=180612);
@import url(bran_gnb.css);
@import url(wing.css);
/*
@font-face {
	font-family: 'Jeju Gothic';
	src:url('/design/font/JejuGothic-Regular.eot');
	src:url('/design/font/JejuGothic-Regular.eot?#iefix') format('embedded-opentype'), 
	url('/design/font/JejuGothic-Regular.woff') format('woff'), 
	url('/design/font/JejuGothic-Regular.ttf') format('truetype');}
*/
#gnb_wrap_m {display:none;}
#skipnavi, 
#gnb_wrap, 
#lnb_quick .ql_switch,
#lnb_quick #wingQuickmenu  {display:block;}
.lang_en {display:none;}
.lang_ko {display:inline-block;}
@media screen and (max-width: 767px){
	#gnb_wrap_m {display:block;}
	#skipnavi, 
	#gnb_wrap, 
	#lnb_quick .ql_switch,
	#lnb_quick #wingQuickmenu {display:none;}	
}

.IDX1 { background:url("/design/images/brand/idx/idx10_bg.jpg") no-repeat top; background-size:contain }
.IDX1  div div{ background:url("/design/images/brand/idx/idx10_1.png") no-repeat center; background-size:contain }

.IDX2 { background:url("/design/images/brand/idx/idx2_bg.jpg") no-repeat center; background-size:contain }
.IDX2 div div { background:url("/design/images/brand/idx/idx2_1.png") no-repeat center; background-size:contain }

/* .IDX3 { background:url("/design/images/brand/idx/idx3_bg.jpg") no-repeat center; background-size:contain }
.IDX3 div div { background:url("/design/images/brand/idx/idx3_1.png") no-repeat center; background-size:contain }  */

.IDX3 { background:url("/design/images/brand/idx/pc_img.png") no-repeat center; background-size:contain }
.IDX3 div div { background:url("/design/images/brand/idx/idx3_txt8.png") no-repeat center; background-size:contain}

.IDX4 { background:url("/design/images/brand/idx/idx4_bg.jpg") no-repeat center; background-size:contain }
.IDX4 div div { background:url("/design/images/brand/idx/idx4_1.png") no-repeat center; background-size:contain }

.IDX5 { background:url("/design/images/brand/idx/idx5_bg.jpg") no-repeat center; background-size:contain }
.IDX5  div div{ background:url("/design/images/brand/idx/idx5_1.png") no-repeat center; background-size:contain }

.IDX6 { background:url("/design/images/brand/idx/idx6_bg.jpg") no-repeat center; background-size:contain }
.IDX6  div div{ background:url("/design/images/brand/idx/idx6_0001.png") no-repeat center; background-size:contain }

.IDX7 { background:url("/design/images/brand/idx/idx7_bg.jpg") no-repeat top; background-size:contain }
.IDX7  div div{ background:url("/design/images/brand/idx/idx7_1.png") no-repeat center; background-size:contain }

.IDX8 { background:url("/design/images/brand/idx/idx8_bg.jpg") no-repeat top; background-size:contain }
.IDX8  div div{ background:url("/design/images/brand/idx/idx8_1.png") no-repeat center; background-size:contain }

.IDX9 { background:url("/design/images/brand/idx/idx9_bg.jpg") no-repeat top; background-size:contain }
.IDX9  div div{ background:url("/design/images/brand/idx/idx9_01.png") no-repeat center; background-size:contain }

.IDX10 { background:url("/design/images/brand/idx/idx13-bg.gif") no-repeat top; background-size:contain }
.IDX10  div div{ background:url("/design/images/brand/idx/idx13-1.png") no-repeat center; background-size:contain }

@media screen and (max-width: 767px){

	.IDX1 { background:url("/design/images/brand/idx/idx10_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX1 div div { background:none; background-size:contain }

	.IDX2 { background:url("/design/images/brand/idx/idx2_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX2 div div { background:none; background-size:contain }

	.IDX3 { background:url("/design/images/brand/idx/idx3_bg_m_180611.png") no-repeat center; background-size:contain }
	.IDX3 div div { background:none; background-size:contain }

	.IDX4 { background:url("/design/images/brand/idx/idx4_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX4 div div { background:none; background-size:contain }

	.IDX5 { background:url("/design/images/brand/idx/idx11_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX5  div div{ background:none; background-size:contain }

	.IDX6 { background:url("/design/images/brand/idx/idx61_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX6  div div{ background:none; background-size:contain }

	.IDX7 { background:url("/design/images/brand/idx/idx7_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX7  div div{ background:none; background-size:contain }

	.IDX8 { background:url("/design/images/brand/idx/idx8_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX8  div div{ background:none; background-size:contain }

	.IDX9 { background:url("/design/images/brand/idx/idx12_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX9  div div{ background:none; background-size:contain }

}
/*
.IDX2 { background:url("/design/images/company/idx/2.png") no-repeat center; }
.IDX3 { background:url("/design/images/company/idx/3.png") no-repeat center; }
.IDX4 { background:url("/design/images/company/idx/4.png") no-repeat center; }
.IDX5 { background:url("/design/images/company/idx/5.png") no-repeat center; }
*/


/*010101_uhas.jsp*/
.p010101 .wl span {display:block; text-align:center;  padding:80px 40px; margin-bottom:5px; border:1px solid #ccc; box-sizing:border-box; background: url("/design/images/common/bg_square.png") center}
.p010101 .pn a.btn1:before{content:"내열강화유리 식기 브랜드";}
.p010101 .pn a.btn1:hover:before{content:"글라스락";}
.p010101 .pn a.btn2:before{content:"프리미엄 쿡웨어 브랜드";}
.p010101 .pn a.btn2:hover:before{content:"셰프토프";}
.p010101 .pn a.btn3:before{content:"스마트 아웃도어 브랜드";}
.p010101 .pn a.btn3:hover:before{content:"아우트로";}
.p010101 .pn a.btn4:before{content:"친환경 유아 용품 브랜드";}
.p010101 .pn a.btn4:hover:before{content:"얌얌";}

.p010101 .pn a {width:100%;box-sizing:border-box; padding:0; padding-left:10px; text-align:left; overflow:hidden;margin-bottom:10px }
.p010101 .pn a.btn1:hover {  }

.p010101 .p2 li {padding:0; margin:0;}
.p010101 .p2 li {float:left; width:24%; margin-right:1%;}
.p010101 .p2 li img {width:100%;border:1px solid #ccc; box-sizing:border-box; margin-bottom:5px;}


@media screen and (max-width: 1100px){
	.p010101 .wl span {padding:40px 40px;}
	.p010101 .wl span img {width:100%;}
	.p010101 .p2 li { width:49%; margin-right:1%;}
}
@media screen and (max-width: 767px){
	.p010101 .p2 li { width:100%; margin-right:0;}
}
/* 020101_glasslock.jsp */
.p020101 .gd,
.p020101 .pn { padding-bottom:100px;}
.p020101 .p1 > li  {padding:0; margin:0 0 30px 0;}
.p020101 .p1 > li  { float:left; width:50%;}
.p020101 .p1 li.s1 {position:relative; float:left; width:30%; padding:0 0 10px 0;}
.p020101 .p1 li.s1 .w_100{ border:1px solid #879ab3;}
.p020101 .p1 li.s1 a {position:absolute; bottom:15px; right:5px;}
.p020101 .p1 li.s1 a img {width:30px;}
.p020101 .p1 li.s2 {float:left; width:60%;margin-left:5%;margin-right:5%;}

.p020101 .p2 li.s1 {float:left; width:40%; padding:0; text-align:center; border:0px solid #ccc;box-sizing:border-box;}
.p020101 .p2 li.s2 {float:left; width:50%;margin-left:5%;margin-right:5%;}

.p020101 .p3 li.s1 {position:relative; float:left; width:50%; padding:0;border:1px solid #ccc; box-sizing:border-box; text-align:right; }
.p020101 .p3 li.s1 span {position:absolute; top:0px; left:0px; padding:10px 20px; background:#5f7ca9; color:#fff;}
.p020101 .p3 li.s1 span h3 { font-size:18px; color:#fff; }
.p020101 .p3 li.s2 {float:left; width:48%;margin-left:2%; }
.p020101 .p3 li.s2 > ul {margin-bottom:5px;}
.p020101 .p3 li.s2 li.t1 { float:left; width:20%; padding:0 }
.p020101 .p3 li.s2 li.t1 img { border:1px solid #c5d2e4; border-radius:18px;box-sizing:border-box;}
.p020101 .p3 li.s2 li.t2 { float:left;  width:70%;margin-left:5%;margin-right:5%;padding:0}
.p020101 .p3 li.s2 li.t3 { width:75%;}
.p020101 .p3 li.s2 li.t2 ul {margin-bottom:5px;}
.p020101 .p3 li.s2 li.t2 h4 {padding:0; margin:0;}
.p020101 .p3 li.s2 li.t2 p {padding:0; margin:0;}

.p020101 .p4 li.s1 { border:0px solid #ccc; box-sizing:border-box; text-align: center;}
.p020101 .p4 li.s2 b { font-size:16px;}

.p020101 .p5 li.s1 span { display:block; padding:50px 0; border:1px solid #ccc; box-sizing:border-box; text-align: center;background:url("/design/images/common/bg_square.png") center;}


.p020101 .contents_box {position:relative; }
.p020101 .fixedtab {position:fixed; display:none; top:-11px; z-index:100;max-width:1000px;margin-left:-10px; padding:0 10px; box-sizing:border-box; }
.p020101 .fixedtab .tab5 { position:relative;max-width:980px; }

.p020101 .p6  { padding-bottom:20px;}
.p020101 .p6  ul { border:1px solid #ededed;border-radius: 10px;background:#fcfcfc;  }
.p020101 .p6 li.s1 {float:left; width:30%; padding:20px 0 20px 0; margin-left:5%;margin-right:5%; text-align:center; border:0px solid #ccc;box-sizing:border-box;}
.p020101 .p6 li.s2 {float:left; width:55%;padding:20px 0 20px 0; margin-left:0;margin-right:5%;font-size:16px; font-family: 'Jeju Gothic'; color:#9b9b9b; box-sizing:border-box;}
.p020101 .p6 li.s2 span {font-size:16px; color:#486184;}

.p020101 .deco {border-bottom:1px solid #666;font-weight:bold;}
/* .p020101 .max500 {max-width:370px;} */



@media screen and (max-width: 1100px){
	.p020101 .p1 > li  {width:100%;}
	.p020101 .p1 li.s1 a img {width:40px;}

	.p020101 .p2 li.s1 { width:100%; padding:0;border:1px solid #ccc; }
	.p020101 .p2 li.s1 img {width:60%;}
	.p020101 .p2 li.s2 { width:100%;margin-left:0;margin-right:0;}

	.p020101 .p3 li.s1 { width:100%; padding:0; margin-bottom:5px; }
	.p020101 .p3 li.s1 img {width:100%;}
	/* 180612 */
	.p020101 .p3.p3_img li.s1 img {width:100%;}
	/* 180612 */
	.p020101 .p3 li.s2 { width:100%; margin-left:0; }
	.p020101 .p3 li.s1 span h3 { font-size:16px; color:#fff; }
	.p020101 .p5 li.s1 img  {width:100%;}


	.p020101 .p6 li.s1 { width:100%; padding:20px; margin:0; }
	.p020101 .p6 li.s1 img {width:60%;}
	.p020101 .p6 li.s2 { width:100%;padding:20px; margin:0;font-size:12px; font-family: 'Nanum Gothic';font-size:16px;}
	.p020101 .p6 li.s2 span {font-size:16px; color:#486184;}
	
}
@media screen and (max-width: 767px){
	.p020101 .fixedtab {margin-left:0; padding:0px; box-sizing:border-box; }
	.p020101 .fixedtab {position:fixed; width:100%;left:0; top:40px; right:0; }
	.p020101 .fixedtab .tab5  {  width:100%; padding-right:0px;}

	.p020101 .p6 li.s1 { width:100%; padding:20px 0 0 0; margin:0; }
	.p020101 .p6 li.s1 img {width:60%;}
	.p020101 .p6 li.s2 { width:100%;margin:0;font-size:12px; font-family: 'Nanum Gothic';}
	.p020101 .p6 li.s2 span {font-size:12px;}	
}
















/* 060301_patent.jsp */

.p060301 .pn li {float:left;display:block; padding:15px 0; margin:0;  box-sizing:border-box;}
.p060301 .pn > li {  width:50%;}
.p060301 .p1 h3 { font-size:16px; line-height:120%; letter-spacing:-1px;}
.p060301 .p1 ul > li:first-child {overflow:hidden; text-align:center; }
@media screen and (max-width: 1350px){
	/*.p060301 .pn li img {width:100%;}*/
}
@media screen and (max-width: 1000px){
	.p060301 .pn > li { clear:both;width:100%; }
	.p060301 .pn li img {width:100%;}
}

/* 080501_ccm.jsp */
.p080501 .pn * {padding:0; margin:0;}
.p080501 .pn {margin-bottom:20px;}
.p080501 .p1 li.s1 {float:left; width:45%; border-right:1px solid #ccc; box-sizing:border-box; text-align:center;}
.p080501 .p1 li.s2 {float:left; width:50%; padding-left:5%;padding-top:5%; }
.p080501 .p1 li.s2 span {font-weight:bold; }
.p080501 .p2 li img {width:100%;}
@media screen and (max-width: 1000px){
	.p080501 .p1 li.s1 img {width:100%;}
}
@media screen and (max-width: 767px){
.p080501 .p1 li.s1 {clear:both; width:100%; border-right:0px solid #ccc;}
.p080501 .p1 li.s2 {clear:both; width:100%; padding-left:0; }
.p080501 .p1 li.s1 img {width:80%;}
}

/* 080502_ccm.jsp */
.p080502 .pn li {padding:0; margin:0;}
.p080502 .p1 li.s1 {float:left; width:30%; box-sizing:border-box; text-align:center;}
.p080502 .p1 li.s2 {float:left; width:65%; padding-left:5%; padding-top:8%; }
.p080502 .p1 li.s2 ul li {background:url("/design/images/common/icon_head_blue.png") no-repeat top 10px left; padding-left:10px;}
@media screen and (max-width: 1500px){
	.p080502 .p1 li.s1 img {width:100%; }
	.p080502 .p1 li.s2 { padding-top:0}
	.p080502 .pn > li {margin-bottom:20px;}
}
/* 080503_ccm.jsp */
.p080503 .pn li {padding:0; margin:0;}
.p080503 .pn > li{border:1px solid #ccc; border-radius:10px; padding:20px; margin-bottom:15px; }
.p080503 .pn  li li.s1 {float:left; width:35%; text-align:center;}
.p080503 .pn  li li.s2 {float:left; width:65%; padding-top:15px; }
.p080503 .pn span { text-align:center; margin:0 1px 1px 0;  padding:6px 15px; display:inline-block;background:#fefefe; border:1px solid #edeff3; border-radius:4px; box-sizing:border-box; }

@media screen and (max-width: 1000px){
.p080503 .pn  li li.s2 {padding-top:0; }
.p080503 .pn  li li.s1 img {width:100%; }

}
@media screen and (max-width: 767px){
.p080503 .pn  li li.s1 {float:left; width:100%; text-align:left;}
.p080503 .pn  li li.s2 {float:left; width:100%; padding-top:15px; }
.p080503 .pn  li li.s1 img {width:50%; }
}

/* 080504_ccm.jsp */
.p080504 .pn li {padding:0; margin:0;}
.p080504 .pn > li {border:1px solid #ccc; border-radius:10px; padding:20px; margin-bottom:15px; }
.p080504 .p1 li.s1 {float:left; width:30%; box-sizing:border-box; text-align:center;}
.p080504 .p1 li.s1 img {border-right:1px solid #ccc;}
.p080504 .p1 li.s2 {float:left; width:69%; padding-left:1%;}
.p080504 .p1 li.s2 ul li {background:url("/design/images/common/icon_head_blue.png") no-repeat top 10px left; padding-left:10px;}
.p080504 .p1 li.t1 {padding-top: 24px}
.p080504 .p1 li.t2 {padding-top: 15px}
.p080504 .p1 li.t3 {padding-top: 15px}
.p080504 .p1 li a { width:250px; box-sizing:border-box; }
@media screen and (max-width: 1350px){
.p080504 .p1 li.s1 img {width:100%; }
.p080504 .p1 li.s2 {  width:65%; padding-left:5%; padding-top:0}
}
@media screen and (max-width: 1100px){
	.p080504 .pn > li { padding:20px 5px; margin-bottom:0px; }
	
	.p080504 .p1 li.s1 {}
	
	.p080504 .pn > li {margin-bottom:20px;}
	.p080504 .p1 li a { width:100%; box-sizing:border-box; }
	.p080504 .p1 li.s2 ul li {background:url("/design/images/common/icon_head_blue.png") no-repeat top 6px left; padding-left:10px;}
}


/* 영상 */
.pn_movie iframe, 
.pn_movie object, 
.pn_movie embed {width:100%; }
.pn_movie li {position: relative; padding-bottom: 56.25%; /* 16:9 */padding-top: 25px; height: 0;}
.pn_movie li iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/* 제품 리스트 */
.gd {padding:0px 0 20px 0; border-top:0px solid #ccc; border-bottom:0px solid #ccc}
.gd li { position:relative; float:left; width:18%;margin:0 1% 2%; text-align:center;border:1px solid #e2e2e2; box-sizing:border-box; padding-bottom:30px;/* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */}
/* .gd-add li  {height:233px;}*/
.gd-add2 li  {padding-bottom:50px;} 
.gd li span { position:absolute; bottom:0; left:0; width:100%; display:block; padding:5px 0 10px 0; font:13px "Exo"; font-weight:600; color:#5f7ca9;  letter-spacing:0;  /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */}
.gd li span.small { font-weight:normal; font:11px "Roboto Condensed"; line-height:160%; }
.gd li img {width:100%;}
.b-gd li {padding-bottom:0; border:none;}
.m-br {display:none;}

.p020101 #poview {background:#fff url("/design/images/common/bg_dot.png") !important;  }
.gdview li * {padding:0; margin:0; }
.gdview h1  {clear:both; display:block; font-family:'Exo', 'Jeju Gothic'; font-size:26px; line-height:100%; font-weight:600;  letter-spacing:0; padding-bottom:10px;}
.gdview h1 span {font-size:18px; line-height:100%; font-weight:400;color:#9f9f9f;}
.gdview h2  {clear:both; display:block; font-family: 'Jeju Gothic'; font-size:16px; line-height:100%; font-weight:normal;  letter-spacing:-2px;padding-top:2px; padding-bottom:5px; background:none; }


.gd_slogan {  font-family:'Jeju Gothic'; font-size:14px; padding:0 0 15px 0;  letter-spacing:-1px; }

.gd_dti > li.s1 { float:left; width:35%; }
.gd_dti > li.s2 { float:left; width:60%; padding-left:5%; }
.gd_dti > li.s2 ul {padding-bottom:5px;}
.gd_dti > li.s2 li.t1 { float:left; text-align:center; width:15%;}
.gd_dti > li.s2 li.t1 span  { display:inline-block; border-radius:200px;overflow:hidden; box-sizing:border-box;}
.gd_dti > li.s2 li.t2 { float:left; width:83%; padding:10px 0 0 2%; }
.gd_dti > li.s2 li.t2 span { display:block;font-weight:bold; padding:5px 0 0 0; }
.gd_dti > li.s2 li.t3 { font:14px "Roboto Condensed"; padding:0 0 10px 0; font-weight:700; }
.gd_dti > li.s3 { clear:both;  font:14px "Roboto Condensed"; font-weight:700;  padding:20px 0 10px 0; }
.gd_dti > li.s3 span {float:right; color:#888888; font-size:10px; line-height:110%; margin-top:-5px; text-align:right; padding:0; margin-top:5px;}
.gd_dti > li.s3 span img {vertical-align:middle;}

.gd_dti > li.s4  {font:10px "Roboto Condensed";  font-weight:700;  color:#888888; margin-top:-5px; text-align:left; padding:0 0 10px 0;}
.gd_dti > li.s4 p {display:inline-block; padding:0 15px 0 0;font-size:12px; line-height:110%;  }
.gd_dti > li.s4 span {display:inline-block;vertical-align:middle; height:11px; width:11px; border-radius:200px; box-sizing:border-box;margin:0;margin-left:5px;padding:0;}
.gd_dti > li.s4 span span { display:inline-block;padding:0;margin:2px 0 0 2px; top:0; vertical-align:top;height:7px; width:7px; border-radius:200px; box-sizing:border-box;}

.gdview .line-top {padding:4px 0 10px 0 !important; box-sizing:border-box;}


.gd_container li  {display:block; float:left; width:14%; margin-right:0.2%; padding-bottom:10px; }
.gd_container li img {width:100%;}
.gd_container li p { display:block; padding:5px 0 0px 0;font:12px "Roboto Condensed"; line-height:100%; white-space:nowrap; overflow:hidden;}
.gd_container li span { display:block; padding:2px 0 0 0; font-size:10px;color:#9f9f9f; }

.gd_container_big li  {display:block; float:left; width:49%; margin-right:0.5%; padding-bottom:10px; }
.gd_container_big li img {width:30%; float:left; padding-right:20px; }
.gd_container_big li p {  float:left; display:block; padding:0 0 0px 0; font:12px "Roboto Condensed"; line-height:100%; white-space:nowrap; overflow:hidden;}
.gd_container li p.gd_c_tit { display:block; padding:5px 0 10px 0; font-weight:700;  }
.gd_container_big li span { display:block; padding:2px 0 5px 0; font-size:10px;color:#9f9f9f; }

.gd_ctl_box { padding:20px 0;}
.whitel {border:1px solid #ccc;box-sizing:border-box; }
.whitelc {border:1px solid #ccc; box-sizing:border-box; height:13px !important; width:13px !important; ;  }


a.util_goShop  { text-align:center; font-family:'Jeju Gothic'; height:50px; line-height:50px; box-sizing:border-box; font-size:14px; display:inline-block; color:#fff; border-radius:6px;
width:70%;
border-top-left-radius: 0;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 0; 
padding:0 0 0 15px; 
}
a.util_goShopStop  { text-align:center; font-family:'Jeju Gothic'; height:50px; line-height:50px; box-sizing:border-box; font-size:14px; display:inline-block;background:#979797 url("/design/images/common/icon_arrow_x.png") no-repeat center left; color:#fff; border-radius:6px;
width:30%;
border-top-left-radius: 15px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 15px;
padding:0 0 0 15px;
}
a.util_goShopStop:hover {background:#333 url("/design/images/common/icon_arrow_x.png") no-repeat center left; color:#fff}

.good1 .line-top { border-top:1px solid #8cc63e;}
.good1 .gd_container li p.gd_c_tit,
.good1  li.s4 p,
.good1 h1, 
.good1 h2  { color:#8cc63e; }
.good1 .s2 .t3,
.good1 .s3 { margin-bottom:10px; border-bottom:1px solid #8cc63e;box-sizing:border-box;  }
.good1 .s2 .t1 span { background:#8cc63e; }
.good1 a.util_goShop {background:#8cc63e url("/design/images/common/icon_arrow_link.png") no-repeat center right; }
.good1 a.util_goShop:hover {background:#638e2a url("/design/images/common/icon_arrow_link.png") no-repeat center right; color:#fff}

.good2 h1, 
.good2 h2  { color:#e87f6a; }
.good2 .s2 .t3,
.good2 .s3 { margin-bottom:10px; border-bottom:1px solid #e87f6a;box-sizing:border-box;  }
.good2 .s2 .t1 span { background:#e87f6a; }
.good2 a.util_goShop {background:#e87f6a url("/design/images/common/icon_arrow_link.png") no-repeat center right; }
.good2 a.util_goShop:hover {background:#b46150 url("/design/images/common/icon_arrow_link.png") no-repeat center right; color:#fff}

.good3 h1, 
.good3 h2  { color:#5090cd; }
.good3 .s2 .t3,
.good3 .s3 { margin-bottom:10px; border-bottom:1px solid #5090cd;box-sizing:border-box;  }
.good3 .s2 .t1 span { background:#5090cd; }
.good3 a.util_goShop {background:#5090cd url("/design/images/common/icon_arrow_link.png") no-repeat center right; }
.good3 a.util_goShop:hover {background:#366592 url("/design/images/common/icon_arrow_link.png") no-repeat center right; color:#fff}

.good4 .line-top { border-top:1px solid #71cbd2;}
.good4  li.s4 p,
.good4 h1, 
.good4 h2  { color:#71cbd2; }
.good4 .s2 .t3,
.good4 .s3 { margin-bottom:10px; border-bottom:1px solid #71cbd2;box-sizing:border-box;  }
.good4 .s2 .t1 span { background:#71cbd2; }
.good4 a.util_goShop {background:#71cbd2 url("/design/images/common/icon_arrow_link.png") no-repeat center right; }
.good4 a.util_goShop:hover {background:#579a9f url("/design/images/common/icon_arrow_link.png") no-repeat center right; color:#fff}



@media screen and (max-width: 1100px){
	.gd li { float:left; width:32.3%;margin:0 0.5%; text-align:center; }
	.gd_dti > li.s1 { width:30%; }
	.gd_dti > li.s2 { width:68%; padding-left:2%; }
	.gd_dti > li.s2 li.t2 { float:left; width:83%; padding:0 0 0 2%; }
	.gd_container li  {display:block; float:left; width:19%; margin-right:1% }
}

@media screen and (max-width: 767px){
	.poview11 h1 { font-size:20px; padding-top:10px;}
	.gd li { float:left; width:24%;margin:0.5%; text-align:center; }
	.gd-add li {height:auto;}
	.gd li span .pc-br {display:none;}
	.gd li span .m-br {display:block;}
	.gd-add2 li {height:auto;}

	.gd li span { font:12px "Roboto Condensed"; font-weight:normal; color:#5f7ca9;  letter-spacing:-1px; }
	.gd_container li  {display:block; float:left; width:24%; margin-right:1% }
	.gd_container li p { ;font-size:10px;}
	.gd_container li span { font-size:8px; }

	.gd_container_big li  {display:block; float:left; width:100%; margin-right:0; padding-bottom:10px; }
	.gd_container_big li img {width:35%; float:left; padding-right:10px; }

	.gd_dti > li.s4,
	.gd_dti > li.s3 span {font-size:7px;  line-height:7px;}
	.gd_dti > li.s4 img,
	.gd_dti > li.s3 img {height:12px; }

	.gd_dti > li.s1 { width:100%; height:200px; overflow:hidden; }
	.gd_dti > li.s2 { width:100%; padding-left:0; }

	.gd_dti > li.s2 li.t3 {padding:10px 0 5px 0;  }
	.gd_dti > li.s3 { padding:20px 0 5px 0; }
	.gd_dti > li.s4 span { height:7px; width:7px; }
	
}