.company_banner {
	color:#FFF;
	margin:0 auto;
	text-align:center;
	padding:50px 0 90px 0;
	height:300px;
	background-image:url(../img/new/company_top.jpg);
}
.kenburns-top {
	-webkit-animation:kenburns-top 5s ease-out both;
	animation:kenburns-top 5s ease-out both
}
 @-webkit-keyframes kenburns-top {
0% {
-webkit-transform:scale(1) translateY(0);
transform:scale(1) translateY(0);
-webkit-transform-origin:50% 16%;
transform-origin:50% 16%
}
100% {
-webkit-transform:scale(1.25) translateY(-15px);
transform:scale(1.25) translateY(-15px);
-webkit-transform-origin:top;
transform-origin:top
}
}
@keyframes kenburns-top {
0% {
-webkit-transform:scale(1) translateY(0);
transform:scale(1) translateY(0);
-webkit-transform-origin:50% 16%;
transform-origin:50% 16%
}
100% {
-webkit-transform:scale(1.25) translateY(-15px);
transform:scale(1.25) translateY(-15px);
-webkit-transform-origin:top;
transform-origin:top
}
}
.company_banner {
}
.company_banner .title1 {
	margin-bottom:20px;
	text-shadow: 1px 1px 5px black;
}
.company_banner .title1 img {
	width:50px;
}
.company_banner .title2 {
	font-size:27pt;
	color: #FFF;
	letter-spacing:2pt;
	font-weight: 700;
	text-shadow: 1px 1px 5px black;
}
.company_banner .title3 {
	font-size:14pt;
	color: #FFF;
	width:65%;
	margin:20px auto 0;
	text-shadow: 1px 1px 5px black;
}
.company-nav-sub {
	font-size:12pt;
	margin-bottom:30px;
	border-bottom: 1px solid #E7E7E7;
}
.company-nav-sub ul {
	margin: 0 auto;
	width:90%;
	overflow: hidden;
	display: flex;
	justify-content: space-around;
}
.company-nav-sub li {
	line-height:60px;
	cursor:pointer;
}
.company-nav-sub a {
	color:#666;
}
.company-nav-sub li:hover a {
	color:#000;
}
h5.title {
	font-size:12pt;
	margin:40px 0 20px 0;
	text-align:left;
}


