/*common*/
img {
	max-width: 100%;
}
.p-none {
	padding: 0px !important;
}
.text-center {
	text-align: center;
}
/*header*/
#header .h_nav {
	padding: 0;
}
#header .top_menu {
	text-align: right;
	top: 60px;
}
#header .top_menu a {
	display: inline-block;
    font-size: 17px;
    font-weight: 500;
    line-height: 1em;
    color: #fff;
    padding: 10px;
}



.top_menu a{
    background: #0a3fd5;
    padding: 10px;
    border-radius: 6px;
}



.top_menu a.pink{
    background: #9a1622;
}
#header .top_menu a img {
	vertical-align: middle;
}
#header nav {
	background-color: #161616;
	background: linear-gradient(#323232,#161616);
}
#header .nav > li > a{
	display:inline-block;
	width:100%; 
	padding: 15px;
	color:#fff;
	font-size:17px; 
}

/*c_wrp*/
.v_m > li,
.v_m > div {
    vertical-align: middle;
}
@media (min-width:991px) {
    .c_wrp {
        display: table;
        width: 100%;
        height: 100%;
    }
    .c_wrp.t_fx {
        table-layout: fixed;
    }
    .c_wrp > li,
    .c_wrp > div {
        display: table-cell;
    }
}
/*m_wrp*/
@media (max-width:992px) {
    .m_wrp {
        display: table;
        width: 100%;
        height: 100%;
    }
    .m_wrp.t_fx {
        table-layout: fixed;
    }
    .m_wrp > li,
    .m_wrp > div {
        display: table-cell;
    }
}

/*visual_section*/
.visual_section .main_panel .slide_img1,
.visual_section .main_panel .slide_img2 {
	background-size: cover;
}
.visual_section .slide_con {
	display: table;
	width: 100%;
	height: 100%;
}
.visual_section .slide_con .txtbox {
	display: table-cell;
	vertical-align: middle;
}


.visual_section .slide_con .txtbox h1 {
    font-size: 45px;
    font-weight: 400;
	color: #fff;
	line-height: 1.2em;
	margin-bottom: 15px;
}
.visual_section .slide_con .txtbox h4 {
    font-size: 20px;
    font-weight: 300;
	color: #fff;
	line-height: 1.4em;
}
.visual_section .slide_con .txtbox .btn_wrp {
	margin-top: 40px;
}
.visual_section .slide_con .txtbox .btn_wrp a {
	display: inline-block;
	border: 1px solid #eee;
    font-size: 17px;
    font-weight: 300;
	color: #fff;
	line-height: 1em;
	padding: 10px 20px;
	margin-right: 5px;
}
.visual_section .sub_panel .slogan_panel h1,
.visual_section .sub_panel .slogan_panel p {
	color: #fff;
}
@media (max-width:479px) {
	.visual_section .slide_con .txtbox h1 {
		font-size: 25px;
		margin-bottom: 10px;
	}
	.visual_section .slide_con .txtbox h4 {
		font-size: 14px;
	}
	.visual_section .slide_con .txtbox .btn_wrp {
		margin-top: 20px;
	}
	.visual_section .slide_con .txtbox .btn_wrp a {
		font-size: 12px;
		padding: 5px 15px;
	}	
}
/*mt_tit*/
.mt_tit h2 {
	font-size: 20px;
	line-height: 1em;
	font-weight: 600;
	position: relative;
	margin-bottom: 20px;
}
.mt_tit h2.lef_img {
	padding-left: 30px;
}
.mt_tit h2.lef_img.lef_img01 {
	background: url(../img/lef_img01.png) left center no-repeat;
}
.mt_tit h2.lef_img.lef_img02 {
	background: url(../img/lef_img02.png) left center no-repeat;
}
.mt_tit h2 .more {
	position: absolute;
	right: 0;
	color: #fff;
	text-decoration: none;
	font-size: 17px;
	line-height: 1em;	
}
@media (max-width:768px) {
	.mt_tit h2 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.mt_tit h2.lef_img {
		padding-left: 20px;
		background-size: 13px !important;
	}
	.mt_tit h2 .more {
		font-size: 13px;
	}	
	.mt_tit h2 .more img {
		width: 13px;
	}
}
/*sbn_item*/
.sbn_item {
	display: table;
	width: 100%;
	height: 130px;
}
.sbn_item a {
	text-decoration: none;
}
.sbn_item .sbn_tit_con {
	display: table-cell;
	vertical-align: middle;
}
.sbn_item h2 {	
	font-size: 20px;
    line-height: 1em;
    font-weight: 600;
    position: relative;
	color: #1e1e1e;
	margin-bottom: 10px;
}
.sbn_item h2 .more {
	position: absolute;
	right: 0;
	color: #fff;
	text-decoration: none;
	font-size: 17px;
	line-height: 1em;	
}
.sbn_item h1 {
	font-size: 30px;
	line-height: 1em;
	font-weight: 600;
	color: #ff3600;	
	margin-bottom: 10px;
}
.sbn_item p {
	font-size: 14px;
	line-height: 1.4em;
	font-weight: 400;
	color: #636363;	
}
.sbn_item .btn_wrp {
	margin-top: 10px;
}
.sbn_item .btn_wrp span {
	display: inline-block;
	background-color: #747070;
	color: #fff;
	font-size: 13px;
	line-height: 1em;
	font-weight: 400;
	padding: 5px 15px;
	border-radius: 4px;
}
@media (max-width:768px) {
	.sbn_item {
		height: 100px;
	}
	.sbn_item h2 {	
		font-size: 16px;
		margin-bottom: 5px;
	}
	.sbn_item h2 .more {
		font-size: 13px;
	}
	.sbn_item h2 .more img {
		width: 13px;
	}
	.sbn_item h1 {
		font-size: 18px;
		margin-bottom: 5px;
	}
	.sbn_item p {
		font-size: 12px;
	}
	.sbn_item .btn_wrp span {
		font-size: 11px;
	}
}

