@charset "utf-8";
/* CSS Document */
/*layout*/
.wrap_m{
	position:relative;
	width:100%;
	background:#eee;
}

.header{
	position:relative;
	width:100%;
	background:#fff;
	border-top:4px solid #2e2e37;
	box-shadow:0 3px 6px rgba(0, 0, 0, 0.1);
}

.topwrap{
	z-index:999999;
	position:relative;
	margin:0 auto;
	clear:both;
	width:100%;
	height:52px;
}
.middle{
	position:relative;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:15px;
	clear:both;
	width:100%;
	min-height:500px;
	background:#fff;
	padding-bottom:40px;
}

.bodywrap{
	position:relative;
	width:100%;
	padding:80px 40px;
	box-sizing:border-box;
	background:#fff;
	border-top:3px solid #2e2e38;
}

.content{
	position:relative;
	width:100%;
	clear:both;
	overflow:hidden;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
}

.footer{
	z-index:50;
	width:100%;
	text-align:center;
	background:#fff;
}

/*header*/
.topwrap h1{
	position:relative;
	display:block;
	width:100%;
	height:52px;
}

.topwrap h1 a{
	display:block;
	width:180;
	height:36px;
	margin:15px auto 0 auto;
	text-align:left;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/mobile/m_toplogo.jpg) center center no-repeat;
}
.btn_menuopen{
	z-index:99999;
	position:absolute;
	left:20px;
	top:10px;
	width:18px;
	height:14px;
	padding:5px;
	border:none;
	text-align:left;
	text-indent:-9999px;
	background:url(../images/mobile/m_menuopen.jpg) center center no-repeat;
}

.btn_menuclose{
	display:none;
	z-index:99999;
	position:absolute;
	left:20px;
	top:10px;
	width:18px;
	height:14px;
	padding:5px;
	border:none;
	text-align:left;
	text-indent:-9999px;
	background:url(../images/mobile/m_menuclose.jpg) center center no-repeat;
}

/*gnb*/
.gnb{
	z-index:999999;
	position:relative;
	width:100%;
	margin-top:0;
	background:#fff;
	border-top:2px solid #eeeeee;
	border-bottom:3px solid #f86340;
}

.gnbul{
	z-index:999999;
	position:relative;
	display:block;
	text-align:left;
}
.gnbul li{
	display:block;
	text-align:left;
	background:url(../images/mobile/mobile_gnbbullet.gif) 98% 21px no-repeat;
}
.gnbul li > a{
	display:block;
	font-size:18px;
	color:#2e2e38;
	padding:12px 20px;
	font-family:'notokr-m';
}
.gnbul li > a:hover,
.gnbul li > a:focus{color:#215d96;}
.gnbul li.active > a{color:#f86340;}

.gnbul_submenu{display:block;}

.gnbul li.active .gnbul_submenu{
	position:absolute;
	display:block;
}

.gnbul_submenu{
	width:100%;
	text-align:left;
	background:#fff;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	
}
.gnbul_submenu li{
	display:inline-block;
	width:auto;
	padding-left:15px;
	background:url(../images/bullet_maincon_li.gif) 14px 21px no-repeat;
}
.gnbul_submenu li a{
	display:block;
	padding:12px 10px;
	font-size:15px;
	font-family:'notokr-r';
}

.gnbul_submenu li.active a{
	color:#f86340;
}

/*footer*/
.footwrap{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:20px 30px;
	box-sizing:border-box;
}

.footercopy{
	display:block;
	font-family:'notokr-r';
	color:#3e4244;
	padding:10px 0;
}

.footercopy address{
	display:block;
	font-size:15px;
	color:#3e4244;
	font-style:normal;
	font-family:'notokr-r';
}

.footercopy address a{
	font-family:'notokr-r';
	color:#3e4244;
}
.footercopy address a:hover,
.footercopy address a:focus{
	color:#f86340;
}

.footercopy p{
	font-family:'notokr-m';
	padding:2px 0;
	font-size:14px;
}


/*bodywrap*/
.contit{
	position:relative;
	display:block;
	margin-bottom:20px;
	border-bottom:1px solid #dbdbdb;
}
.contit h3{
	display:inline-block;
	width:auto;
	overflow:hidden;
	font-size:32px;
	font-family:'nsqb';
	color:#444444;
}

/* main */
.mainwrap{
	width:100%;
	min-height:600px;
	margin:0;
	padding:0;
}

/* main_visual */
.bx-wrapper{
	position:relative;
	width:100%;
	height:225px;
	overflow:hidden;
}
#bxslider1{
	position:relative;
	text-align:center;
}
#bxslider1 .caption{
	position:absolute;
	width:100%;
}

