/****************************************************************************************************************************************
메인 롤링이미지 텍스트 설정
****************************************************************************************************************************************/
/* 메인 이미지 */
.mp01 {position:absolute;left:4em;top:-350px;width:400px;height:600px;background:url(../../images/main0101.png) no-repeat;background-size:100%; }
.mp02 {position:absolute;left:5em;top:-340px;width:360px;height:596px;background:url(../../images/main0201.png) no-repeat;background-size:100%; }
.mp03 {position:absolute;left:5em;top:-295px;width:600px;height:550px;background:url(../../images/main0301.png) no-repeat;background-size:100%; }
/* 메인 텍스트 */
.mt01 {width:70%;text-align:center;padding-top:0em;margin:0 auto;}
.mt02 {width:70%;text-align:center;padding-top:0em;margin:0 auto;}
.mt03 {width:70%;text-align:center;padding-top:0em;margin:0 auto;}

.mbtn01 {margin-top:2em;}
.mbtn01 a {font-size:0.85em;padding:0.5em 1em;}
.mbtn01 a:link, 
.mbtn01 a:active, 
.mbtn01 a:visited { color:#fff; text-decoration: none;border:1px solid #fff; }/*들어갔었든*/
.mbtn01 a:hover,
.mbtn01 .hover  { color:#fff !important; text-decoration: none !important;background:#014099;border:1px solid #014099; }

.mrolltextZone01 {position:relative;left:150px;top:-150px;width:1200px;}
.mrolltextZone02 {position:relative;left:130px;top:-100px;width:1200px;}
.mrolltextZone03 {position:relative;left:150px;top:0px;width:1200px;}
.mrolltextZone04 {position:relative;left:220px;top:-100px;width:1200px;}
.mrolltextBox01 {width:50%;}
.mrolltextBox01 .slogan02 strong {color:#e94626;font-weight:normal;}
.mrolltextZone03 .mrolltextBox01 {margin-left:40%;}
.slogan01 {font-size:2.5em;font-weight:600;padding-bottom:0.5em;color:#000;letter-spacing: -0.025em;text-align:left;font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;line-height:1.1em;}
.slogan01 span {color:#e94626;word-break: keep-all;word-wrap: break-word;}
.slogan02 {width:70%;line-height:1.4em;font-size:0.95em;font-weight:300;letter-spacing: -0.025em;text-align:left;font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;color:#333;word-break: keep-all;word-wrap: break-word;}
.mrolltextZone02 .slogan01 {color:#fff;}
.mrolltextZone02 .slogan02 {color:#ddd;}
.sgsize01 {font-weight:400;font-size:0.8em;}
.sgsize02 {}

/****************************************************************************************************************************************
메인 영역 설정
****************************************************************************************************************************************/

/* style1 : S ******************************************/
.wrapper.style1 {
	/* background: url(../../images/m_bg01.jpg) fixed center; background-size:100%; */
	padding:3em 0;
	background:#c4161c;
}
.style1 .container h2 { font-size:2.25em;font-weight:600; text-align:center; color:#333; margin:0; }
.style1 .container p { text-align:center; color:#999; font-size:0.65em; line-height:1.5em; margin-bottom:4em; }
.style1 .container .ms_box01 p { margin-bottom:2em; }
.style1 .container .row .box h3 { color:#fff; }

/* style2 : S ******************************************/
.wrapper.style2 {
	position:static;
	display:inline-block;
	width:100%;
	/* background:url(../../images/main/m_bg02.jpg) fixed center;
	background-size:100%; */
	background:#ededed;
	padding:2em 0;
}
.wrapper.style2 .inBoxDanLeft a,
.wrapper.style2 .inBoxDanRight a {display:table;width:100%;height:100%;padding:2em 0;font-size:1.5em;}
.wrapper.style2 .inBoxDanLeft a .inGroup,
.wrapper.style2 .inBoxDanRight a .inGroup {display:table-cell;vertical-align:middle;text-align:center;}
.wrapper.style2 .inBoxDanLeft a .inGroup {float:right;width:100%;}
.wrapper.style2 .inBoxDanRight a .inGroup {float:left;width:100%;}

.wrapper.style2 .inBoxDanLeft a .inGroup .inImgZone,
.wrapper.style2 .inBoxDanRight a .inGroup .inImgZone {}
.wrapper.style2 .inBoxDanLeft a .inGroup .inTextZone,
.wrapper.style2 .inBoxDanRight a .inGroup .inTextZone {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.75em;}

.wrapper.style2 a .inGroup {display:table;width:100%;}
.wrapper.style2 a .inGroup .mimgBoxZone {display:inline-block;position:relative;float:left;width:50%;font-size:1em;}
.wrapper.style2 a .inGroup .mtextBoxZone {display:inline-block;float:left;width:50%;font-size:1em;}
.wrapper.style2 a .inGroup .mtextBoxZone .mtOutBox {display:table;width:100%;height:281px;text-align:center;vertical-align:middle;}
.wrapper.style2 a .inGroup .mtextBoxZone .mtOutBox .mtInBox {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}
.wrapper.style2 a .inGroup .mtextBoxZone .stext {display:block;text-align:center;font-size:0.75em;color:#999;}
.wrapper.style2 a .inGroup .mtextBoxZone .stext2 {display:block;text-align:center;font-size:0.75em;color:#999;font-weight:400;}
.wrapper.style2 a .inGroup .mtextBoxZone .btext {display:block;text-align:center;font-size:1.5em;font-weight:600;}
.wrapper.style2 a .inGroup .mtextBoxZone .moreBtn {display:block;text-align:center;font-size:0.65em;}
.wrapper.style2 a .inGroup .mtextBoxZone .moreBtn span {display:inline-block;border:1px solid #333;border-radius:30px;padding:0.2em 1.5em 0.3em;margin-top:1.5em;}
.wrapper.style2 a .inGroup .mtextBoxZone .moreBtn2 {display:block;text-align:center;font-size:0.65em;}
.wrapper.style2 a .inGroup .mtextBoxZone .moreBtn2 span {display:inline-block;border:1px solid #333;border-radius:30px;padding:0.2em 1.5em 0.3em;margin-top:1.5em;}

.wrapper.style2 a {}
.wrapper.style2 a:link, 
.wrapper.style2 a:active, 
.wrapper.style2 a:visited {color:#333;background:#fff;text-decoration: none;font-weight:500;}
.wrapper.style2 a:hover {color:#fff;background:#c4161c;text-decoration: none;font-weight:500;}

.wrapper.style2 a:hover .inGroup .mtextBoxZone .moreBtn span {border:1px solid #fff;background:#fff;color:#c4161c;}
.wrapper.style2 a:hover .inGroup .mtextBoxZone .moreBtn2 span {border:1px solid #fff;background:#fff;color:#c4161c;}

.wrapper.style2 a:hover .inGroup .mtextBoxZone .stext,
.wrapper.style2 a:hover .inGroup .mtextBoxZone .stext2 {color:#fff;}

.wrapper.style2 a .hoverColor {display:none;}
.wrapper.style2 a:hover .hoverColor {display:block;position:absolute;width:100%;height:100%;background:rgba(196,22,28,0.3);}

.style2 a {
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
	}
/* style3 : S ******************************************/
.wrapper.style3 {
	display:inline-block;
	width:100%;
	padding:3em 0;
}

.style3 h2 {text-align:center;color:#333;margin:0;}
.style3 p {text-align:center;color:#999;margin-bottom:2em;}

.style3 .container h2 { font-size:2.25em; text-align:center;  margin:0; }
.style3 .container p { text-align:center; font-size:0.65em; line-height:1.5em; margin-bottom:4em; }

.style3 a {font-size:0.85em;padding:0.5em 1em;font-weight:600;border-radius:10px;}
.style3 a:link, 
.style3 a:active, 
.style3 a:visited { color:#333; text-decoration: none;border:2px solid #fff;background:#f9f9f9; }/*들어갔었든*/
.style3 a:hover,
.style3 .hover  { color:#fff !important; text-decoration: none !important;background:#ab0b0c;border:2px solid #fff; }

.style3 a {
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
	}
/* style4 : S ******************************************/
.wrapper.style4 {
	position:static;
	display:block;
	width:100%;
	background:url(../../images/main/m_bg03.jpg) fixed center;
	background-size:100%;
	/* background-color: #37c0fb;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); */
	color: white;
}

.wrapper.style4 .button {
	background: white;
	color: #474747;
}

.wrapper.style4 .button:hover {
	color: #37c0fb !important;
}

.style4 h2 {text-align:center;color:#fff;margin:0;}
.style4 p {text-align:center;color:#ccc;margin-bottom:2em;}

.style4 .container h2 { font-size:2.25em; text-align:center;  margin:0; }
.style4 .container p { text-align:center; font-size:0.65em; line-height:1.5em; margin-bottom:4em; }

/****************************************************************************************************************************************
메인 세부 설정
****************************************************************************************************************************************/
.i5m2 {
	display:inline-block;
	width:20%;
	float:left;
	text-align:center;
}
.i4m2 {
	display:inline-block;
	width:25%;
	float:left;
	text-align:center;
}


.pad2px {padding:2px;}
.updown01 {display:block;width:100%;height:400px;margin:4px;}
/* .outBox {width:100%;height:400px;}
.inBox {width:100%;height:400px;text-align:center;vertical-align:middle;} */

.outBox {display:table;width:100%;height:400px;}
.inBox {display:table-cell;width:100%;height:400px;text-align:center;vertical-align:middle;}

.boxOut {width:100%;height:150px;}
.jung_out {display:table;width:100%;height:100%;}
.jung_in {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}
.jung_in  i {font-size:3em;}

.mpzone1 a {text-decoration: none;}
.mpzone1 a:link, 
.mpzone1 a:active, 
.mpzone1 a:visited { color:#333; text-decoration: none; }
.mpzone1 a:hover { color:#ab0b0c !important; text-decoration: none !important; }

.mpzone1 a .imgOutBox {position:relative;display:inline-block;width:119px;height:119px;margin:0 auto;border-radius:100%;background:#f9f9f9;border:2px solid #e9e9e9;}
.mpzone1 a:hover .imgOutBox {background:#e9e9e9;border:2px solid #ab0b0c;}
.mpzone1 a .imgOutBox .imgZone {position:relative;width:119px;height:119px;border-radius:100%;overflow:hidden;border:2px solid #ddd;}
.mpzone1 a .imgOutBox .imgZone img {display:block;width:100%;}

.mBox01,
.mBox02 {display:table;width:100%;height:100%;}
.mBox03,
.mBox04,
.mBox05 {display:block;width:100%;}

.mBox01 {}
.mBox02 {}
.mBox03 {background:#f8f8f8;}
.mBox04 {background:#ededed;}
.mBox05 {background:#f8f8f8;}

.mBox01 a,
.mBox02 a {display:table-cell;width:100%;height:300px; text-align:center;vertical-align:middle;}
.mBox03 a,
.mBox04 a,
.mBox05 a {display:table;width:100%;height:100%; text-align:center;padding:0;}

.mBox01 a:link, 
.mBox01 a:active, 
.mBox01 a:visited {color:#333;background:#ededed;text-decoration: none;}
.mBox01 a:hover {color:#fff;background:rgba(171,11,12,0.5);text-decoration: none;}

.mBox02 a:link, 
.mBox02 a:active, 
.mBox02 a:visited {color:#333;background:#dfdfdf;text-decoration: none;}
.mBox02 a:hover {color:#fff;background:rgba(171,11,12,0.6);text-decoration: none;}

.mBox03 a:link, 
.mBox03 a:active, 
.mBox03 a:visited {color:#333;background:#f8f8f8;text-decoration: none;}
.mBox03 a:hover {color:#fff;background:rgba(171,11,12,0.4);text-decoration: none;}
.mBox03 a:hover .plusBox {color:#fff;background:rgba(171,11,12,0.6);text-decoration: none;}

.mBox04 a:link, 
.mBox04 a:active, 
.mBox04 a:visited {color:#333;background:#ededed;text-decoration: none;}
.mBox04 a:hover {color:#fff;background:rgba(171,11,12,0.4);text-decoration: none;}
.mBox04 a:hover .plusBox {color:#fff;background:rgba(171,11,12,0.6);text-decoration: none;}

.mBox05 a:link, 
.mBox05 a:active, 
.mBox05 a:visited {color:#333;background:#f8f8f8;text-decoration: none;}
.mBox05 a:hover {color:#fff;background:rgba(171,11,12,0.4);text-decoration: none;}
.mBox05 a:hover .plusBox {color:#fff;background:rgba(171,11,12,0.6);text-decoration: none;}

.mBox01 a .imgBox,
.mBox02 a .imgBox {display:block;}
.mBox01 a .textBox,
.mBox02 a .textBox {display:block;clear:both;padding-top:1em;font-weight:600;}

.mBox03 a .imgBox,
.mBox04 a .imgBox,
.mBox05 a .imgBox,
.mBox03 a .textBox,
.mBox04 a .textBox,
.mBox05 a .textBox,
.mBox03 a .plusBox,
.mBox04 a .plusBox,
.mBox05 a .plusBox {height:100px;}

.mBox03 a .imgBox,
.mBox04 a .imgBox,
.mBox05 a .imgBox {display:table;float:left;width:30%;padding-top:0em;}
.mBox03 a .textBox,
.mBox04 a .textBox,
.mBox05 a .textBox {display:table;float:left;width:50%;text-align:left;padding-top:0em;}
.mBox03 a .plusBox {display:table;float:left;width:20%;vertical-align:middle;background:#dfdfdf;}
.mBox04 a .plusBox {display:table;float:left;width:20%;vertical-align:middle;background:#c9c9c9;}
.mBox05 a .plusBox {display:table;float:left;width:20%;vertical-align:middle;background:#dfdfdf;}

.mBox03 a .imgBox span,
.mBox04 a .imgBox span,
.mBox05 a .imgBox span {display:table-cell;width:100%;height:100%;vertical-align:middle;}

.mBox03 a .textBox span,
.mBox04 a .textBox span,
.mBox05 a .textBox span {display:table-cell;width:100%;height:100%;vertical-align:middle;}

.mBox03 a .textBox strong,
.mBox04 a .textBox strong,
.mBox05 a .textBox strong {display:block;font-size:0.85em;line-height:1.5em;}

.mBox03 a .textBox em,
.mBox04 a .textBox em,
.mBox05 a .textBox em {display:block;clear:both;font-size:0.65em;font-style:normal;line-height:1.3em;letter-spacing:-0.05em;padding-right:3em;word-break: keep-all;word-wrap: break-word;}

.mBox03 a .plusBox u,
.mBox04 a .plusBox u,
.mBox05 a .plusBox u {display:table-cell;width:100%;height:100%;font-size:2em;font-weight:300;vertical-align:middle;text-decoration: none;}





















.inBox a {}
.inBox a:link, 
.inBox a:active, 
.inBox a:visited { color:#fff; text-decoration: none; }
.inBox a:hover,
.inBox .hover  { color:#fff !important; text-decoration: none !important; }
.inBox a:hover .textBox p span {background:#014099;}

.updown01 .marginB1px a,
.updown01 .marginT1px a {text-decoration: none !important;}
.updown01 .marginT1px a:link, 
.updown01 .marginT1px a:active, 
.updown01 .marginT1px a:visited { color:#fff; }
.updown01 .marginT1px a:hover .n2Box,
.updown01 .marginT1px a:hover .n3Box,
.updown01 .marginT1px .hover { color:#fff !important; text-decoration: none !important;background:#014099; }

.groupBox {position:relative;padding:0;}
.groupBox .imgBox {width:100%;height:337px;overflow:hidden;background:#fff;}
.groupBox .textBox {width:100%;height:63px;background:#333;color:#fff;font-size:1.5em;}
.groupBox .textBox p {width:100%;height:63px;line-height:63px;margin-bottom:0;}
.groupBox .textBox p span {position:absolute;right:0px;padding:0 1.3em;background:#7e7f83;border-left:1px solid #fff;}


.mnBox01 {width:100%;height:199px;background:#666;margin-bottom:2px;}
.mnBox02 {display:inline-block;float:left;width:50%;height:199px;background:#666;}
.mnBox03 {display:inline-block;float:left;width:50%;height:199px;background:#666;}

.outBox2 {display:table;width:100%;height:199px;}
.inBox2 {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}

.n1Box {}
.n2Box {background:#7e7f83;}
.n3Box {background:#2e2816;}

.mBg1 {background:url(../../images/main/mbg01.jpg) no-repeat center;}
.mBg2 {background:#fff;}

.marginB1px {margin-bottom:1px;}
.marginT1px {margin-top:1px;}

.groupZone {}
.groupZone .iconZone,
.groupZone .textZone {display:inline-block;height:64px;line-height:64px;}
.groupZone .textZone {color:#fff;font-weight:600;padding-left:1em;}

.groupZone2 {}
.groupZone2 .iconZone {display:block;height:64px;line-height:64px;}
.groupZone2 .textZone {display:block;height:auto;line-height:1.5em;padding-top:1em;}
.groupZone2 .textZone {color:#fff;font-weight:600;}

.groupZone3 {}
.groupZone3 .iconZone {display:inline-block;}
.groupZone3 .textZone {display:inline-block;padding-left:2em;}
.groupZone3 .textZone p {margin:0;}
.groupZone3 .textZone .mbtitle {text-align:left;color:#000;font-weight:500;font-size:1em;}
.groupZone3 .textZone .mbphone {text-align:left;color:#ab0b0c;font-weight:600;font-size:2em;}
.groupZone3 .textZone .mbDataZoen {text-align:left;color:#666;line-height:1.5em;font-size:0.75em;}
.groupZone3 .textZone .mbDataZoen .mbEmail {display:block;}
.groupZone3 .textZone .mbDataZoen .mbTel {display:block;}

.iconZone img {display:inline-block;}

.outBox2 .inBox2 .groupZone2 {
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}
.outBox2 .inBox2:hover .groupZone2  {
	-moz-transform: scale(1.2) rotate(0deg);
	-webkit-transform: scale(1.2) rotate(0deg);
	-o-transform: scale(1.2) rotate(0deg);
	-ms-transform: scale(1.2) rotate(0deg);
	transform: scale(1.2) rotate(0deg);
}

.inBox2 .groupZone {
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}
.inBox2:hover .groupZone {
	-moz-transform: scale(1.2) rotate(0deg);
	-webkit-transform: scale(1.2) rotate(0deg);
	-o-transform: scale(1.2) rotate(0deg);
	-ms-transform: scale(1.2) rotate(0deg);
	transform: scale(1.2) rotate(0deg);
}

.groupZone3 .iconZone img {display:block;}




/************************************************************************/

.ms_box01 {display:inline-block; width:100%;padding-top:1em;}
.ms_box01 h3 {background:none;color:#fff;margin:0.5em 0 0 0;font-weight:normal; }
.ms_box01 p {padding:0 3em;margin:0 0 0 0;}

.ms_box02 {display:inline-block; width:100%;}
.ms_box02 .i4m2 { display:inline-block; width:25%; float:left; text-align:center; }
.ms_box02 .i4m2 h3 { margin:0.5em 0; background:none; }
.ms_box02 .i4m2 p { margin-bottom:1em; }

.ms_box02 a { display:inline-block; width:100%; height:100%; }
.ms_box02 a:link, 
.ms_box02 a:active, 
.ms_box02 a:visited { color:#fff; text-decoration: none; }/*들어갔었든*/
.ms_box02 a:hover,
.ms_box02 .hover  { color:#fff !important; text-decoration: none !important; }

.ms_box03 {display:inline-block; width:100%;margin-top:1em;}
.ms_box03 ul {}
.ms_box03 ul li {}

.ms_box03 .image.featured {margin:0 !important;}

.ms_box03 .dan02 {display:inline-block;width:100%;}
.ms_box03 .dan02 li {display:inline-block;width:50%;float:left;}

.ms_box03 .dan02 li a { display:inline-block; width:98%; height:98%; margin:1%; }
.ms_box03 .dan02 li a:link, 
.ms_box03 .dan02 li a:active, 
.ms_box03 .dan02 li a:visited { color:#fff; text-decoration: none; border:1px solid #95a5c0; }/*들어갔었든*/
.ms_box03 .dan02 li a:hover,
.ms_box03 .dan02 li .hover  { color:#fff !important; text-decoration: none !important; border:1px solid #00a4eb !important;  }

.ms_box03 .dan02 li a .v_out {position:relative;display:table; width:100%; height:100%;text-align: center;}

.ms_box03 .dan02 li a:link .v_out .v_up, 
.ms_box03 .dan02 li a:active .v_out .v_up, 
.ms_box03 .dan02 li a:visited .v_out .v_up { display:none; }
.ms_box03 .dan02 li a:hover .v_out .v_up {position:absolute;background-color: rgba(0, 0, 0, 0.39);z-index:10;display:table-cell !important; width:100%; height:100%;vertical-align:middle ; margin:0 !important; text-align:center;}
.ms_box03 .dan02 .v_up i {position:absolute;left:50%;top:50%;margin:-31px 0 0 -31px; background:#00a4eb;border-radius: 50%;padding:0.5em;}

.ms_box03 .dan03 {display:inline-block;width:100%;}
.ms_box03 .dan03 li {display:inline-block;width:33.3333%;float:left;}

.ms_box03 .dan03 li a { display:inline-block; width:98%; height:98%; margin:1%; }
.ms_box03 .dan03 li a:link, 
.ms_box03 .dan03 li a:active, 
.ms_box03 .dan03 li a:visited { color:#fff; text-decoration: none; border:1px solid #95a5c0; }/*들어갔었든*/
.ms_box03 .dan03 li a:hover,
.ms_box03 .dan03 li .hover  { color:#fff !important; text-decoration: none !important; border:1px solid #00a4eb !important;  }

.ms_box03 .dan03 li a .v_out {position:relative;display:table; width:100%; height:100%;text-align: center;}

.ms_box03 .dan03 li a:link .v_out .v_up, 
.ms_box03 .dan03 li a:active .v_out .v_up, 
.ms_box03 .dan03 li a:visited .v_out .v_up { display:none; }
.ms_box03 .dan03 li a:hover .v_out .v_up {position:absolute;background-color: rgba(0, 0, 0, 0.39);z-index:10;display:table-cell !important; width:100%; height:100%;vertical-align:middle ; margin:0 !important; text-align:center;}
.ms_box03 .dan03 .v_up i {position:absolute;left:50%;top:50%;margin:-31px 0 0 -31px; background:#00a4eb;border-radius: 50%;padding:0.5em;}

.dant {font-size:1em !important;}

.ms_box03 .dan05 {display:inline-block;width:100%;}
.ms_box03 .dan05 li {display:inline-block;width:20%;float:left;}

.ms_box03 .dan05 li a { display:inline-block; width:98%; height:98%; margin:1%; }
.ms_box03 .dan05 li a:link, 
.ms_box03 .dan05 li a:active, 
.ms_box03 .dan05 li a:visited { color:#fff; text-decoration: none; border:1px solid #95a5c0; }/*들어갔었든*/
.ms_box03 .dan05 li a:hover,
.ms_box03 .dan05 li .hover  { color:#fff !important; text-decoration: none !important; border:1px solid #00a4eb !important;  }

.ms_box03 .dan05 li a .v_out {position:relative;display:table; width:100%; height:100%;text-align: center;}

.ms_box03 .dan05 li a:link .v_out .v_up, 
.ms_box03 .dan05 li a:active .v_out .v_up, 
.ms_box03 .dan05 li a:visited .v_out .v_up { display:none; }
.ms_box03 .dan05 li a:hover .v_out .v_up {position:absolute;background-color: rgba(0, 0, 0, 0.39);z-index:10;display:table-cell !important; width:100%; height:100%;vertical-align:middle ; margin:0 !important; text-align:center;}

.ms_box03 .dan04 {display:inline-block;width:100%;}
.ms_box03 .dan04 li {display:inline-block;width:25%;float:left;}

.ms_box03 .dan04 li a { display:inline-block; width:98%; height:98%; margin:1%; }
.ms_box03 .dan04 li a:link, 
.ms_box03 .dan04 li a:active, 
.ms_box03 .dan04 li a:visited { color:#fff; text-decoration: none; border:1px solid #95a5c0; }/*들어갔었든*/
.ms_box03 .dan04 li a:hover,
.ms_box03 .dan04 li .hover  { color:#fff !important; text-decoration: none !important; border:1px solid #00a4eb !important;  }

.ms_box03 .dan04 li a .v_out {position:relative;display:table; width:100%; height:100%;text-align: center;}

.ms_box03 .dan04 li a:link .v_out .v_up, 
.ms_box03 .dan04 li a:active .v_out .v_up, 
.ms_box03 .dan04 li a:visited .v_out .v_up { display:none; }
.ms_box03 .dan04 li a:hover .v_out .v_up {position:absolute;background-color: rgba(0, 0, 0, 0.39);z-index:10;display:table-cell !important; width:100%; height:100%;vertical-align:middle ; margin:0 !important; text-align:center;}
.ms_box03 .dan04 .v_up i {margin-top:35%; background:#00a4eb;border-radius: 50%;padding:0.5em;}


/* 메인 이미지 버튼 박스 : s */
.main_btn_box {position:absolute; left:0; bottom:6em; width:100%; z-index:4;}

.main_btn_box .ms_box02 .i4m2 { display:inline-block; width:25%; float:left; text-align:center; }
.main_btn_box .ms_box02 .i4m2 h3 { margin:0.5em 0; background:none; }
.main_btn_box .ms_box02 .i4m2 p { margin-bottom:1em; }

.main_btn_box .ms_box02 .i6m2 { display:inline-block; width:16.6666%; float:left; text-align:center; }
.main_btn_box .ms_box02 .i6m2 h3 { margin:0.5em 0; background:none; }
.main_btn_box .ms_box02 .i6m2 p { margin-bottom:0; font-size:0.65em; }

.main_btn_box .ms_box02 a { display:block; width:100%; height:100%; }
.main_btn_box .ms_box02 a:link, 
.main_btn_box .ms_box02 a:active, 
.main_btn_box .ms_box02 a:visited { color:#fff; text-decoration: none; }/*Ã«â€œÂ¤Ã¬â€“Â´ÃªÂ°â€Ã¬â€”Ë†Ã«â€œÂ */
.main_btn_box .ms_box02 a:hover,
.main_btn_box .ms_box02 .hover  { color:#fff !important; text-decoration: none !important; }

.main_btn_box,
.main_btn_box .ms_box02 .i6m2,
.main_btn_box .single-service { /* height:135px; */ }

.main_btn_box .won_box02 {display:table; width:100%; height:auto;text-align: center;color:#fff;margin:1em 0;}
.main_btn_box .won_box02 .won_box_in { display:table-cell; width:100%; height:100%; vertical-align:middle; margin:0 !important; text-align:center; }

.main_btn_box .won_box_in i { font-size:60px; }

/* 메인 이미지 버튼 박스 : e */


.won_box01 {text-align: center;cursor: default;display:inline-block;border-radius:100%;width: 7em;height: 7em;line-height: 1em;color:#fff;}
.won_box01 a { display:table; width:100%; height:100%; border-radius:100%; letter-spacing: -0.1em;  }
.won_box01 a:link, 
.won_box01 a:active, 
.won_box01 a:visited { color:#77bee3; text-decoration: none; box-shadow: 0 0 0 3px white, 0 0 0 3px #e0e0e0;font-weight:400; }/*들어갔었든*/
.won_box01 a:hover,
.won_box01 .hover { color:#fff !important; text-decoration: none !important; background-color: rgba(0, 0, 0, 0.39); box-shadow: 0 0 0 9px white, 0 0 0 10px #77bee3;font-weight:600;}

.won_box01 a:link span, 
.won_box01 a:active span, 
.won_box01 a:visited span { display:none; }/*들어갔었든*/
.won_box01 a:hover span,
.won_box01 .hover span {display:table-cell; width:100%; height:100%; vertical-align:middle; margin:0 !important; text-align:center;}
.won_box01 .won_box_in i {font-size:2em;}

.m_comp {
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}

/* .m_img01 {background:url(../images/main_01.jpg) no-repeat center center;background-size:100% 100%;}
.m_img02 {background:url(../images/main_02.jpg) no-repeat center center;background-size:100% 100%;}
.m_img03 {background:url(../images/main_03.jpg) no-repeat center center;background-size:100% 100%;}
.m_img04 {background:url(../images/main_04.jpg) no-repeat center center;background-size:100% 100%;} */




.won_box02 {display:table; width:100%; height:100%;text-align: center;color:#fff;margin:1em 0;}
.won_box02 .won_box_in { display:table-cell; width:100%; height:100%; vertical-align:middle; margin:0 !important; text-align:center; }

.won_box_in i { font-size:60px; }

/*====================
======Service CSS=====
======================*/
.main_btn_box .single-service {
	margin:2px;
	background-color: rgba(255, 255, 255, 1);
	padding:0px;
	border-radius:10px;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.main_btn_box .single-service p {
	text-align:center;
	line-height:1.5em;
}

.main_btn_box .single-service i {
	text-align:center;
	font-size:50px;
	background: none;
	border-radius: 50%;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	width: 50px;
	color:#fff;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.main_btn_box .single-service:hover {
	background-color: #fc7700;
	color:#fff;
}

.main_btn_box .single-service:hover i {
	color:#fff;
	-moz-transform: scale(1.3) rotate(360deg);
	-webkit-transform: scale(1.3) rotate(360deg);
	-o-transform: scale(1.3) rotate(360deg);
	-ms-transform: scale(1.3) rotate(360deg);
	transform: scale(1.3) rotate(360deg);
}
/* 이호섭가요제 */
.lee_mpadding {padding:5%;}
.lee_m {margin-top:3em;}
.lee_m li {width:70%;margin:0 auto;padding-bottom:1em;}
.lee_m li a {display:inline-block;width:100%;text-align:right;padding:0 6%;font-weight:400;font-size:1.3em;}
.lee_m li a:link,                                                                                                                                                                              
.lee_m li a:active,                                                                                                                                                                          
.lee_m li a:visited { color:#333; text-decoration: none;  background:#f9f9f9;border:1px solid #ddd;  }/*들어갔었든*/                         
.lee_m li a:hover { color:#fc7700 !important; text-decoration: none !important;border:1px solid #fc7700; }

.leeBox_in {display:inline-block;float:left;width:22%;}
.lee_m li a strong {display:inline-block;float:right:width:60%;padding:6% 0;}


/* 하단 링크 버튼들 */

.single-service {
	margin:2px;
	background-color: rgba(0, 0, 0, 0.39);
	padding:25px;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.single-service p {
	text-align:justify;
}

.single-service i {
	text-align:center;
	font-size:50px;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	height: 100px;
	line-height: 100px;
	width: 100px;
	color:#43484E;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.single-service:hover {
	background-color: #fc7700;
	color:#fff;
}

.single-service:hover i {
	color:#fc7700;
	-moz-transform: scale(1.3) rotate(0deg);
	-webkit-transform: scale(1.3) rotate(0deg);
	-o-transform: scale(1.3) rotate(0deg);
	-ms-transform: scale(1.3) rotate(0deg);
	transform: scale(1.3) rotate(0deg);
}
.more_btn {padding-top:1em;}
.more_btn a { display:inline-block;float:left; width:auto; text-align:center; padding:1em; line-height:1em;font-size:0.65em; font-weight:400; font-family: 'Noto Sans KR', sans-serif;}
.more_btn a:link,                                                                                                                                                                              
.more_btn a:active,                                                                                                                                                                          
.more_btn a:visited { color:#fff; text-decoration: none;  background:#024794 !important;  }/*들어갔었든*/                         
.more_btn a:hover { color:#fff !important; text-decoration: none !important;  background:#fc7700 !important; }
.more_btn .hover  { color:#fff !important; text-decoration: none !important; background:#fc7700 !important; }
/******************************************************************************************************* 
swiper 설정
********************************************************************************************************/
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow:hidden;
}
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.gallery-top {
  height: 100%;
  width: 100%;
}
.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}

.won_box_out h3 {background:none;}

/******************************************************************************************************* 
메인 추가 설정
********************************************************************************************************/
.m01Box {text-align:left;}

.m01Box .m01text01,
.m01Box .m01text02,
.m01Box .m01text03 {color:#000;}

.m01Box .m01text01 {font-weight:600;font-size:1em;font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;}
.m01Box .m01text02 {font-size:2em;padding:0.5em 0;}
.m01Box .m01text02 span {font-weight:600;color:#f7b417;}
.m01Box .m01text03 {line-height:1.5em;padding-right:2em;font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;font-weight:300;}
.m01Box .m01link {}

.m01Box a {display:inline-block;padding:1em 1.5em;margin-top:1em;border-radius: 60px;font-size:0.85em;line-height:1em;font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;}
.m01Box a:link,                                                                                                                                                                              
.m01Box a:active,                                                                                                                                                                          
.m01Box a:visited { color:#000; text-decoration: none; background:#f7b417;  }/*들어갔었든*/                         
.m01Box a:hover { color:#fff !important; text-decoration: none !important;background:#e94626; }
.m01Box a {
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}
.toutBox {padding-left:10%;}
.tinBox {padding-right:10%;text-align:center;color:#ffa4a7;}

#section5 {position:relative;}

a.mcompanyBox {position:relative;margin:0 auto;font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;}
a.mcompanyBox:link,                                                                                                                                                                              
a.mcompanyBox:active,                                                                                                                                                                          
a.mcompanyBox:visited { color:#fff; text-decoration: none;  }/*들어갔었든*/                         
a.mcompanyBox:hover { color:#fff !important; text-decoration: none !important; }
.hover  { color:#fff !important; text-decoration: none !important; }

.mmtitlep {margin:1em 0;font-weight:200;font-size:2.2em;}
.mmtitlep span {color:#f7b417;font-weight:600;text-transform:uppercase;}

a.mcompanyBox {display:inline-block;}
a.mcompanyBox .mboxIn,
a.mcompanyBox:hover .mBoxText {
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}
.mboxOut {display:table;width:184px;height:184px;}
.mboxIn {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;background:#f7b417;border-radius:100%;overflow: hidden;}
.mBoxText {color:#fff;font-size:1.3em;margin-top:1em;font-weight:600;}
a.mcompanyBox:hover .mboxIn {background:#e94626;}
a.mcompanyBox:hover .mBoxText {color:#f7b417;}

a.lkhbg01 {background:url(../../images/main/lkhbg01.jpg) no-repeat center;}
a.lkhbg02 {background:url(../../images/main/lkhbg02.jpg) no-repeat center;}
a.lkhbg03 {background:url(../../images/main/lkhbg03.jpg) no-repeat center;}
a.lkhbg04 {background:url(../../images/main/lkhbg04.jpg) no-repeat center;}

a.lkhBox {
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.mboxOut .mboxIn img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	/* -webkit-filter: grayscale(100%);
	filter: grayscale(100%); */
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.mboxOut .mboxIn:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	/* -webkit-filter: grayscale(0);
	filter: grayscale(0); */
}

a.lkhBox {}
a.lkhBox:link,                                                                                                                                                                              
a.lkhBox:active,                                                                                                                                                                          
a.lkhBox:visited { color:#fff; text-decoration: none; padding:4em 0;border:5px solid #f7b417; font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif; }
a.lkhBox:hover { color:#fff !important; text-decoration: none !important;border:5px solid #e94626; }

a.lkhBox .lkhtextBox {font-size:1.2em;margin:1.2em;}
a.lkhBox .lkhbtn {padding:0.8em 1.5em;background:#f7b417;border-radius:20px;color:#000;}
a.lkhBox:hover .lkhtextBox {font-weight:600;}
a.lkhBox:hover .lkhbtn {background:#e94626;color:#fff;}
a.lkhBox:hover .lkhbtn {
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.paddbox {margin:1px;}
.view_comment_text { color:#fff;display:none;}

a.hover01:link,                                                                                                                                                                              
a.hover01:active,                                                                                                                                                                          
a.hover01:visited { color:#fff; text-decoration: none; padding:4em 0;font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif; }
a.hover01:hover { color:#f7b417 !important; text-decoration: none !important; }

.hover01 h4 {margin-top:0.5em;}

/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	/* -webkit-filter: grayscale(100%);
	filter: grayscale(100%); */
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	/* -webkit-filter: grayscale(0);
	filter: grayscale(0); */
}
figure {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

.downBox {display:table;height:190px;margin-bottom:5em;}
.downBox h3 {color:#fff;text-align:left;}

.downBox .rOutBox {display:table-cell;height:100%;}
.downBox .rlineBox {display:inline-block;width:100%;height:100%;border-right:1px solid #545352;padding:0 1.5em;}
.downBox .rlineBox2 {display:inline-block;width:100%;height:100%;padding:0 1.5em;}

.downBox h3 {font-size:0.9em;background:none;margin-bottom:0.5em;}
.downBox h3 a:link,
.downBox h3 a:active,
.downBox h3 a:visited {color:#fff; text-decoration:none; }
.downBox h3 a:hover,
.downBox h3 .hover {color:#f7b417;text-decoration:none;}

.downBox li a {display:inline-block;float:left;width:75%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align:left;font-size:0.85em;font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;}
.downBox li a:link,
.downBox li a:active,
.downBox li a:visited {color:#fff; text-decoration:none; }
.downBox li a:hover,
.downBox li .hover {color:#f7b417;text-decoration:none;}
.downBox li span {display:inline-block;float:left;width:25%;text-align:right;color:#666;font-size:0.85em;}
.downBox li a,
.downBox li span {line-height:2.1em;word-break: keep-all;word-wrap: break-word;}



.mphoneBox,
.mtimeBox {text-align:left;font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;}
.mphoneBox {color:#f7b417;font-size:1.5em;font-weight:600;margin-bottom:0.5em;}
.mtimeBox {color:#fff;font-size:0.65em;line-height:1.5em;}


.downBox li .sixBoxzone a {float:none;text-align:center;}
.downBox li .sixBoxzone a:link,
.downBox li .sixBoxzone a:active,
.downBox li .sixBoxzone a:visited {color:#000; text-decoration:none; }
.downBox li .sixBoxzone a:hover,
.downBox li .sixBoxzone .hover {color:#e94626;text-decoration:none;}


.sixBoxzone {
  position: relative;
  width: 80px;
  height: 44px;
  background-color: #f7b417;
  border-left: solid 1px #f7b417;
  border-right: solid 1px #f7b417;
}

.sixBoxzone:before,
.sixBoxzone:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 58px;
  height: 58px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: #f7b417;
  left: 10px;
}

.sixBoxzone:before {
  top: -28.5px;
}

.sixBoxzone:after {
  bottom: -30.3px;
}

.sixBoxzone i {position: relative;font-size:2.5em;z-index:100;padding-top:0.15em;}

.sixBoxzone > img{ 
//이미지를 넣건 글을 넣건 position과 z-index값을 넣어주셔야 보입니다
  position: relative;
  z-index: 100;
}
/******************************************************************************************************* 
유튜브 youtube
********************************************************************************************************/
.youtube {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.youtube iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}