/*msec02*/
#msec02 {
	padding: 30px 0;
	background-color: #f7f7f7;
}
#msec02 .ban_list > li {
	padding: 30px;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
	margin-top: -1px;
}
#msec02 .sban_list > li {
	position: relative;
}
#msec02 .sban01 {
	background: url(../../images/sb_bg01.png) 90% center no-repeat;
}
#msec02 .sban02 {
	background: url(../../images/sb_bg02.png) 90% center no-repeat;
}
@media (min-width:1201px){	
	#msec02 .ban_list > li {
		height: 260px;
	}
	#msec02 .sban_list > li {
		border-bottom: 1px solid #ddd;
	}
	#msec02 .sban_list > li:last-child {
		border-bottom: 0px;
	}
}
@media (max-width:1200px) and (min-width:480px) {	
	#msec02 .sban_list > li {
		border-right: 1px solid #ddd;
	}	
	#msec02 .sban_list > li:last-child {
		border-right: 0px;
	}
}
@media (max-width:479px) {	
	#msec02 .sban_list > li {
		border-bottom: 1px solid #ddd;
	}	
	#msec02 .sban_list > li:last-child {
		border-bottom: 0px;
	}
	#msec02 .sban {
		background-size: 40px !important;
	}
	#msec02 .ban_list > li {
		padding: 20px 15px;
	}
}
/*msec03*/
#msec03 .tt_img {
	background: url(../../images/tt_img_bg.jpg) center top no-repeat;
    background-size: 100%;
    background-position: center top;
    background-attachment: fixed;
	width: 100%;
}
#msec03 .tt_img .tt_con {
	height: 100%;
}

#msec03 .tt_img .tt_con_img {
    margin: 20px 0px;
}
#msec03 .tt_img .tt_con > div {
	display: inline-block;
    margin: 100px 0px;
}
#msec03 .tt_img .tt_con > div h1 {
	font-size: 45px;
    line-height: 1em;
    margin-bottom: 25px;
    font-weight: 400;
	color: #fff;
}
#msec03 .tt_img .tt_con > div p {
	font-size: 23px;
    line-height: 35px;
    color: #b9b7b7;
}

