@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face{
		font-family: 'GmarketSansBold';
		src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
}
@font-face{ 
	font-family: 'GmarketSansMedium'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal; 
	font-style: normal; 
}
@font-face{ 
	font-family: 'GmarketSansLight'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); 
	font-weight: normal; 
	font-style: normal; 
} 
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; }
a { text-decoration:none; color:#111; }
a:visited{ text-decoration:none; color:#111; }
a:hover{ color:#111; }
img{
	border:0px;
	vertical-align:bottom;
}
body{
	margin:0px;
	padding:0px;
}

/* Table */
table{
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;
}
td, th{
	padding:0px;
	word-break:break-all;
}

/* 공통 */
.text_overflow{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#wrap{ 
	width:100%;
	font-family:Noto Sans KR,Nanum Gothic,Helvetica,sans-serif;
	letter-spacing:-1px;
}

/* 모바일 환경 */
@media screen and (max-width:800px){
	/* product_wrap */
	#wrap > #body > #body_content > .product_wrap{
		width:100%;
		background-color:#fff;
		padding:60px 0px;
	}
	#wrap > #body > #body_content > .product_wrap > .product{
		margin-left:10px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content{
		color:#20264c;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .title{
		font-size:22px;
		font-family: 'GmarketSansBold';
		text-align:center;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content{
		margin-top:30px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul{
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li{
		text-align:center;
		list-style:none;
		margin-bottom:30px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:last-child{
		margin-bottom:0px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .icon{
		position:relative;
		width:90px;
		height:90px;
		border-radius:10px;
		margin:auto;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(1) > .icon{
		background-color:#567c83;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(2) > .icon{
		background-color:#3aaea9;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(3) > .icon{
		background-color:#f59d1d;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(4) > .icon{
		background-color:#909090;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .icon > img{
		width:50px;
		vertical-align:middle;
		margin-top:20px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .name{
		font-size:20px;
		font-family: 'GmarketSansBold';
		margin-top:20px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .desc{
		font-size:18px;
		font-weight:500;
		margin-top:20px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .button{
		display:none;
		height:35px;
		line-height:30px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		box-sizing:border-box;
		border-radius:17.5px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(1) > .button{
		border:2px solid #567c83;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(2) > .button{
		border:2px solid #3aaea9;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(3) > .button{
		border:2px solid #f59d1d;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(4) > .button{
		border:2px solid #909090;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(1) > .button:hover > a{
		color:#567c83;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(2) > .button:hover > a{
		color:#3aaea9;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(3) > .button:hover > a{
		color:#f59d1d;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(4) > .button:hover > a{
		color:#909090;
	}

	/* upcoming_wrap */
	#wrap > #body > #body_content > .upcoming_wrap{
		width:100%;
		background-image:linear-gradient(to top, #0e3175, #20264c);
		padding:60px 0px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming{
		margin-left:10px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content{
		color:#20264c;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .title{
		color:#fff;
		font-size:22px;
		font-family: 'GmarketSansBold';
		text-align:center;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content{
		margin-top:30px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul{
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li{
		list-style:none;
		font-size:17px;
		font-weight:500;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #fff;
		border-radius:10px;
		background-color:#fff;
		margin-bottom:30px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li:last-child{
		margin-bottom:0px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.photo{
		height:270px;
		background-position:center bottom !important;
		background-size:cover !important;
		overflow:hidden;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.name{
		font-size:20px;
		font-weight:600;
		margin-top:20px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.date,
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.address{
		margin-top:10px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.date::before{
		display:inline-block;
		width:17px;
		height:18px;
		background:url(/images/icon_calendar.png) no-repeat;
		background-position:center !important;
		background-size:17px 18px;
		margin-top:-3px;
		margin-right:10px;
		vertical-align:middle;
		content:"";
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.address::before{
		display:inline-block;
		width:17px;
		height:22px;
		background:url(/images/icon_location.png) no-repeat;
		background-position:center !important;
		background-size:17px 22px;
		margin-top:-3px;
		margin-right:10px;
		vertical-align:middle;
		content:"";
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1 > a,
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button2 > a{
		display:block;
		text-align:center;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1{
		height:40px;
		line-height:35px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		box-sizing:border-box;
		border:2px solid #0e3175;
		border-radius:10px;
		margin:20px 10px 0px 10px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1 a i::after{
		display:inline-block;
		width:22px;
		height:22px;
		background:url(/images/icon_more.png) no-repeat;
		background-position:center !important;
		background-size:22px 22px;
		margin-top:-3px;
		margin-left:10px;
		vertical-align:middle;
		content:"";
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1:hover{
		box-sizing:border-box;
		border:2px solid #00a6cf;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1:hover > a{
		color:#00a6cf;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1:hover a i::after{
		display:inline-block;
		width:22px;
		height:22px;
		background:url(/images/icon_more_hover.png) no-repeat;
		background-position:center !important;
		background-size:22px 22px;
		margin-top:-3px;
		margin-left:10px;
		vertical-align:middle;
		content:"";
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button2{
		height:40px;
		line-height:35px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		background-color:#0e3175;
		border-radius:10px;
		margin:10px 10px 20px 10px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button2 > a{
		color:#fff;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button2:hover{
		height:40px;
		line-height:35px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		background-color:#00a6cf;
		border-radius:10px;
	}

	/* about_wrap */
	#wrap > #body > #body_content > .about_wrap{
		width:100%;
		background-color:#fff;
		padding:60px 0px;
	}
	#wrap > #body > #body_content > .about_wrap > .about{
		margin-left:10px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content{
		color:#20264c;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content{
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul{
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li{
		list-style:none;
		font-size:17px;
		font-weight:500;
		text-align:left;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(1) > .title{
		font-size:22px;
		font-family: 'GmarketSansBold';
		text-align:center;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(1) > .title > .stress{
		display:inline-block;
		color:#00a6cf;
		margin-top:-10px;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(1) > .desc{
		line-height:30px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(2){
		margin-right:0px;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(2) > .photo{
		width:100%;
		height:300px;
		border-radius:20px;
		background:url(/images/main_about2.png) no-repeat;
		background-position:center !important;
		background-size:cover;
		margin-top:20px;
	}
}

/* 테블릿 환경 */
@media screen and (min-width:801px) and (max-width:1400px){
	/* product_wrap */
	#wrap > #body > #body_content > .product_wrap{
		width:100%;
		background-color:#fff;
		padding:100px 0px 50px 0px;
	}
	#wrap > #body > #body_content > .product_wrap > .product{
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content{
		color:#20264c;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .title{
		font-size:25px;
		font-family: 'GmarketSansBold';
		text-align:center;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content{
		margin-top:50px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul{
		overflow:hidden;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li{
		float:left;
		list-style:none;
		width:calc(50% - 50px);
		margin-right:100px;
		margin-bottom:50px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(even){
		margin-right:0px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .icon{
		float:left;
		position:relative;
		width:90px;
		height:90px;
		text-align:center;
		border-radius:10px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(1) > .icon{
		background-color:#567c83;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(2) > .icon{
		background-color:#3aaea9;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(3) > .icon{
		background-color:#f59d1d;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(4) > .icon{
		background-color:#909090;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .icon > img{
		width:50px;
		vertical-align:middle;
		margin-top:20px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .name{
		float:left;
		width:calc(100% - 110px);
		font-size:25px;
		font-family: 'GmarketSansBold';
		margin-left:20px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .desc{
		width:calc(100% - 110px);
		font-size:18px;
		font-weight:500;
		margin-top:40px;
		margin-left:110px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .button{
		display:none;
		width:150px;
		height:35px;
		line-height:35px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		border-radius:17.5px;
		margin-top:20px;
		margin-left:110px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(1) > .button{
		border:2px solid #567c83;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(2) > .button{
		border:2px solid #3aaea9;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(3) > .button{
		border:2px solid #f59d1d;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(4) > .button{
		border:2px solid #909090;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(1) > .button:hover > a{
		color:#567c83;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(2) > .button:hover > a{
		color:#3aaea9;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(3) > .button:hover > a{
		color:#f59d1d;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(4) > .button:hover > a{
		color:#909090;
	}

	/* upcoming_wrap */
	#wrap > #body > #body_content > .upcoming_wrap{
		width:100%;
		background-image:linear-gradient(to top, #0e3175, #20264c);
		padding:100px 0px 50px 0px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming{
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content{
		color:#20264c;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .title{
		color:#fff;
		font-size:25px;
		font-family: 'GmarketSansBold';
		text-align:center;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content{
		margin-top:50px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul{
		overflow:hidden;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li{
		float:left;
		list-style:none;
		width:calc(33.3% - 13.33px);
		height:570px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #fff;
		border-radius:10px;
		background-color:#fff;
		margin-right:20px;
		margin-bottom:20px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li:nth-child(3n){
		margin-right:0px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.photo{
		height:270px;
		background-position:center bottom !important;
		background-size:cover !important;
		overflow:hidden;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p:nth-child(n+3){
		margin-top:10px;
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.name{
		font-size:25px;
		font-weight:600;
		margin-top:30px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.date::before{
		display:inline-block;
		width:17px;
		height:18px;
		background:url(/images/icon_calendar.png) no-repeat;
		background-position:center !important;
		background-size:17px 18px;
		margin-top:-3px;
		margin-right:10px;
		vertical-align:middle;
		content:"";
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.address::before{
		display:inline-block;
		width:17px;
		height:22px;
		background:url(/images/icon_location.png) no-repeat;
		background-position:center !important;
		background-size:17px 22px;
		margin-top:-3px;
		margin-right:10px;
		vertical-align:middle;
		content:"";
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1 > a,
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button2 > a{
		display:block;
		text-align:center;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1{
		height:40px;
		line-height:35px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		box-sizing:border-box;
		border:2px solid #0e3175;
		border-radius:10px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1 a i::after{
		display:inline-block;
		width:22px;
		height:22px;
		background:url(/images/icon_more.png) no-repeat;
		background-position:center !important;
		background-size:22px 22px;
		margin-top:-3px;
		margin-left:10px;
		vertical-align:middle;
		content:"";
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1:hover{
		box-sizing:border-box;
		border:2px solid #00a6cf;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1:hover > a{
		color:#00a6cf;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1:hover a i::after{
		display:inline-block;
		width:22px;
		height:22px;
		background:url(/images/icon_more_hover.png) no-repeat;
		background-position:center !important;
		background-size:22px 22px;
		margin-top:-3px;
		margin-left:10px;
		vertical-align:middle;
		content:"";
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button2{
		height:40px;
		line-height:35px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		background-color:#0e3175;
		border-radius:10px;
		margin-top:10px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button2 > a{
		color:#fff;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button2:hover{
		height:40px;
		line-height:35px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		background-color:#00a6cf;
		border-radius:10px;
		margin-top:10px;
	}

	/* about_wrap */
	#wrap > #body > #body_content > .about_wrap{
		width:100%;
		background-color:#fff;
		padding:70px 0px;
	}
	#wrap > #body > #body_content > .about_wrap > .about{
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content{
		color:#20264c;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content{
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul{
		overflow:hidden;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li{
		float:left;
		list-style:none;
		width:calc(50% - 25px);
		font-size:18px;
		font-weight:500;
		margin-right:50px;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(1) > .title{
		font-size:25px;
		font-family: 'GmarketSansBold';
		text-align:left;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(1) > .title > .stress{
		color:#00a6cf;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(1) > .desc{
		line-height:35px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(2){
		margin-right:0px;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(2) > .photo{
		width:100%;
		height:300px;
		border-radius:20px;
		background:url(/images/main_about2.png) no-repeat;
		background-position:center !important;
		background-size:cover;
	}
}

/* PC 환경 */
@media screen and (min-width:1401px){
	/* product_wrap */
	#wrap > #body > #body_content > .product_wrap{
		width:100%;
		background-color:#fff;
		padding:120px 0px 70px 0px;
	}
	#wrap > #body > #body_content > .product_wrap > .product{
		width:1400px;
		margin:auto;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content{
		color:#20264c;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .title{
		font-size:25px;
		font-family: 'GmarketSansBold';
		text-align:center;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content{
		margin-top:50px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul{
		overflow:hidden;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li{
		float:left;
		list-style:none;
		width:calc(50% - 50px);
		margin-right:100px;
		margin-bottom:50px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(even){
		margin-right:0px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .icon{
		float:left;
		position:relative;
		width:90px;
		height:90px;
		text-align:center;
		border-radius:10px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(1) > .icon{
		background-color:#567c83;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(2) > .icon{
		background-color:#3aaea9;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(3) > .icon{
		background-color:#f59d1d;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(4) > .icon{
		background-color:#909090;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .icon > img{
		width:50px;
		vertical-align:middle;
		margin-top:20px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .name{
		float:left;
		width:calc(100% - 110px);
		font-size:25px;
		font-family: 'GmarketSansBold';
		margin-left:20px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .desc{
		width:calc(100% - 110px);
		font-size:18px;
		font-weight:500;
		margin-top:40px;
		margin-left:110px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li > .button{
		display:none;
		width:150px;
		height:35px;
		line-height:35px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		border-radius:17.5px;
		margin-top:20px;
		margin-left:110px;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(1) > .button{
		border:2px solid #567c83;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(2) > .button{
		border:2px solid #3aaea9;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(3) > .button{
		border:2px solid #f59d1d;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(4) > .button{
		border:2px solid #909090;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(1) > .button:hover > a{
		color:#567c83;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(2) > .button:hover > a{
		color:#3aaea9;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(3) > .button:hover > a{
		color:#f59d1d;
	}
	#wrap > #body > #body_content > .product_wrap > .product > .product_content > .content > ul > li:nth-child(4) > .button:hover > a{
		color:#909090;
	}

	/* upcoming_wrap */
	#wrap > #body > #body_content > .upcoming_wrap{
		width:100%;
		background-image:linear-gradient(to top, #0e3175, #20264c);
		padding:120px 0px 70px 0px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming{
		width:1400px;
		margin:auto;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content{
		color:#20264c;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .title{
		color:#fff;
		font-size:25px;
		font-family: 'GmarketSansBold';
		text-align:center;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content{
		margin-top:50px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul{
		overflow:hidden;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li{
		float:left;
		list-style:none;
		width:calc(33.3% - 33.3px);
		height:570px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #fff;
		border-radius:10px;
		background-color:#fff;
		margin-right:50px;
		margin-bottom:50px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li:nth-child(3n){
		margin-right:0px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.photo{
		height:280px;
		background-position:center bottom !important;
		background-size:cover !important;
		overflow:hidden;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p:nth-child(n+3){
		margin-top:10px;
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.name{
		font-size:25px;
		font-weight:600;
		margin-top:30px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.date::before{
		display:inline-block;
		width:17px;
		height:18px;
		background:url(/images/icon_calendar.png) no-repeat;
		background-position:center !important;
		background-size:17px 18px;
		margin-top:-3px;
		margin-right:10px;
		vertical-align:middle;
		content:"";
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.address::before{
		display:inline-block;
		width:17px;
		height:22px;
		background:url(/images/icon_location.png) no-repeat;
		background-position:center !important;
		background-size:17px 22px;
		margin-top:-3px;
		margin-right:10px;
		vertical-align:middle;
		content:"";
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1 > a,
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button2 > a{
		display:block;
		text-align:center;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1{
		height:40px;
		line-height:35px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		box-sizing:border-box;
		border:2px solid #0e3175;
		border-radius:10px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1 a i::after{
		display:inline-block;
		width:22px;
		height:22px;
		background:url(/images/icon_more.png) no-repeat;
		background-position:center !important;
		background-size:22px 22px;
		margin-top:-3px;
		margin-left:10px;
		vertical-align:middle;
		content:"";
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1:hover{
		box-sizing:border-box;
		border:2px solid #00a6cf;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1:hover > a{
		color:#00a6cf;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button1:hover a i::after{
		display:inline-block;
		width:22px;
		height:22px;
		background:url(/images/icon_more_hover.png) no-repeat;
		background-position:center !important;
		background-size:22px 22px;
		margin-top:-3px;
		margin-left:10px;
		vertical-align:middle;
		content:"";
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button2{
		height:40px;
		line-height:35px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		background-color:#0e3175;
		border-radius:10px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button2 > a{
		color:#fff;
	}
	#wrap > #body > #body_content > .upcoming_wrap > .upcoming > .upcoming_content > .content > ul > li > p.button2:hover{
		height:40px;
		line-height:35px;
		font-size:17px;
		font-weight:500;
		text-align:center;
		background-color:#00a6cf;
		border-radius:10px;
		margin-top:20px;
	}

	/* about_wrap */
	#wrap > #body > #body_content > .about_wrap{
		width:100%;
		background-color:#fff;
		padding:100px 0px;
	}
	#wrap > #body > #body_content > .about_wrap > .about{
		width:1400px;
		margin:auto;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content{
		color:#20264c;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content{
		margin-top:50px;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul{
		overflow:hidden;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li{
		float:left;
		list-style:none;
		width:calc(50% - 50px);
		font-size:18px;
		font-weight:500;
		margin-right:100px;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(1) > .title{
		font-size:25px;
		font-family: 'GmarketSansBold';
		text-align:left;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(1) > .title > .stress{
		color:#00a6cf;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(1) > .desc{
		line-height:35px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(2){
		margin-right:0px;
	}
	#wrap > #body > #body_content > .about_wrap > .about > .about_content > .content > ul > li:nth-child(2) > .photo{
		width:100%;
		height:300px;
		border-radius:20px;
		background:url(/images/main_about2.png) no-repeat;
		background-position:center !important;
		background-size:cover;
	}
}