@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Do+Hyeon');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
/* basic */
* {
	margin: 0;
	padding: 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
}
html, body {
	height: 100%;
}
/* html5 되면서 block 되어야 하는 요소들 */
header, footer, nav, section, article, aside, menu, figure, figcaption, body {
	display:block;
	padding:0;
	margin:0;
}
dl, ul, ol, menu, li {
	list-style:none
}
/* LIST FLOAT CLEAR */
ol:after, ul:after {
	content: '';
	clear: both;
	display: table;
}
body {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:normal;
	line-height:1.6em;
	min-width: 320px;
	font-size:14px;
	background:#f7f7f7;
}
a {
	text-decoration:none;
	outline:0;
}
a:link, a:visited, a:active {
	text-decoration: none
}
button, input[type="button"] {
	outline:none;
}
img {
	border: none;
	vertical-align:middle;
}
caption, summary {
	display: none;
}
body {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:normal;
	line-height:1.6em;
	min-width: 900px;
	font-size:14px;
}
#open_event section {
	width: 900px;
	margin: 0 auto;
	position: relative;
}
#open_event h1 {
	width: 900px;
	margin: 30px 0;
	overflow:hidden;
}
#open_event h1 img{
	width: 900px;
}
#open_event .info {
	padding: 0;
	margin: 0;
}
#open_event .info .product_list {
	display:inline-block;
}
#open_event .info .product {
	float:left;
	text-align:center;
	padding-bottom: 40px;
	padding-right: 20px;
}
#open_event .info .product.product02 {
	padding-right: 40px;
}
#open_event .info .product.product02:nth-child(even) {
	padding-right: 0;
}
#open_event .info .product:nth-child(4n) {
 padding-right: 0;
}
#open_event .info .product ul li.img {
	width: 210px;
	height: 210px;
}
#open_event .info .product ul li.img.img2 {
	width: 430px;
	height: 430px;
}
#open_event .info .product ul li.img:hover img {
	border: 1px solid #555;
}
#open_event .info .product ul li.img img {
	width: 208px;
	height: 208px;
	border: 1px solid #e7e7e7;
}
#open_event .info .product ul li.img.img2 img {
	width: 428px;
	height: 428px;
	border: 1px solid #e7e7e7;
}
#open_event .info .product ul li.title {
	font-size:16px;
	padding: 10px 0 5px 0;
	width: 100%;
	text-align:center;
	height: 40px;
	word-break:keep-all;
	letter-spacing:-0.5px;
}
#open_event .info .btn_go {
	text-align:center;
}
#open_event .info .btn_go a {
	background: #f4202f;
	color: #fff;
	display:inline-block;
	padding: 15px 50px;
	border-radius: 10px;
	font-size: 18px;
	margin-bottom: 30px;
}
 @media screen and (max-width:768px) {
 body {
 min-width: 320px;
font-size:14px;
}
#open_event {
 width: 100%;
}
#open_event section {
min-width:320px;
width: 100%;
}
#open_event h1 {
 width: 100%;
 margin-top: 0;
}
#open_event h1 img {
width: 100%;
border:none;
border-bottom: 1px solid #e7e7e7;
}
#open_event .info {
padding: 0;
margin: 0;
}
 #open_event .info .product_list {
display:inline-block;
padding: 0 20px;
width: 100%;
box-sizing: border-box;
}
#open_event .info .product {
float:left;
text-align:center;
width: 50%;
padding-bottom: 40px;
padding-right: 0;
}
#open_event .info .product ul {
width:100%;
min-width: 140px;
}
#open_event .info .product ul li.img {
 width: 140px;
 height: 140px;
 border: 1px solid #e7e7e7;
 margin: 0 auto;
}
 #open_event .info .product ul li.img img {
width: 138px;
height: 138px;
}
#open_event .info .product ul li.title {
font-size:16px;
padding: 10px 0px 7px 0px;
width: 100%;
}
}