@charset "utf-8";
/*-------------------------------------------------
Layout Style Sheet
Version : 1.0
Author : myeong-hee park
Create date : 2014. 11. 27.
Last update : 2014. 11. 27.
-------------------------------------------------*/
/* <link rel="stylesheet" href="${contextPath}/resources/css/eps/general.css?date='${TODAY_CSSJS}'">
<link rel="stylesheet" href="${contextPath}/resources/css/eps/layout.css?date='${TODAY_CSSJS}'">
@import url(../../css/eps/general.css);
@import url(../../css/eps/layout.css); */

#body {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0 20px;
	}	

/* main_popupzone */
.main_popupzone {float:left; position:relative; width:770px; height:290px;}
.main_popupzone ul,
.main_popupzone ul li {margin:0; padding:0; list-style:none;}
.main_popupzone ul.popupzone-controll {position:absolute; top:230px; left:35px; z-index:1;}
.main_popupzone ul.popupzone-controll li {float:left; margin-left:1px;}

/* main_media */
.main_media {
	position: relative;
	float: right; 
	width: 230px;
	height: 180px;
	overflow: hidden;
	}
.main_media img {
	width: 100%;
	}	
.main_media .play {
	display: block;
	position: absolute;
	top: 68px;
	left: 95px;
	width: 40px;
	height: 40px;
	background: url(../../images/common/layout/btn_play.png) no-repeat 0 0;
	}	
/* main_brochure */
.main_brochure {
	position:relative; 
	float: right;
	width: 230px; 
	height: 108px; 
	margin-bottom: 10px;
	border-bottom:2px solid #e3e4e8; 
	background: url('../../images/eps/main/main_brochure.jpg') no-repeat 20px center #fff;
	line-height: 1;
	overflow: hidden; 
	}
.main_brochure a {
	display:block;
	height:100%;
	padding-left: 110px; 
	color: #105fa8;
	font-size: 1.5em; 
	font-weight: bold; 
	}
.main_brochure a span {
	display:block; 
	padding-top:30px; 
	color:#6c6d70;
	font-size: 0.7em; 
	}

.title_main {
	margin-bottom: 19px; 
	padding: 14px 0 0 10px;
	border-left: 2px solid #00b1ee;
	color: #252525; 
	line-height: 1.1;
	font-size: 1.3em; 
	font-weight: normal; 
	}
.arrow_lstyle {
	font-size: 0.9em;
	}	
.arrow_lstyle li {
	padding-left: 8px;
	background: url('../../images/eps/common/bul_arr.gif') no-repeat 0 8px; 
	}
.main_box,
.main_overseas,
.main_call	 { 
	width: 335px;
	margin: 8px 10px 0 0; 
	padding: 0 20px 20px; 
	background: #fff;
	border-bottom:2px solid #e3e4e8; 
	overflow:hidden;
	}
/* main_overseas */
.main_overseas {
	width: 190px; 
	margin-right: 0;
	background: #fff url('../../images/eps/main/main_overseas.gif') no-repeat center 55px;
	}
.main_overseas h2 {
	margin: 13px 0 155px; 
	color:#d9394a;
	font-size: 0.95em; 
	}
.main_overseas p {
	font-size: 0.85em; 
	line-height: 1.5;
	}
.main_box.banner_gpkol {
	width: 230px; 
	margin-right: 0;
	padding: 0;
	background-color: transparent;
	}
.main_box:last-child {
    width: 190px;
    margin-right: 0;
	}
/* main_call */
.main_call {
	width: 190px; 
	margin-right: 0;
	background: #f1c40f url('../../images/eps/main/main_call.gif') no-repeat center 53px;
	border-bottom-color: #eaad08;
	}
.main_call h2 {
	margin: 12px 0 97px; 
	color:#252525;
	font-size: 1.1em;
	}
.main_call dl dt {
	color: #252525;
	}
.main_call dl dd {
	display: block; 
	margin-bottom: 30px; 
	color:#d9394a;
	letter-spacing: -0.03em;
	line-height: 1.1;
	font-size: 1.4em;
	font-weight: bold; 
	}
.cont_wrap {
	display: flex; 
	display: -webkit-flex; 
	flex-flow: row wrap;
	}
.side_banner {
	margin-top: 17px;
	text-align: center;
	overflow: hidden;
	}
.side_banner > li {
	border-top: 1px solid #eee;
	overflow: hidden;
	}
.side_banner > li:first-child {
	border-top: none;
	}
.side_banner > li a {
	display: block;
	height: 40px;
	}