@font-face {
	font-family: "GodoB";
	src: url('../fonts/GodoB.woff');
}
@font-face {
	font-family: "GodoM";
	src: url('../fonts/GodoM.woff');
}
@font-face {
	font-family: "JejuGothic";
	src: url('../fonts/JejuGothic.woff');
}
@font-face {
	font-family: "NanumGothic";
	src: url('../fonts/NanumGothic.woff');
}
@font-face {
	font-family: "NotoSerif-Bold";
	src: url('../fonts/NotoSerif-Bold.woff');
}




html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, button, table, tr, th, td, input, select{ line-height:20px;margin:0;padding:0;font-size:14px; color:#565656;}
img, input, select{margin:0;padding:0;}
img, fieldset, button{border:0;}
img { width: 100%; }
body, input, button, textarea, select, table{line-height:1;font-size:12px;color:#000;}
ol, ul{list-style:none;}
button, label{cursor:pointer;}
form, fieldset{display:inline;}
summary, legend{visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
table{table-layout:fixed;width:100%;}

body{min-width:100px;font-family:NanumGothic, nanumgothic, malgeungothic, ;word-break: keep-all;}

.blind{visibility:hidden;overflow:hidden;position:absolute;top:-5000px;left:-5000px;width:0;min-width:1200px;height:0;font-size:0;color:#fff;text-indent:-9999em;}

.main_wrap{position:relative;background:#f9f9f9 url('../images/bg_wrap.png') no-repeat 50% 0;z-index:5;}
.main_wrap #hr_wrap{background:url('../images/bg_wrap_label.png') no-repeat 50% 0;}




div, ul ,li {
margin:0;
padding:0;
}

section {
	display: block;
}
ol, ul, li {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}

a img {
	border: 0;
}

a {    text-decoration: none;
	color: #fff;
	-webkit-transition: all 700ms;
	transition: all 700ms;
	font-size:18px;
}
a,a:hover {
	text-decoration: none;
}

.baseline01 {
vertical-align: baseline;
margin:0 15px;
}

.ul-box-padding {
	padding: 1rem 1rem 1rem 3rem;
}

ul.dash > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}

.pt-1 {
	padding-top:1rem;
}
/* box */
.box01{
margin:0 auto;
width:100%;
max-width:1200px;
min-width:980px;
height:80px;
}

.box02{
margin:0 auto;
padding:0;
width:100%;
max-width:1200px;
min-width:980px;

}

/*index*/

.wrap {
 text-align: center;
width:100%;
height:100%;
max-width: 1080px;
margin: 0 auto 0 auto;
/* float:left; */
/* margin:0px; */
padding:0px;
}

.top {
	width: 100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.top-left-wrapper {
	flex: 1;
}

.top-center-wrapper {
	flex: 1;
}

.top-center-wrapper img {
	padding: 1vw;
	height: auto;
	width: 33vw;
	max-width: 385px;
	min-width: 100px;
}

.top-right-wrapper {
	flex: 1;
	display: flex;
    justify-content: end;
}

.btn-go-to-solution {
	margin: .5rem;
	background-color:#0752a9;
	color: white;
	font-size: 1rem;
	width: 10rem;
	height: 3.5rem;
	border-radius: 1.75rem;
}

.main_visual {
    /* height: 580px; */
    height: 40vw;
	max-height: 415px;
    background: url(../images/main_visual.jpg) no-repeat 50% 0;
    background-size: 150%;
}

.main_visual ul {
    text-align: left;
    padding: 90px 0 0 56%;
}
.main_visual p {
    font-size: 25px;
    font-weight: bold;
    margin: 10px 0 30px 0;
}

.main_visual span {
    font-size: 20px;
}

li.download_but {
    float: left;
    background-color: #fc9840;
    color: #fff;
    padding: 19px 30px;
    font-size: 18px; 
	margin-right:1px;
}

li.request_but {
    float: left;
    background-color: #fc7540;
    color: #fff;
    padding: 19px 60px;
    font-size: 18px;
	margin-right:1px;
}

.introduction-container {
	position:relative; 
	left:54%; 
	top:10%; 
	width: fit-content;
}

.introduction {
	white-space: pre;
    width:100%;
    font-weight: bold;
    font-size: 2rem; 
    line-height:1.4em; 
    margin-bottom: 1em;
}

.text-wizmes {
    font-weight: bold;
	line-height: 1.6em;
    font-size: 2.5rem;
}

.intro-btn-container {
	width: 100%;
}

button.download_but {
    background-color: #fc9840;
    color: #fff;
	min-width: 8rem;
	max-width: 10rem;
	width: 45%;
	max-height: 3rem;
	min-height: 2rem;
	height: 4vw;
    font-size: 1.25rem; 
	margin: 0 0 .25rem 0;
}

button.request_but {
    background-color: #fc7540;
    color: #fff;
	min-width: 8rem;
	max-width: 10rem;
	width: 45%;

	max-height: 3rem;
	min-height: 2rem;
	height: 4vw;
    font-size: 1.25rem; 
	margin: 0 0 .25rem 0;
}


.content_tit {
	height:223px;
    background: url(../images/content_tit_bg.jpg) no-repeat 50% 40px;
}
.content_tit h3{padding-top:5%; font-size:30px;}
.content_tit p{margin-top:3%; font-size:18px;}

.slide_show {
    text-align: left;
}


/* center {width: 1200px;} */
.center {
	width: 90%;
	margin: 0 auto;
}

/* ul.content_box2 {
    margin: auto;
    text-align: left;
    width: 1200px;
    overflow: hidden;
} */

ul.content_box2 {
    margin: auto;
    text-align: left;
    width: 100%;
    overflow: hidden;
}


.content_box {
	padding-top: 5%;
	background:#f8f8f8;
}

ul.content_box2 h4{ padding:10% 0 0 37%; color:#ffffff; font-size:17px;}
ul.content_box2 p{ padding:5% 0 0 37%; color:#ffffff; font-size:13px;}


.content_box2 li {
    width: 33.333%;
    float: left;
    height: 200px;
}
.con_box1 {background: url(../images/icon01.png) no-repeat 10% 60%; background-color:#061b41;}

.con_box2 {background: url(../images/icon02.png) no-repeat 10% 60%; background-color: #3588af;}


.con_box3 {background: url(../images/icon03.png) no-repeat 10% 60%; background-color: #4d68b7;}


.con_box4 {background: url(../images/icon04.png) no-repeat 10% 60%; background-color: #062b41;}


.con_box5 {background: url(../images/icon05.png) no-repeat 10% 60%; background-color: #138a91;}


.con_box6 {background: url(../images/icon06.png) no-repeat 10% 60%; background-color: #514eb1;}


.content_tit_two {
    padding: 70px 0 70px 0;
	background:	#f8f8f8;
}




.s_show01_up {
	background: url(../images/s_icon01.png) no-repeat 33% 50%; background-color: #00265f;
	padding-left:40%; padding-bottom: 30px;
}
.s_show02_up {
	background: url(../images/s_icon02.png) no-repeat 33% 50%; background-color: #3e005f;
	padding-left:40%; padding-bottom: 30px;
}
.s_show03_up {
	background: url(../images/s_icon03.png) no-repeat 33% 50%; background-color: #004d5f;
	padding-left:40%; padding-bottom: 30px;
}
.s_show04_up {
	background: url(../images/s_icon04.png) no-repeat 33% 50%; background-color: #5f3900;
	padding-left:40%; padding-bottom: 30px;
}
.s_show01_up p {padding: 25px 0 25px 0; color:#ffffff; font-size:18px;}
.s_show01_up span {color:#ffffff; font-size:14px;}
.s_show02_up p {padding: 25px 0 25px 0; color:#ffffff; font-size:18px;}
.s_show02_up span {color:#ffffff; font-size:14px;}
.s_show03_up p {padding: 25px 0 25px 0; color:#ffffff; font-size:18px;}
.s_show03_up span {color:#ffffff; font-size:14px;}
.s_show04_up p {padding: 25px 0 25px 0; color:#ffffff; font-size:18px;}
.s_show04_up span {color:#ffffff; font-size:14px;}
.fontstyel01{font-weight:bold; font-size:18px!important; color:#FC0!important;} 
.s_show01_down {
	padding:15px 0 15px 40%;
	border-top: 1px solid #dfdfdf;
}

.s_show02_down {
	padding:15px 0 15px 40%;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.s_show03_down{
	padding:15px 0 15px 40%;
	border-bottom: 1px solid #dfdfdf;
}

.s_show04_down{
	padding:15px 0 15px 40%;
	border-bottom: 1px solid #dfdfdf;
}


.content_tit_two p {
    font-size: 30px;
}
.content_tit_two h3 {
    font-size: 30px;
}

.content_two {
    background:	#f8f8f8;
}

.content_two_txt { 
	padding:30px 0 100px;
	background:	#f8f8f8;
}


.content_two_txt > ul {
	margin: auto;
	padding-left: 5%;
	width: 95%;
	display:flex;
	/* flex-wrap: wrap; */
}

.hw_tit {
	text-align: left;
    border-right: 1px solid #b5b5b5;
	width: fit-content;
    /* float: left; */
    height: 40px;
    font-size: 20px;
    padding: 19px 19px 0 0;
}

.hw_txt {
	text-align: left;
	padding: .75rem 0 0 1rem;
	/* overflow:hidden; */
}

.hw-ul-padding {
	padding: 0 1rem;
}

.footer {
	height: fit-content;
	background:#3f3f3f;
	border-top: 1px solid #262626;
}

.copyright {
	padding: 3rem 0 3rem 0;
    margin: auto;
	display: flex;
}

.copyright li {
	flex: 1;
    text-align: left;
}

.copyright li img {
	width: auto;
	padding: 0 0 2vw 5vw;
}

.copyright p {
    color: #fff;
    font-size: 13px;
}

/* li.copyright_txt {
    margin-left: 26%;
} */

.call-by-province {
	color: #FFF;
	display: inline;
	padding-right: 1rem;
}

@media (max-width: 1080px) {
	.call-by-province {
		display: block;
		padding-right: 0;
		padding-bottom: .4em;
	}
}
/* sub01 Image & Text */


.sub01_visual {
    height: 200px;
    background: url(../images/sub01/sub01_visual.jpg) no-repeat 50% 0;
}

.sub01_content_tit {
	height:105px;
    /* background: url(../images/sub02/line.jpg) no-repeat 50% 12%; */
}
.sub01_content_tit h3{padding-top:5%; font-size:30px;}



.sub01_content {
    /* width: 1200px; */
    width: 100%;
    margin: auto;
}


.sub01_content ul{ text-align:left; overflow:hidden
}

li.sub01_content_box01 {
	/* background: url(../images/sub01/content_img01.jpg) no-repeat 50% 42%; */
	padding-bottom: 0px;
    width: 49%;
	height: 300px;;
    float: left;
	border:1px solid #cfcfcf;
	
}
.sub01_content_box01 h4 {
    padding: 10px 0 10px 0;
	background-color:#224779;
	color:#fff;
	font-size:16px;
	text-align:center;
}
.sub01_content_box01 p {
    padding: 200px 0 30px 0;
}



li.sub01_content_box02 {
	/* background: url(../images/sub01/content_img02.jpg) no-repeat 50% 42%; */
	padding-bottom: 0px;
    width: 49%;
	height: 300px;;
	float:left;
    border-top:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}
.sub01_content_box02 h4 {
    padding: 10px 0 10px 0;
	background-color:#227924;
	color:#fff;
	font-size:16px;
	text-align:center;
}
.sub01_content_box02 p {
   padding: 200px 0 30px 0;
}


li.sub01_content_box03 {
	/* background: url(../images/sub01/content_img03.jpg) no-repeat 50% 42%; */
	padding-bottom: 0px;
    width: 49%;
	height: 300px;;
    float: left;
    border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}
.sub01_content_box03 h4 {
    padding: 10px 0 10px 0;
	background-color:#527ac4;
	color:#fff;
	font-size:16px;
	text-align:center;
}
.sub01_content_box03 p {
    padding: 200px 0 10px 0;
}


li.sub01_content_box04 {
	/* background: url(../images/sub01/content_img04.jpg) no-repeat 50% 46%; */
	padding-bottom: 0px;
    width: 49%;
	height: 300px;;
	overflow:hidden;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}
.sub01_content_box04 h4 {
    padding: 10px 0 10px 0;
	background-color:#603474;
	color:#fff;
	font-size:16px;
	text-align:center;
}
.sub01_content_box04 p {
    padding: 200px 0 30px 0;
}



.sub01_content02 {
    /* width: 1200px; */
    width: 100%;
	height: fit-content;
    margin: auto;
}

.sub01_content02 ul{ 
	/* height: fit-content; */
	display: flex;
	flex-wrap: wrap;
	
	overflow: hidden;
}

.sub01_content02 li {
	padding-bottom: 0px;
    width: 50%;
	margin-top: 50px;

    float: left;
}

/* .sub01_content02 li p img {
	width: 570px;
	height: 345px;
} */

.sub01-content02-img {
	width:100%;
	height:auto;
}

.content02_textbox {
	width: 95%;
    padding: 8px 0 8px 0;
    background-color: #747474;
    color: #fff;
    font-size: 16px;
    margin: auto;
}








/* sub02 Image & Text */


.sub02_visual {
    height: 200px;
    background: url(../images/sub02/sub02_visual.jpg) no-repeat 50% 0;
}


.sub_content_tit {
	margin: auto;
	padding-top: 3rem;
	max-width: 50vw;
	height:210px;
    /* background: url(../images/sub02/line.jpg) no-repeat 50% 4rem; */
}
.sub_content_tit h3{padding-top:5%; font-size:30px;}
.sub_content_tit p{margin-top:3%; font-size:18px;}

.tel_mail {
	width: 100%;
	margin:auto;
}

.tel {
    background: #4c4c4c;
    float: left;
    width: 50%;
    color: #ffffff;
    padding: 20px;
}
.mail {
    background: #ededed;
	padding: 20px;

}

.sub02_content{margin-top:40px; }
.fome_table01{ width:100%; margin:auto; border-bottom: 1px solid #dfdfdf;}
.formm_tit{width:20%; float:left; padding:15px; text-align:left; background: url(../images/sub02/blin.jpg) no-repeat 0 50%;}
.formm_field{ width:100%; padding:15px; text-align:left;}
.fome_table02{ width:100%; margin: 2rem auto;}
.formm_tit p{color:#f83e19;}

.input_01 {
    text-align: left;
    text-transform: none;
    min-height: 20px;
    padding: 3px !important;
    display: inline-block;
    border-radius: 4px;
    background: #f8f8f8;
    border: 1px solid #dfdfdf;
}
.textarea_01 {
    text-align: left;
    text-transform: none;
    padding: 15px !important;
    display: inline-block;
    border-radius: 4px;
    background: #f8f8f8;
    border: 1px solid #dfdfdf;
}
.submit01 {
    text-align: center;
    text-transform: uppercase;
    padding: 25px 85px 25px 85px;
    border-radius: 4px;
    margin: 0;
    border: none;
    background-color: #1d4992;
	border: 1px solid #003181;
    box-shadow: none;
    text-shadow: none;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    font-size: 18px;
    color: #FFF;
}

.textarea_01{ width:500px;}













/* Main Image & Text */

#main_image {
	float:left;
	margin:0;
	width:100%;
	height:680px;
	
	/*background-attachment: fixed ;
	background-position: top center ;
	background-image:url("/img/main_image2.jpg");
	background-repeat:no-repeat;*/
}

.main_image_box {
	margin:0 auto;
width:100%;
max-width:1020px;
min-width:980px;
	height:680px;
	clear:both;
}


.main_text01 {
	margin:0 auto;
	padding-top:180px;
width:100%;
max-width:1020px;
min-width:980px;
	height:200px;
	text-align:center;
}

.main_botton01 {
	margin:0px auto;
	padding-top:70px;
width:100%;
max-width:1020px;
min-width:980px;
	text-align:center;
	height:65px;
	font-family: 'NanumGothic', sans-serif;
	font-size: 14px;
	color:#fff;
}

.s_title01 {
	margin:0px;
	font-family: 'GodoB', sans-serif;
	letter-spacing:3px;
	word-spacing:3px;
	text-shadow:3px 3px 2px #000;
	font-size: 55px;
	font-weight:400;
	color:#fff;
	}

.b_title01 {
	margin:30px 0 0 0;
	padding:0;
	font-family: 'JejuGothic', sans-serif;
	text-shadow:3px 3px 2px #000;
	font-size: 60px;
	font-weight:800;
	color:#fff;
	}

/* Main Content */
#main_content {
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-align: center;
	background-color:#fff;

}

.mtitle01{
	margin:100px auto 10px;
	padding:0px;
	width:100%;
	max-width:1020px;
	min-width:980px;
	height:80px;
	font-family: 'JejuGothic', sans-serif;
	letter-spacing:-2px; 
	word-spacing:3px; 
	font-size: 66px; 
	font-weight:800; 
	color:#3e3e3e;
	text-align: center;
	line-height:1;
}
.mcontxt01{
	margin:0 auto;
	width:100%;
	max-width:1020px;
	min-width:980px;
	height:120px;
	text-align: center;
	clear:both;
}
.mcontxt01 span{
	font-family: 'NanumGothic', sans-serif ; 
	word-spacing:2px; 
	font-size: 18px; 
	font-weight:bold; 
	color:#3e3e3e;
	text-align: center;
	line-height:1.5;
	display:block;
}




.mcontxt02{
	margin:0 auto;
	width:100%;
	max-width:1020px;
	min-width:980px;
	height:180px;
	text-align: center;
	clear:both;
}
.mcontxt02 span{
	font-family: 'JejuGothic', sans-serif ; 
	word-spacing:2px; 
	font-size: 24px; 
	font-weight:bold; 
	color:#747474;
	text-align: center;
	line-height:1.5;
	display:block;
}



.box03 {
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:1020px;
	min-width:980px;
	height:430px;

}

.mbox {
	float:left;
	margin:0;
	padding:0;
	width:325px;
	height:400px;
	display:inline;
}

.mbox ul{
float:left;
margin:0;
padding:0;
}

.mbox li{
	float:left;
	margin:0 0 20px 0;
	width:325px;
	padding:0;
	text-align: center;
}


.list_tit01 {
	font-family: 'NanumGothic', sans-serif ; 
 	font-size: 16px; 
	font-weight:bold; 
	color:#db5959;
	text-align: center;
	line-height:1.5;
	display:block;
}


.list_tit02 {
	font-family: 'NanumGothic', sans-serif ; 
 	font-size: 16px; 
	font-weight:bold; 
	color:#5b8705;
	text-align: center;
	line-height:1.5;
	display:block;
}

.list_tit03 {
	font-family: 'NanumGothic', sans-serif ; 
 	font-size: 16px; 
	font-weight:bold; 
	color:#1e68ac;
	text-align: center;
	line-height:1.5;
	word-spacing:3px; 
	letter-spacing:1.5px;
	display:block;
}

.list_txt01{
	width:270px;
	margin:0 0 7px 35px;
	text-align: left;
	display:block;
	font-family: 'NanumGothic', sans-serif ; 
	font-size: 15px; 
	font-weight:normal; 
	color:#797779;
}



.mmmm{display:none;}