#msec03 .tt_img .tt_con > div p span{
    color: #ffcf00;
}
#msec03 .tt_img .tt_con > div .btn_wrp a {
	display: inline-block;
    border: 1px solid #eee;
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    line-height: 1em;
    padding: 10px 40px;
    margin-right: 5px;
}
@media (max-width:480px){
	#msec03 .tt_img {
		height: 300px;
    	background-size: cover;
		background-position: left center;
	}
}
@media (max-width:479px){
	#msec03 .tt_img {
		height: 100%;
	}
	
	#msec03 .tt_img .tt_con {
		width:100% !important;

	}
	
	#msec03 .tt_img .tt_con > div {
		margin: 40px 0px;
	}
	#msec03 .tt_img .tt_con_img {
		width:100% !important;

	}
	#msec03 .tt_img .tt_con > div h1 {		
		font-size: 24px;
		margin-bottom: 10px;
		word-break: keep-all;
	}
	
	#msec03 .tt_img .tt_con > div p {
		font-size: 17px;
	}
	#msec03 .tt_img .tt_con > div .btn_wrp a {
		font-size: 12px;
		padding: 5px 15px;
	}	
}
/*msec04*/
#msec04 {
	padding: 30px 0;	
}
#msec04 .banbox {
	max-width: 1000px;
	margin: 0 auto;
}
#msec04 .banbox li {
	float: left;
	width: 20%;
	border: 1px solid #ddd;
	border-right: 0px;
	padding: 40px 15px;
}
#msec04 .banbox li:last-child {
	border-right: 1px solid #ddd;
}
#msec04 .banbox .banbox_item h3 {
    font-size: 20px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1em;	
}
#msec04 .banbox .banbox_item .lined {
	line-height: 0px;
	padding: 10px;
}
#msec04 .banbox .banbox_item .lined:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 1px;
	background-color: #e3400b;
}
#msec04 .banbox .banbox_item .img_wrp {
	margin-bottom: 15px;
}
#msec04 .banbox .banbox_item h5 {
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.4em;	
}
@media (max-width:479px){
	#msec04 .banbox li {
		width: 50%;
		padding: 20px 15px;
		border: 1px solid #ddd;
		border-bottom: 0px;
	}
	#msec04 .banbox li.m_brnone {
		border-right: 0px;
	}
	#msec04 .banbox li:last-child {
		width: 100%;
		border-bottom: 1px solid #ddd;
	}	
	#msec04 .banbox .banbox_item h3 {
		font-size: 18px;
	}
	#msec04 .banbox .banbox_item .lined {
		padding: 5px;
	}
	#msec04 .banbox .banbox_item .lined:after {
		width: 10px;
	}
	#msec04 .banbox .banbox_item .img_wrp {
		margin-bottom: 10px;
	}
	#msec04 .banbox .banbox_item .img_wrp img {
		width: 30px;
	}
	#msec04 .banbox .banbox_item h5 {
		font-size: 16px;
	}
}
/*msec05*/
#msec05 {
	padding: 30px 0;
	background: url(../../images/msec05_bg.jpg) center center no-repeat;
}
#msec05 .txtbox {
	border: 1px solid rgba(255,255,255,0.3);
	padding: 30px 15px;
}
#msec05 .txtbox h4 {
    font-size: 17px;
    font-weight: 200;
    color: #fff;
    line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 10px;
}
#msec05 .txtbox h2 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 1.4em;
	word-break: keep-all;
}
@media (max-width:479px){
	#msec05 {
		padding: 15px 0;
	}
	#msec05 .txtbox {
		padding: 15px 15px;
	}
	#msec05 .txtbox h4 {
		font-size: 12px;
	}
	#msec05 .txtbox h2 {
		font-size: 15px;
	}
}
/*msec06*/
#msec06 {
	padding: 40px 0;
	background: url(../../images/msec06_bg.jpg) center center no-repeat;
}
#msec06 .banbox li {
    float: left;
    width: 20%;
    border-right: 0px;
    padding: 40px 15px;
}

#msec06 h1{
   margin:30px;
   font-size:30px;
}

#msec06 .banbox li .img_wrp{
   margin-bottom:40px;
}
#msec06 .banbox li h5{
   font-size: 20px;
}
@media (max-width:479px){
	
	#msec06 {
		height:100%;
		padding: 0px;
	}
	#msec06 .banbox li {
		width: 50%;
		padding: 20px 15px;
	}
	#msec06 .banbox li:last-child {
		width: 100%;
	}
	
}
/*footer*/
.footer {
	background-color: #333;
	color: #fff;
	padding: 0px;
}

.footer .sbn_item {
    display: table;
    width: 100%;
    height: 130px;
    background-color: #0850d7;
	padding:40px;
	color:#fff;
}
.footer .sbn_item h2 {
    font-size: 23px;
	color:#fff;
}

.footer .sbn_item h1 {
    font-size: 30px;
	color:#ffdb2a;
}
.footer .cp_mo{
	display:none;
}

.footer .sbn_item p {
    font-size: 17px;
	color:#fff;
	}
.sub_section .sub_con {
	padding: 50px !important;
}
@media (max-width:479px){
	.sub_section .sub_con {
		padding: 30px 15px !important;
	}
	
	.footer .container{
		padding: 0px !important;
	}
	.footer .cp_pc{
		display:none;
	}
	.footer .cp_mo{
		display:block;
		padding: 15px 40px;
	}
	
	.footer .cscenter{
		padding: 0px !important;
	}
}

.kakao{
	background-color: #ffe600;
	padding: 10px !important;
	border-radius: 4px;
	border: 1px solid #d4b015;
	font-weight: 600 !important;
	color: #381e1f !important;
	box-shadow: inset 0px 0px 3px rgba(255,255,255,0.5);
}
.kakao img {
    width: 25px;
}



