@charset "utf-8";

/*-------------------------------------------------
Main Style Sheet
Author : plani park myeong hee
Create date : 2014. 6. 27.
-------------------------------------------------*/
/* <link rel="stylesheet" href="${contextPath}/resources/css/mgf/general.css?date='${TODAY_CSSJS}'">
<link rel="stylesheet" href="${contextPath}/resources/css/mgf/layout.css?date='${TODAY_CSSJS}'"> */

@import url(../../css/mgf/general.css);
@import url(../../css/mgf/layout.css);

.best_search {
	margin-bottom: 15px;
	overflow: hidden;
	}	
.best_search .search_input {
	margin: auto;
	overflow: hidden;
	}	
.best_search .select_input {
	float: left;
	display: block;
	width: 93%;
	height: 27px;
	margin-right: -60px;
	padding: 2px;
	background: #fff;
	border: solid 2px #39455a;
	border-radius: 5px;
	overflow: hidden;
	}	
.best_search .select_input select {
	padding: 4px 2px;
	border-radius: 3px;
	}	
.best_search .select_input input {
	border: none;
	}	
.btn_searchSmall {
	float: right;
	display: block;
	width: 60px;
	height: 35px;
	background: #4f5d73;
	border-bottom: solid 2px #39455a;
	border-radius: 6px;
	color: #fff;
	letter-spacing: -0.1em;
	line-height: 1.2;
	text-align: center;
	}
.boxline {
	margin-bottom: 8px;	
	padding: 10px;
	background: #fff;
	border-bottom: solid 2px #e3e4e8;
	}	
/* 새소식 */
.notice_area {
	position: relative;
	overflow: hidden;
	}
.notice_area .title {
	color: #252525;
	}	
.notice_area .txt_more {
	position: absolute;
	top: 10px;
	right: 10px;
	padding-right: 15px;
	background: url(../../images/mgf/main/txt_more.gif) no-repeat right 3px;
	letter-spacing: -0.1em;
	}
.notice_list {
	margin: 0 -10px 10px; 
	overflow: hidden;
	}
.notice_list > li {
	padding: 8px 10px 0;
	border-top: solid 1px #e9ebee;
	}	
.notice_list > li > a {
	display: block;
	color: #252525;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
		
/* s마크 + 전화, 메일  */
.tow_column {
	width: 102%;
	margin-left: -5px;
	overflow: hidden;
	}
.tow_column div {
	float: left;
	width: 48%;	
	height: 130px;
	margin-left: 5px;
	border-bottom: solid 2px #e3e4e8;
	overflow: hidden;
	}	
.tow_column .title {
	margin: 16px 0 18px 10px;
	font-size: 1.3em;
	}	
.tow_column .txt {
	margin-left: 10px;
	letter-spacing: -0.1em;
	line-height: 1.4;
	}	
.tow_column .smark {
	background: #fff url(../../images/mgf/main/smark.gif) no-repeat right bottom;
	}	
.tow_column .smark .title {
	color: #f32f95;
	}	
.tow_column .smark .txt {
	width: 115px;
	}
.smark .txt	span {
	display: block;
	}	
.tow_column .help {
	float: right;
	background: #28a48c;
	border-bottom: solid 2px #17866c;
	}	
.help .title {
	margin-bottom: 10px;
	}
.help .txt {	
	color: #04100e;
	}
.help .btn {
	display: table;
	width: 95%;
	margin: 15px 0 0 6px; 
	overflow: hidden;
	}		 
.help .btn span {
	display: table-cell;
	width: 50%;
	}	
.help .btn a {
	display: block;
	margin-left: 5px;
	padding: 3px 0 3px 30px;	
	border: solid 1px #17866c;
	border-radius: 3px;
	color: #fff;
	}
.help .btn a:first-child {
	background: #3fab95 url(../../images/mgf/main/icon_tel.gif) no-repeat 85% 3px;
	}
.help .btn .icon_email a {
	background: #3fab95 url(../../images/mgf/main/icon_email.gif) no-repeat 85% 3px;
	} 
			
/* 6개 아이콘 + 배너존 */
.icon_link {
	width: 102%;
	margin-left: -5px;
	overflow: hidden;
	}
.icon_link > li {
	float: left;
	width: 33.3%;
	text-align: center;
	overflow: hidden;
	}	
.icon_link > li a {
	display: block;
	margin: 5px 0 0 5px;
	padding: 10px 0;
	background: #fff;
	border: solid 1px #ddd;
	overflow: hidden;
	}	
.banner {
	width: 100%;
	margin-top: 18px;
	overflow: hidden;
	}	
.banner > li {
	float: left;
	width: 33.3%;
	}	
.banner > li > a {
	position: relative;
    display: block;
    text-align: center;
	}	
@media all and (max-width: 480px)  {
	
.best_search .select_input {
	width: 225px;
	}
.tow_column .smark {
	background: #fff url(../../images/mgf/main/smark.gif) no-repeat right bottom;
	background-size: 33%; 
	}	
.tow_column .txt {
	font-size: 0.9em;
	}	
.help .btn a {
	display: block;
	margin-left: 5px;
	padding: 3px 0 3px 10px;
	}		
.icon_link > li {
	width: 50%;
	}
.banner > li img {
	width: 90%;
	}	
}