body{word-break: keep-all;}

.wrap{width:100%;}

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

.btn-go-to-solution {
    font-size: .75rem;
    width: 7.5rem;
	height: 2.5rem;
}

/* .navbar_bar ul{width: 980px; margin: auto;}

.navbar_down {
	width:20%;
    text-align: center;
    font-size: 14px;
	float: left;
	color: #ffffff;
	padding: 20px 0 20px 0;
	background: url(../images/inc/download_icon.jpg) no-repeat 8% 40%;
	background-color: #00265f;}

.navbar01 {width:39%;
    text-align: center;
    float: left;
    margin-top: 5px;
    font-size: 18px;
    color: #ffffff;
    padding-top: 15px;}

.navbar02 {width:39%;
    text-align: center;
    float: left;
    margin-top: 7px;
    border-left: 1px solid #74c2f9;
    border-right: 1px solid #74c2f9;
    font-size: 18px;
    color: #ffffff;
    padding: 13px 0 15px 0;} */

.navbar_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar_bar a {
    font-size: 1.25rem;
}

/* .navbar_down a{
    font-size: 1rem;
}     */

.navbar_down a img {
    height: 1.5rem;
    width: 1.5rem;
}

.home {
    float: left;
    margin-left: 25%;
    padding-top: 6px;
}
.sol_login {
    text-align: right;
    background-color: #dcdcdc;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    padding: 5px 10px 5px 10px;
    margin-left: 248px;
}

.content_tit {
    height: 153px;
    background: url(../images/content_tit_bg.jpg) no-repeat 50% 40px;
}

.content_tit h3 {
    padding-top: 5%;
    font-size: 25px;
}

.content_tit p {
    margin-top: 3%;
    font-size: 16px;
}

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

.main_visual span {
    font-size: 14px;
}
.s_show01_up {
	background: url(../images/s_icon01.png) no-repeat 31% 50%; background-color: #00265f;
	padding-left:40%; padding-bottom: 30px;
}
.s_show02_up {
	background: url(../images/s_icon02.png) no-repeat 31% 50%; background-color: #3e005f;
	padding-left:40%; padding-bottom: 30px;
}
.s_show03_up {
	background: url(../images/s_icon03.png) no-repeat 31% 50%; background-color: #004d5f;
	padding-left:40%; padding-bottom: 30px;
}
.s_show04_up {
	background: url(../images/s_icon04.png) no-repeat 31% 50%; background-color: #5f3900;
	padding-left:40%; padding-bottom: 30px;
}
li.download_but {
    float: left;
    background-color: #fc9840;
    color: #fff;
    padding: 13px 17px;
    font-size: 18px;
    margin-right: 1px;
}
li.request_but {
    float: left;
    background-color: #fc7540;
    color: #fff;
    padding: 13px 47px;
    font-size: 18px;
}
.introduction-container {
    left: 50%;
}

.introduction {
    font-size: 1.5rem; 
}

.text-wizmes {
    font-size: 2rem;
}

@media (max-width: 640px) {
    .introduction-container {
        left:0%;
        width:100%;
    }

    .introduction {
        font-size: 1.125rem;
    }

    .text-wizmes {
        font-size: 1.375rem;
    }

    .navbar_bar a {
        font-size: 1rem;
    }

    .navbar_down a img {
        height: 1.125rem;
        width: 1.125rem;
    }

    .hw_tit {
        text-align: left;
        border-right: 0px;
        float: none;
        font-weight:bold;
        font-size: 16px;
        padding: 0;
    }

    .content_two_txt > ul {
        display:block;
    }
}

button.download_but {
    font-size: 1rem; 
}

button.request_but {
    font-size: 1rem;
}


#top_table .box01{
margin:0 auto;
width:100%;
max-width:980px;
min-width:980px;
height:80px;

}


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



/* box */
.box01{
margin:0 auto;
width:100%;
max-width:980px;
min-width:980px;
height:80px;
}

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



center {width: 980px;}


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


.copyright {
	padding: 3rem 0 3rem 0;
	/* padding-top: 25px; */
    width: 100%;
    margin: auto;
    flex-direction: column;
}

.copyright li img {
    width: auto;
}

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

.copyright li {
     text-align: center;
     float: none;
}

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

.call-by-province {
	display: block;
	padding-right: 0;
}

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

.sub01_content02 {
    /* width: 980px; */
    width: 100%;
    margin: auto;
}


.tel_mail { 
    /* width:980px;  */
    margin:auto;
}

