/*common*/
img {
	max-width: 100%;
}
.p-none {
	padding: 0px !important;
}
.text-center {
	text-align: center;
}

/*sec_dvd*/
.sec_dvd {
    padding: 100px 0;
}
.sec_dvd.sec_dvd_mini {
    padding: 60px 0;
}
@media (max-width:768px){
    .sec_dvd {
        padding: 40px 0;
    }
    .sec_dvd.sec_dvd_mini {
        padding: 20px 0;
    }
}
/*conbox*/
.conbox {
    margin-top: 60px;
}
.conbox.conbox_mini {
    margin-top: 40px;
}
@media (max-width:768px){
    .conbox {
        margin-top: 30px;
    }
	.conbox.conbox_mini {
		margin-top: 20px;
	}
}

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

/*dft*/
.dft {
    word-break: keep-all;
}
h1.dft {
    font-size: 45px;
    color: #221814;
    font-weight: 600;
    line-height: 1em;
    text-transform: none;
    margin-bottom: 20px;
}
h2.dft {
    font-size: 40px;
    color: #221814;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: none;
}
h3.dft {
    font-size: 28px;
    color: #221814;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: none;
}
h4.dft {
    font-size: 24px;
    color: #221814;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: none;
}
h5.dft {
    font-size: 20px;
    color: #221814;
    font-weight: 400;
    line-height: 1.4em;
    text-transform: none;
}
h6.dft {
    font-size: 15px;
    color: #1e1e1e;
    font-weight: 400;
    line-height: 1.4em;
    text-transform: none;
}
p.dft {
    font-size: 16px;
    line-height: 1.6em;
    color: #221814;
    font-weight: 400;
}
@media (max-width:768px){
    h1.dft {
        font-size: 28px;
    }
    h2.dft {
        font-size: 22px;
    }
    h3.dft {
        font-size: 20px;
    }
    h4.dft {
        font-size: 18px;
    }
    h5.dft {
        font-size: 16px;
    }    
    h6.dft {
        font-size: 14px;
    }
    p.dft {
        font-size: 13px;
    }
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}

/*header*/
#header .h_nav {
	padding: 0;
    background-color: #000;
}
#header .logo_wrp a{
    margin: 15px 0;
    display: inline-block;

}

    
#header .top_menu {
	text-align: right;
	top: 45px;
}
#header .top_menu a {
	display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    color: #fff;
    padding: 10px 10px 6px;
}
#header .top_menu a img {
	vertical-align: middle;
    margin-bottom: 4px;
}
.top_menu a{
    background: #005b98;
    padding: 10px;
    border-radius: 6px;
}
.top_menu a.red{
    background: #c1272d;
}
#header nav {
	background-color: #fff;
}
#header .nav > li > a{
	display: inline-block;
    width: 100%;
    padding: 15px;
    color: #333;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Noto Sans KR', Arial, sans-serif !important;
}
#header .nav > li{
    position: relative;
}
#header .nav > li:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    height: 30%;
    top: 35%;
    width: 1px;
    background-color: #ccc;
}
/*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: 300;
	color: #fff;
	line-height: 1.2em;
	margin-bottom: 0px;
    margin-top: 30px;
}
.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: 20px;
		margin-top: 10px;
	}
	.visual_section .slide_con .txtbox h4 {
		font-size: 13px;
	}
	.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;
	}
}

.text-light {
	color: #FFF !important;
}

.font-weight-light {
	font-weight: 300 !important;
}

.font-weight-normal {
	font-weight: 400 !important;
}

.font-weight-semibold {
	font-weight: 600 !important;
}

.font-weight-bold {
	font-weight: 700 !important;
}

.font-weight-extra-bold {
	font-weight: 900 !important;
}

/*mtit*/

.mtit .lined {
    text-align: center;
    line-height: 0px;
    margin-top: 20px;
}
.mtit .lined:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 3px;
    background-color: #333;
}
.mtit.mtit_w .lined:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 3px;
    background-color: #fff;
}
.mtit.mtit_w h1{
    color: #fff;
}
@media (max-width:768px){
    .mtit .lined {
        margin-top: 10px;
    }
    .mtit .lined:after {
        width: 30px;
        height: 2px;
    }
    .mtit.mtit_w .lined:after {
        width: 30px;
        height: 2px;
    }
}
/*msec1*/
#msec1 {
    background: url(../../images/msec1_bg.png) center center no-repeat;
    background-size: cover;
    background-color: #333;
}
#msec1 .ms1_list > li{
    font-size: 20px;
    color: #fff;
    line-height: 1.4em;
    font-weight: 400;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 2px dashed #fff;
    padding-left: 36px;
    position: relative;
    word-break: keep-all;
    
}
#msec1 .ms1_list > li span{
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(../../images/chk_w.png) center center no-repeat;
    background-size: cover; 
}

@media (max-width:768px){
   #msec1 .ms1_list > li{
        font-size: 15px;
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 1px dashed #fff;
        padding-left: 27px;
    }
    #msec1 .ms1_list > li span{
        width: 24px;
        height: 24px;
    }
}
/*msec2*/
#msec2 {
    background-color: #f7f7f7;
}
@media (min-width:769px){
    
}
@media (max-width:768px){
    
}

/*banner_box*/
.banner_box li a {
    text-decoration: none;
    display: block;
    position: relative;
    background-color: #fcfcfc;
    padding: 40px 15px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.banner_box li a .more {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 40px;
    line-height: 40px;
    background-color: #c1272d;
    font-size: 25px;
    color: #fff;
}
.banner_box li a h5 {
    font-weight: 600;
    margin-top: 15px;
    line-height: 1em;
}
.banner_box li a .bt_go {
    font-size: 14px;
    color: #666;
    line-height: 1em;
}
@media (min-width:769px){
    .banner_box li a {
        border-radius: 10px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .banner_box li a:hover {
        border-color: #c1272d;
    }
}
@media (max-width:768px){
    .banner_box {
        margin: 0;
    }
    .banner_box li {
        padding: 0;
    }
    .banner_box li a {
        padding: 20px 5px 15px;
    }
    .banner_box li:not(:last-child) a {
        border-right: 0;
    }
    .banner_box li:not(:last-child) a .more {
        right: 0px;
    }
    .banner_box li a .icon img {
        width: 50px;
    }
    .banner_box li a .more {
        width: 20px;
        line-height: 20px;
        font-size: 15px;
    }
    .banner_box li a h5 {
        margin-top: 10px;
        font-size: 13px;
    }
    .banner_box li a .bt_go {
        font-size: 11px;
    }
}
/*msec3*/
#msec3 {
    background: url(../../images/msec3_bg.png) center center no-repeat;
    background-size: cover;
}
#msec3 ul li{
    margin: 15px 0;
}

@media (max-width:768px) {
   
}


/*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%;
	}
	
}


.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: #ec008c;
    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: #ec008c;
    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: "";
	}

	
}