/* content1  */
.content1 {
	margin:50px auto 0;
}
.content1 .sub1 {
	width:100%;
	margin:0 auto;
	padding:70px 50px;
	background-color:#f8f9fa;
	overflow:hidden;
}
.content1 .sub1 .about_title {
	font-family:"Noto Serif KR", sans-serif !important;
	overflow:hidden;
}
.content1 .sub1 .about_title h4 {
	font-size:28pt;
	text-shadow: 1px 1px 2px #CCC;
}
.content1 .sub1 .about_title h4 span {
	font-size:17pt;
	display:block;
	letter-spacing:2pt;
	margin-bottom:15px;
	font-weight:300;
}
.content1 .sub1 .about_title p {
	font-size:14pt;
	margin:30px 0 20px 0;
	text-align:center;
}
.content1 .sub1 .about_title p img {
	width:100%;
	margin:70px auto;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.content1 .about {
	margin:20px auto;
	text-align:left;
}
.content1 .about h4 {
	font-size:30pt;
	margin-bottom:30px;
	text-shadow: 1px 1px 2px #CCC;
}
.content1 .about p {
	font-size:12pt;
	line-height:2;
}
.content1 .about ul {
	margin:30px 0;
	width:700px;
	display: flex;
	justify-content: space-around;
}
.content1 .about li {
	width:40%;
	margin:0 3%;
}
.content1 .about li img {
	width:100%;
	border-radius:50%;
}
.content1 .about2 {
	margin:50px auto;
	text-align:left;
 font-family:;
}
.content1 .about2 h4 {
	font-size:30pt;
	margin:20px 0 20px 0;
	text-shadow: 1px 1px 2px #CCC;
}
.content1 .about2 ul {
	width:80%;
}
.content1 .about2 li {
	font-size:12pt;
	line-height:40px;
	height: 45px;
	line-height: 45px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.content1 .about2 li span {
	font-size:15pt;
	letter-spacing:1;
	font-weight:900;
	border-bottom:1px solid #666;
	margin-right:10px;
}
.content1 .infobox {
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	padding:15px 30px;
	background-color:#FFF;
	margin:0 auto;
}
/* table cssºÎºÐ */

table.info {
	font-size:11pt;
}
table.info th {
	width:30%;
	text-align:left;
	padding:10px;
}
table.info td {
	width:70%;
	padding:10px;
}
table.info tr td {
	border-top:1px solid #E7E7E7;
}
table.info tr:first-child td {
	border-top:none;
}
table.info tr th {
	border-top:1px solid #E7E7E7;
}
table.info tr:first-child th {
	border-top:none;
}
/* sub1  end */








/* sub2  */
.content2 {
	margin:30px auto 0;
}
.content2 .sub {
	width:90%;
	margin:0 auto;
}
.content2 .sub dl {
	margin-top:40px;
}
.content2 .sub dl:first-child {
	margin-top:0;
}
.content2 .sub dt {
	font-size:20px;
	font-weight:900;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom: 1px solid #E6E6E6;
}
.content2 .sub dd {
	margin-bottom:10px;
}
/* sub2  end */




/* sub3  */
.content3 {
	margin:40px auto;
}
.content3 .sns {
	font-size:15pt;
	text-align:center;
	margin-bottom:30px;
}
.content3 .sns img {
	width:40px;
	margin-right:15px;
	border-radius:5px;
	vertical-align:middle;
}
.content3 {
}
.content3 img {
	width:90%;
}
/* sub3  end */





/*********************** Àü±¹¸ÅÀå¼Ò°³ ÆäÀÌÁö end ***********************/





.company_h {
	text-align:left;
}
.company_h li {
	display: flex;
	align-items: center;
	border-bottom:1px solid #e1dfdf;
	padding:25px 0;
	overflow:hidden;
}
.company_h h1 {
	width:25%;
	
}
.company_h h1 strong {
	font-size:23pt;
	color:#666;
	display:block;
	font-weight:400px;
	letter-spacing:-.05em;
	padding:0 0 10px 0;
	color:#000;
}
.company_h h1 span {
	margin-top:6px;
	margin-left:2px;
	padding-left:0;
	display:block;
	font-size:10pt;
	font-weight:bold;
}
.company_h .cont {
	width:75%;
}
.company_h .cont .cont_txt {
	line-height:1.8;
}
.company_h .cont .cont_txt span {
	color:#f43011;
}
/*********************** box-ani ***********************/

.content1 .sub1 .box {
	width:100%;
	height:350px;
	margin:50px 0;
}
.actionImg3 {
	position:relative;
}
.actionImg3 img {
	display:block;
	width:100%;
	height:100%;
}
.actionImg3 .hover {
	z-index:20;
	position:absolute;
	top:0;
 padding-top:;
	text-align:center;
	background-color:rgba(0, 0, 0, 0.5);
	width:100%;
	height:100%;
	color:#efefef;
	text-align:center;
	box-sizing:border-box;
	opacity:0;
 transition:opacity .3s ease-out;
 -webkit-transition:opacity .3s ease-out;
 -moz-transition:opacity .3s ease-out;
}
.actionImg3 .hover .line1 {
	position:absolute;
	top:12%;
	left:6%;
	content:inherit;
	width:88%;
	height:76%;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	opacity:0;
	transform:scale(0, 1);
	-webkit-transform:scale(0, 1);
	-moz-transform:scale(0, 1);
 transition:transform.4s ease-out .2s, opacity .4s ease-out;
 -webkit-transition:-webkit-transform .4s ease-out .2s, opacity .4s ease-out;
 -moz-transition:-moz-transform .4s ease-out .2s, opacity .4s ease-out;
	box-sizing:border-box;
}
.actionImg3 .hover .line2 {
	position:absolute;
	top:12%;
	left:6%;
	width:88%;
	height:76%;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	opacity:0;
	transform:scale(1, 0);
	-webkit-transform:scale(1, 0);
	-moz-transform:scale(1, 0);
 transition:transform.4s ease-out .2s, opacity .4s ease-out;
 -webkit-transition:-webkit-transform .4s ease-out .2s, opacity .4s ease-out;
 -moz-transition:-moz-transform .4s ease-out .2s, opacity .4s ease-out;
	box-sizing:border-box;
}
.actionImg3 .hover .sub_tit {
 position:;
 top:;
 left:;
	font-family:"Noto Sans KR", sans-serif !important;
	font-size:30pt;
	font-weight:bold;
	color:#fff;
	height:350px;
	padding-top:13%;
	transform:translate3d(0, -10px, 0);
	-webkit-transform:translate3d(0, -10px, 0);
	-moz-transform:translate3d(0, -10px, 0);
	opacity:0;
 transition:transform .5s ease-out .2s, opacity .5s ease-out .3s;
 -webkit-transition:-webkit-transform .5s ease-out .2s, opacity .5s ease-out .3s;
 -moz-transition:-moz-transform .5s ease-out .2s, opacity .5s ease-out .3s;
}
.actionImg3 .hover .sub_tit a {
	color:#fff;
	display:block;
	padding:20px 0;
}
.actionImg3 .hover .sub_tit span {
	color:#fff;
	font-size:15pt;
	font-weight:200;
	display:block;
}
.actionImg3:hover .hover {
	opacity:1;
}
.actionImg3:hover .hover .sub_tit {
	opacity:9;
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
}
.actionImg3:hover .line1 {
	transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	opacity:9;
}
.actionImg3:hover .line2 {
	transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	opacity:9;
}







/******************ÇÁ·£Â÷ÀÌÁî ¸ðÁý**********/
.franchise {
	width:90%;
	font-size: 15px;
}
.franchise h5.tit {
	font-size:20px;
	text-align:left;
	font-weight:bold;
	margin:0 auto 30px;
}
.franchise p.tit {
	margin:30px auto;
}
.franchise .sub1 {
	width:70%;
	margin:50px auto 50px;
}
.franchise .sub1 h4 {
	font-size:35px;
	width:80%;
	margin:40px auto;
	font-weight: 800;
	text-align:center;
}
.franchise .sub1 h4 p {
	font-size:20px;
	font-weight:normal;
	margin-top:20px;
}
.franchise .sub2 {
	margin:30px auto 70px;
}
.franchise .sub3 {
	margin:30px auto 70px;
}
.franchise .sub3 .step {
	border-radius: 30px;
	background-color:#d7ebf2;
}
.franchise .sub3 .step img {
	width: 70%;
	margin:30px auto;
}
.franchise .sub4 {
	margin:30px auto 70px;
}
.franchise .sub4 table td {
	text-align:center;
}
.franchise .sub4 ul {
	padding: 20px;
	text-align:left;
	background-color: #F7F7F7;
	margin:20px auto;
}
.franchise .sub4 .bt_area {
	margin:60px auto 0;
	text-align:center;
}
.franchise .sub4 .bt_area p {
	margin:20px auto;
}
.franchise table {
	font-size:15px;
	background-color:#ccc;
	text-align:center;
	overflow:hidden;
}
.franchise table th {
	background-color:#F7F7F7;
	color:#000;
	padding:15px;
}
.franchise table td {
	background-color:#FFF;
	padding:15px;
	text-align:left;
}


.franchise ul.agency_step {
	display: flex;
	justify-content: space-between;
}
.franchise ul.agency_step li p {
	font-size: 18px;
	font-weight: 800;
	color: #09F;
	line-height: 40px;
	display: block;
}
.franchise ul.agency_step li {
	width: 25%;
	padding: 10px;
  height: 130px;
	margin: auto 1%;
	border-radius: 15px;
	border: 2px solid #CCC;
	background-color: #F7F7F7;
}







/* °¡¸Í¾È³» ¸ÞÀÎ */
.business_area {
	font-size:15px;
	padding: 50px 20px;
	margin: 0 auto;
	text-align: center;
	background-color:#e4edf1;
}
.business_area .sub1 {
}
.business_area .sub1 p {
	font-size: 18px;
    color: #eedaaa;
    letter-spacing: 1px;
    width: fit-content;
    margin: 0 auto;
    padding: 20px 80px;
    border-radius: 30px;
    background-color: #09085d;
}
.business_area .sub1 h3 {
	font-size: 60px;
	color:#09085d;
	margin:40px 0;
	font-family: 'Jalnan', 'Noto Sans KR', sans-serif;
	position: relative;
}
.business_area .sub1 h3 span {
	margin-left:20px;
	bottom:10px;
	position: absolute;
}
.business_area .sub1 h3 img {
	width:50px;
}
.business_area .sub1 dl.tit {
	color:#111;
	margin:50px auto;
}
.business_area .sub1 dl.tit dt {
	font-size:50px;
	width: fit-content;
	margin: 0 auto;
	border-bottom:2px solid #111;
}
.business_area .sub1 dl.tit dd {
	font-size:20px;
	margin:40px auto;
}
.business_area .sub2 {
	width: 80%;
    overflow: hidden;
    margin: 0 auto;
}
.business_area .sub2 dl.guide {
	margin: 40px auto;
	overflow: hidden;
}
.business_area .sub2 dl.guide dt {
	width:30%;
	float:left;
	padding:20px;
	background-color:#484877;
	color:#fff;
	border-bottom:1px solid #e4edf1;
}
.business_area .sub2 dl.guide dd {
	width:70%;
	float: right;
	padding:20px;
	background-color:#fff;
	color:#484877;
	border-bottom:1px solid #e4edf1;
}
.business_area .sub3 {
width: 70%;
    margin: 60px auto 60px;
}
.business_area .sub3 img {
	width:55%;
}
.business_area .sub3 ul.box {
	padding:40px;
	border:2px solid #484877;
	background-color:#fff;
}
.business_area .sub3 ul.box li {
	font-size:20px;
	color:#484877;
}
/* °¡¸Í¾È³» ¸ÞÀÎ end */



/* Àß³­Ã¼ */
.font_jalnan {
	font-family: 'yg-jalnan', 'Noto Sans KR', sans-serif;
}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}