.fome_table01{ 
    /* width:980px;  */
    margin:auto; border-bottom: 1px solid #dfdfdf;}

.fome_table02{ 
    width:50%;
    margin: 2rem auto; 
    /* padding:60px; */
}

.formm_field textarea { width:80%; }

.submit01 {
    padding: 1em 2rem;
}

.content_two img{width:100%}

.content_box2 li {
    width:100%;
    float: left;
    height: 150px;
}


ul.content_box2 h4 {
    padding: 1% 0 0 40%;
    color: #ffffff;
    font-size: 18px;
}

ul.content_box2 p {
    padding: 1% 0 0 40%;
    color: #ffffff;
}

.con_box1 {
    background: url(../images/icon01.png) no-repeat 30% 51%;
    background-color: #061b41;
}
.con_box2 {
    background: url(../images/icon02.png) no-repeat 30% 51%;
    background-color: #3588af;
}
.con_box3 {
    background: url(../images/icon03.png) no-repeat 30% 51%;
    background-color: #4d68b7;
}
.con_box4 {
    background: url(../images/icon04.png) no-repeat 30% 51%;
    background-color: #062b41;
}
.con_box5 {
    background: url(../images/icon05.png) no-repeat 30% 51%;
    background-color: #138a91;
}
.con_box6 {
    background: url(../images/icon06.png) no-repeat 30% 51%;
    background-color: #514eb1;
}
     
   .con_box1 li{ float:none; width:auto }    /* 콘텐�??�롯???�제?�고 ?�비�??�동?�로 */
    .con_box2 li{ float:none; width:auto }    /* 콘텐�??�롯???�제?�고 ?�비�??�동?�로 */
    .con_box3 li{ float:none; width:auto }    /* 콘텐�??�롯???�제?�고 ?�비�??�동?�로 */
    .con_box4 li{ float:none; width:auto }    /* 콘텐�??�롯???�제?�고 ?�비�??�동?�로 */
    .con_box5 li{ float:none; width:auto }    /* 콘텐�??�롯???�제?�고 ?�비�??�동?�로 */
    .con_box6 li{ float:none; width:auto }    /* 콘텐�??�롯???�제?�고 ?�비�??�동?�로 */

.content_tit_two p {
    font-size: 25px;
}

.content_tit_two h3 {
    font-size: 25px;
}






/*sub01 */


.sub01_visual {
    height: 127px;
    background: url(../images/sub01/sub01_visual.jpg) no-repeat 50% 0;
    background-size: 100%;
}
.sub01_content_tit {
    height: 80px;
    /* background: url(../images/sub02/line.jpg) no-repeat 50% 75%; */
}
.sub01_content_tit h3 {
    padding-top: 2%;
    font-size: 25px;
}

li.sub01_content_box01 {
    /* background: url(../images/sub01/content_img01.jpg) no-repeat 50% 42%; */
    padding-bottom: 0px;
    width: 100%;
    height: fit-content;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
}
li.sub01_content_box02 {
    /* background: url(../images/sub01/content_img02.jpg) no-repeat 50% 42%; */
    padding-bottom: 0px;
    width: 100%;
    height: fit-content;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
}
li.sub01_content_box03 {
    /* background: url(../images/sub01/content_img03.jpg) no-repeat 50% 42%; */
    padding-bottom: 0px;
    width: 100%;
    height: fit-content;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
}
li.sub01_content_box04 {
    /* background: url(../images/sub01/content_img04.jpg) no-repeat 50% 46%; */
    padding-bottom: 0px;
    width: 100%;
    height: fit-content;
    overflow: hidden;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
}
.sub01_content_box01 p {
    padding: 200px 0 30px 0;
}
.sub01_content_box02 p {
    padding: 200px 0 30px 0;
}
.sub01_content_box03 p {
    padding: 200px 0 30px 0;
}
.sub01_content_box04 p {
    padding: 200px 0 30px 0;
}
.sub01_content_box05 p {
    padding: 200px 0 30px 0;
}
.sub01_content_box06 p {
    padding: 200px 0 30px 0;
}
.sub_content_tit h3 {
    padding-top: 3%;
    font-size: 25px;
}
.sub_content_tit {
    padding: 3rem 0;
    max-width: 80vw;
    height: 140px;
    /* background: url(../images/sub02/line.jpg) no-repeat 50% 45px; */
}
.sub_content_tit p {
    margin-top: 3%;
    font-size: 16px;
}

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

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


/*sub02 */


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