#bxslider1 .caption span{
	font-family:'ngb';
	font-size:13px;
	color:#303030;
}
#bxslider1 .caption p{
	font-family:'nsqb';
	font-size:24px;
	color:#372b09;
}
#bxslider1 .caption a{
	display:inline-block;
	margin-top:10px;
	padding:5px 20px 5px 10px;
	font-family:'ng';
	font-size:14px;
	color:#1d1809;
	border:1px solid #1d1809;
	background:url(../images/visual_link.gif) 102px center no-repeat #fff;
}
#bxslider1 .caption a:hover,
#bxslider1 .caption a:focus{
	color:#ff6f4d;
	border:1px solid #ff6f4d;
	background:url(../images/visual_link_over.gif) 102px center no-repeat #fff;
}

.bx-wrapper .bx-controls-direction a{
	z-index:999;
}

/* main conlink */
.conlink_wrap{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:15px;
}

.conlink_wrap .conbox{
	display:block;
	float:left;
	width:50%;
	height:130px;
	margin:0;
	padding:0;
	box-sizing:border-box;
}


.conlink_wrap .conbox h3{
	text-align:center;
	font-family:'nsq';
	font-size:18px;
	font-weight:normal;
	letter-spacing:-0.5px;
}

.conlink_wrap .conbox h3 a{
	display:block;
	width:100%;
	height:130px;
}

.conlink_wrap .con1 h3 a{
	padding-top:100px;
	background:url(../images/mobile/m_mainico1.png) center 30px no-repeat #fff;
	color:#292a2f;
}
.conlink_wrap .con2 h3 a{
	padding-top:100px;
	background:url(../images/mobile/m_mainico2.png) center 30px no-repeat #544947;
	color:#fff;
}
.conlink_wrap .con3 h3 a{
	padding-top:100px;
	background:url(../images/mobile/m_mainico3.png) center 30px no-repeat #ff6f4d;
	color:#fff;
}
.conlink_wrap .con4 h3 a{
	padding-top:100px;
	background:url(../images/mobile/m_mainico4.png) center 30px no-repeat #fff;
	color:#292a2f;
}


/* maincon_wrap */
.maincon_wrap{
	width:100%;
	position:relative;
	margin:15px 0 0 0;
	padding:0;
}
.list_wrap{
	display:block;
	position:relative;
	width:100%;
	padding:20px 24px;
	box-sizing:border-box;
	background:#fff;
}

.list_wrap h3{
	display:block;
	font-family:'nsqb';
	font-weight:normal;
	font-size:18px;
	width:118px;
	box-sizing:border-box;
}
.main_notice{
	border-top:2px solid #ff6f4d;
}

.main_notice h3 a{color:#ff6f4d;}
.list_wrap ul{
	display:block;
	box-sizing:border-box;
}

.list_wrap ul li{
	position:relative;
	width:100%;
	font-family:'notokr-r';
	font-size:16px;
	color:#252525;
	word-break:break-all;
	white-space:nowrap;
	padding:4px 0 4px 14px;
	background:url(../images/bullet_maincon_li.gif) 2px 13px no-repeat;
}

.list_wrap ul li .notice_line{
	display:inline-block;
	width:70%;
	word-break:break-all;
	white-space:nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
	padding-right:10%;
}
.list_wrap ul li .notice_date{
	position:absolute;
	right:0;
	top:0;
}

.list_wrap ul li a{ 
	color:#252525;
}
.list_wrap ul li a:hover, 
.list_wrap ul li a:focus{ 
	color:#ff6f4d;
}
.main_faq{
	background:#544947;
	color:#fff;
}
.main_faq p{
	color:#fff;
}
.main_faq a{color:#fff;}
.main_faq a:hover,
.main_faq a:hover p{color:#ffec94;}