/*company_01*/
.company_01 h2{
	font-size:30px;
}
.company_01 h2 span{
	color:#ec008c;
}
.company_01 p{
	font-size:18px;
}
@media (max-width:479px){
	

}



/*product_01*/
.product_01 .sec_01 table {	
	width:100%;
	border-top:2px solid #b51c45;
	font-size:17px;
}
.product_01 .sec_01 table th {
	border: 1px solid #ddd;
    color: #000;
	text-align: center;
	font-weight: 600;
	
    background: #fafafa;
}
.product_01 .sec_01 table th, .product_01 .sec_01 table td {
	padding: 15px 10px;
    vertical-align: middle;
    color: #444444;
    font-weight: 400;
	
}
.product_01 .sec_01 table td {
	padding: 15px 30px !important;
	text-align:left;
	
}
.product_01 .sec_01 table td{
    padding: 10px 10px;
    vertical-align: middle;
    color: #666;
    font-weight: 400;
    border: 1px solid #ddd;
}
.product_01 .sec_02 h3 {
	text-align: center;
    border-top: 2px solid #333;
    padding: 10px 0;
    border-bottom: 1px solid #333;
}
.product_01 .sec_02 p {
	padding:10px;
}


.product_01 .sec_03 .noti_box {
	padding:30px;
    background-color: #eee;
	border: 1px solid #ddd;
}
.product_01 .sec_03 .noti_con h3 {
	margin-top:30px;
	text-align:left;
	font-size:20px;
}
.product_01 .sec_03 .noti_con p {
	margin-top:10px;
	font-size:18px;
}


/* product_01 */
.product_01 .sec_04 h4 {
	margin-top:30px;
	font-size:20px;
	border-bottom:1px solid #333;
	padding-bottom:10px
}
.product_01 .sec_01 .bn_item {
    margin-top: 20px;
    display: inline-block;
    width: 395px;
    float: none;
    padding: 30px;
    border: 1px solid #e5e5e5;   
	background: #0850d7;
    color: #fff;
}
.product_01 .sec_01 .bn_item h2 {
    color: #fff;
}

.product_01 .banbox li {
    float: left;
    width: 20%;
    border-right: 0px;
    padding: 40px 15px;
}


.product_01 h1{
   margin:30px;
   font-size:30px;
}

.product_01 p{
   font-size:17px;
}

.product_01 .banbox li .img_wrp{
   margin-bottom:40px;
}
.product_01 .banbox li:after {
	margin-left:100px;
	content: ">";
	display: inline-block;
	font-size:25px;
    position: absolute;
    top: 13%;
}
.product_01 .banbox li:last-child:after {
	margin-left:0px;
}
.product_01 .banbox li h5{
	text-align:center;
   font-size: 20px;
}
@media (max-width:479px){
	
	.product_01  {
		height:100%;
		padding: 0px;
	}
	.product_01  .banbox li {
		width: 50%;
		padding: 20px 15px;
	}
	.product_01  .banbox li:last-child {
		width: 100%;
	}

	.product_01 .banbox li:after {
		content: "";
	}

	.product_01 .banbox li:last-child:after {
		content: "";
	}

	
}



/* business4 */
.business4 .sec_01 .bn_item {
    margin-top: 20px;
    display: inline-block;
    width: 395px;
    float: none;
    padding: 30px;
    border: 1px solid #e5e5e5;   
	background: #9a1622;
    color: #fff;
}
.business4 .sec_01 .bn_item h2 {
    color: #fff;
}

.business4 .banbox li {
    float: left;
    width: 20%;
    border-right: 0px;
    padding: 40px 15px;
}


.business4 h1{
   margin:30px;
   font-size:30px;
}

.business4 p{
   font-size:17px;
}

.business4 .banbox li .img_wrp{
   margin-bottom:40px;
}
.business4 .banbox li:after {
	margin-left:100px;
	content: "\f015";
	display: inline-block;
	font-size:25px;
    position: absolute;
    top: 78%;
}
.business4 .banbox li:last-child:after {
	margin-left:0px;
}
.business4 .banbox li h5{
	text-align:center;
   font-size: 20px;
}
@media (max-width:479px){
	
	.business4  {
		height:100%;
		padding: 0px;
	}
	.business4  .banbox li {
		width: 50%;
		padding: 20px 15px;
	}
	.business4  .banbox li:last-child {
		width: 100%;
	}

	.business4 .banbox li:after {
		content: "";
	}

	.business4 .banbox li:last-child:after {
		content: "";
	}
}