@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

 body {
 	background-color: #FFF;
 	font-family: 'Nanum Gothic', sans-serif;
 }

 img {
 	vertical-align: top;
 }

 .txt_green {
 	color: #38BFC5;
 }

 .txt_yellow {
 	color: #FED257;
 }

 a#goTop {
 	position: fixed;
 	right: 5%;
 	bottom: 75px;
 	display: inline-block;
 	width: 12%;
 	z-index: 10;
 }

 a#goTop img {
 	width: 100%;
 }


 #mo_wrap {
 	/*  position:relative; height:100vh; */
 }

 #my-menu:not(.mm-menu) {
 	display: none;
 }

 #header_area {
 	position: relative;
 	overflow: hidden;
 	padding: 4% 5%;
 	border-bottom: 1px solid #ededed;
 }

 #header_area .mo_menu {
 	position: relative;
 	width: 10%;
 	float: left;
 }

 #header_area .mo_menu img {
 	width: 100%;
 }

 #header_area .mo_logo {
 	position: absolute;
 	width: 33%;
 	left: 50%;
 	margin-left: -16.5%;
 	float: left;
 }

 #header_area .mo_logo img {
 	width: 100%;
 }

 #header_area .mo_call {
 	position: relative;
 	width: 10%;
 	float: right;
 }

 #header_area .mo_call img {
 	width: 100%;
 }

 div.e_wrap {
 	background-image: url(../image/popup/pop_200916-2.jpg);
 	background-size: 100%;
 	background-repeat: no-repeat
 }

 div.e_inbox {
 	padding-left: 15px;
 	padding-top: 77px;
 	padding-bottom: 400px;
 }

 ul.e_list {
 	list-style: none;
 }

 ul.e_list li {
 	width: 95%;
 	height: 46px;
 	text-align: center;
 	margin-bottom: 10px;
 	margin-left: 0;
 	float: left;
 	position: relative
 }

 ul.e_list li a {
 	display: block;
 	width: 100%;
 	height: 100%;
 }

 ul.e_list li img {
 	width: 90%
 }

 #instagram {
 	overflow: hidden;
 	width: 100%;
 	margin: 0 0 30px;
 }

 .instagram_item {
 	float: left;
 	width: 50%;
 }

 .instagram_item>a {
 	display: block;
 	width: 100%;
 	padding-top: 100%;
 	position: relative;
 	background: no-repeat center center;
 	background-size: cover;
 }

 .instagram_item>a:before {
 	content: '';
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	background: #000000;
 	background: rgba(0, 0, 0, .8);
 	background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);
 	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);
 	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);
 	z-index: 1;
 	opacity: 0;
 	-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);
 	transition: opacity .55s cubic-bezier(.215, .61, .355, 1);
 }

 .instagram_item p {
 	width: 100%;
 	padding: 19px 57px;
 	position: absolute;
 	left: 0;
 	top: 50%;
 	font-size: 16px;
 	font-weight: 400;
 	text-align: left;
 	color: #fff;
 	transform: translateY(-50%);
 	z-index: 2;
 	opacity: 0;
 	-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);
 	transition: opacity .55s cubic-bezier(.215, .61, .355, 1);
 }

 .instagram_item>a:hover:before {
 	opacity: 1;
 }

 .instagram_item>a:hover p {
 	opacity: 1;
 }

 .night {
 	position: absolute;
 	top: 60px;
 	left: 20px;
 	width: 100px;
 	z-index: 999;

 	>img {
 		width: 100%;
 	}
 }

 #main_visual {
 	width: 100%;
 }

 .bxslider_main li img {
 	/* width:100%; */
 }



 #sec01 {
 	position: relative;
 	padding: 30px 3%;
 }

 #sec01 img {
 	width: 100%;
 }

 #sec01 .title {
 	position: relative;
 	width: 37%;
 	margin: 0 auto 20px;
 }

 #sec01 .box {
 	position: relative;
 	overflow: hidden;
 	margin-top: 5px;
 }

 #sec01 .box a {
 	display: block;
 	float: left;
 	width: 49%;
 }

 #sec01 .box a:last-child {
 	float: right;
 }

 #sec01 div:last-child {
 	margin-top: 5px;
 }



 #sec02 {
 	position: relative;
 	padding: 0 3% 30px;
 	overflow: hidden;
 }

 #sec02 img {
 	width: 100%;
 }

 #sec02 .title {
 	position: relative;
 	width: 38%;
 	margin: 0 auto 20px;
 }

 #sec02 .box {
 	position: relative;
 	overflow: hidden;
 	margin-top: 10px;
 }

 #sec02 .box a {
 	display: block;
 	float: left;
 	width: 49%;
 }

 #sec02 .box a:last-child {
 	float: right;
 }





 #sec03 {
 	position: relative;
 	padding: 0 3% 30px;
 	overflow: hidden;
 }

 #sec03 img {
 	width: 100%;
 }

 #sec03 .title {
 	position: relative;
 	width: 41%;
 	margin: 0 auto 20px;
 }

 #sec03 .box {
 	position: relative;
 	overflow: hidden;
 	margin-top: 10px;
 }

 #sec03 .box a {
 	display: block;
 	float: left;
 	width: 49%;
 }

 #sec03 .box a:last-child {
 	float: right;
 }

 /* 메인 노출 게시판 */

 .news_board {
 	width: 92%;
 	margin: 0 auto;
 }

 .board_list {
 	position: relative;
 	border-bottom: 1px solid #AFB8C0;
 }

 .board_list:first-child {
 	margin-top: 28px;
 }

 .board_list p.list_t {
 	position: relative;
 	width: 100%;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	white-space: nowrap;
 	padding-top: 21px;
 	font-size: 15px;
 }

 .board_list p.list_d {
 	padding-top: 8px;
 	padding-bottom: 8px;
 	color: #b0b9c2;
 	font-size: 13px;
 }

 #sec03 .sec03_mv {
 	position: relative;
 	margin-top: 20px;
 }

 #sub_bottom_info {
 	position: relative;
 	padding: 40px 4%;
 }

 #sub_bottom_info img {
 	width: 100%;
 }

 #sub_bottom_info .title {
 	position: relative;
 	width: 40%;
 	margin: 30px auto 20px;
 }

 #bottom_login_area {
 	position: relative;
 	margin-top: 30px;
 	border-top: 1px solid #959595;
 }

 #bottom_login_area ul {
 	overflow: hidden;
 	background-color: #FFF;
 }

 #bottom_login_area ul li {
 	float: left;
 	border-left: 1px solid #959595;
 	width: 100%;
 }

 #bottom_login_area ul li:first-child {
 	border: none;
 }

 #bottom_login_area ul li a {
 	width: 100%;
 	position: relative;
 	display: inline-block;
 	color: #888;
 	text-align: center;
 	height: 40px;
 	line-height: 40px;
 }

 footer {
 	position: relative;
 	/* background-color:#4F515A; */
 	padding: 40px 3%;
 	border-top: 1px solid #c9c9c9;
 }

 footer .inner {
 	position: relative;
 	width: 80%;
 	margin: 0 auto;
 	overflow: hidden;
 	text-align: center;
 }

 footer p.f_blog:first-child {
 	margin-right: 0;
 }

 footer p.f_blog {
 	width: 25%;
 	float: left;
 	text-align: center;
 }

 footer p.f_blog img {
 	width: 80%;
 }


 footer p.copyright {
 	margin-top: 20px;
 	font-family: 'Nanum Gothic', sans-serif;
 	font-size: 14px;
 	text-align: center;
 	line-height: 1.5em;

 }

 footer span.bar {
 	padding: 0 10px;
 	color: #666;
 }

 footer p.f_pri {
 	padding-top: 20px;
 	text-align: center;
 }

 footer p.f_pri a {
 	font-size: 14px;
 	line-height: 1.5em;
 	color: #ababab;
 }


 /*암전팝업css*/
 .pop_wrapper_mo {
 	position: relative;
 	width: 96%;
 	margin: 0 auto;
 	margin-top: 10px;
 }

 .slide_mo {
 	width: 96%;
 	margin: 0 auto;
 	padding-top: 20px;
 }

 #bx-pager-pop a {
 	display: block;
 	width: 33.3%;
 	float: left;
 }

 #bx-pager-pop a img {
 	width: 100%;
 }

 /* img { vertical-align:top; } */

 /*암전팝업용 css*/
 #layer_back_area {
 	/* visibility: hidden; */
 	position: fixed;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	height: 100%;
 	text-align: center;
 	background-color: #000000;
 	opacity: 0.8;
 	z-index: 99990;
 }

 #layer_area {
 	/* visibility: hidden; */
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	height: 100%;
 	z-index: 99999;
 }

 #layer_btn {
 	opacity: 1;
 }

 #layer_btn_close {
 	position: absolute;
 	cursor: pointer;
 }