@charset "utf-8";


/* skip navigation */
#skipnav {position: absolute; top: 0; left: 22px; z-index: 1000000000000000000000000;}

#skipnav a {position: absolute; top: -9999px; z-index: 1000000000000000000000000;}

#skipnav a:hover,
#skipnav a:active,
#skipnav a:focus {top: 0; width: 180px; color: #000; font-weight: bold; text-align: center; display: inline-block; background-color: #fff; border: 3px solid #ddd; padding: 5px 0;}

.opa {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); display: none; z-index: 100;}

html.lock {width: 100%; height: 100%; overflow: hidden;}

body.lock {position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}

.wrap {position: relative;}

.wrap:after {display: block;clear: both;content: ""}

.wrap.vis_about {background: url('../images/sub/sub_vis01_mob.jpg') no-repeat center 90px;}

.mob_move {position: absolute; top: 0; left: 0; -webkit-transition: left 0.5s; transition: left 0.5s; z-index: 100;}

.mob_move.on {left: 500px;}

.fade {display: none; position: fixed; top: 0; left: 0; height: 100%; background: #000; opacity: 0.58; z-index: 10;}

img.img_mob01 {width: 100%;}

.inner_box_ty01 {width: 100%;}

.inner_box_ty02 {position: relative; width: 100%;}

.header {position: relative; height: 38px; padding: 12px 0 0 0; text-align: center;}

.header.main { /*height:693px;*/ background: none;}

.header h1.logo {}

.header h1.logo a {display: inline-block; width: 152px; height: 27px; background: url('../images/common/logo.png') no-repeat left top; background-size: 152px 27px; text-indent: -9999px; overflow: hidden;}

.header a.btn_menu_all {position: absolute; top: 18px; left: 25px; display: block; width: 16px; height: 14px; background: url('../images/common/btn_menu_all.png') no-repeat left top; background-size: 16px 14px; text-indent: -9999px; overflow: hidden;}

.header a.btn_lang {position: absolute; top: 17.5px; right: 25px;}

.header a.btn_lang img {width: 16px;}

.header a.btn_search {position: relative; float: right; top: -22px; margin-right: 25px;
background-image: url('../images/common/btn_search.png'); background-size: 16px;
width: 16px; height: 16px;

}

.header a.btn_search img {width: 16px;}

.gnb_wrap {position: fixed; top: 0; left: -100%; width: 86.7%; height: 100%; z-index: 10000; box-sizing: border-box; text-align: left;}

.gnb_wrap .gnb {position: relative; height: 100%; background: #fff; overflow-y: scroll;}

.gnb_wrap .gnb ul {padding: 0 25px;}

.gnb_wrap .gnb li {border-bottom: 1px solid #e4e4e4;}

.gnb_wrap .gnb li:last-child {border-bottom: none;}

.gnb_wrap .gnb li .dp1 {position: relative; display: block; height: 69px; font-family: 'Noto Sans JP'; font-size: 20px; color: #000; line-height: 69px; text-decoration: none;}

.gnb_wrap .gnb li .dp1 .arrow {position: absolute; top: 31px; right: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #004098;}

.gnb_wrap .gnb li .dp1.on {color: #034aa3;}

.gnb_wrap .gnb li .dp1.on .arrow {position: absolute; top: 31px; right: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 0; border-bottom: 6px solid #004098;}

.gnb_wrap .gnb li .dp2 {}

.gnb_wrap .gnb li .dp2 ul {padding: 0; display: none;}

.gnb_wrap .gnb li .dp2 li {clear: both; color: #fff; border: none;}

.gnb_wrap .gnb li .dp2 li a {display: block; font-size: 17px; color: #231f20; padding: 0 0 25px 0; text-decoration: none;}

.gnb_wrap .gnb a.btn_close_all {display: inline-block; margin: 20px 0 15px 25px;}

.gnb_wrap .gnb a.btn_close_all img {width: 17px;}

.container {position: relative; padding: 0 0 75px 0;}

.container:after {display: block;clear: both;content: ""}

.container .contents {position: relative; padding: 50px 25px 0 25px;}

.container .contents:after {display: block;clear: both;content: ""}

.container .contents h2 {font-family: 'Noto Sans JP'; font-size: 25px; color: #000; text-align: center;}

.container .contents h2.main {font-family: 'Noto Sans JP'; font-size: 25px; color: #000; padding: 20px 0 15px 0; background: url('../images/common/bg_stit01.png') no-repeat left top; background-size: 22px 5px; text-align: left;}

.container .contents h3 {font-family: 'HKNM'; font-size: 25px; color: #004098; padding: 20px 0 30px 0; background: url('../images/common/bg_stit01.png') no-repeat left top; background-size: 22px 5px;}

.container .contents h3.kor {font-family: 'Noto Sans JP'; font-size: 25px;}

.container.no_pb {padding-bottom: 0;}

.container.main {position: relative;}

.container.main .contents {padding-top: 0;}

.location {position: relative; width: 100%; height: 46px;}

.location ul.loca_bx {width: 100%; height: 45px; background: #fff; border-bottom: 1px solid #d6d6d6;}

.location ul.active {position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 50;}

.location li {position: relative; float: left; width: 50%;}

.location li .in_bx {position: relative; display: block; height: 45px; font-size: 14px; color: #000; line-height: 45px; padding: 0 0 0 25px; border-right: 1px solid #d6d6d6;}

.location li:last-child .in_bx {border-right: none;}

.location li .in_bx.on .arrow {border-top: none; border-bottom: 5px solid #000;}

.location li .in_layer {position: absolute; top: 46px; left: 0; width: 100%; padding: 13px 25px; background: #004198; box-sizing: border-box; display: none; z-index: 1;}

.location li .in_layer li {float: none; width: 100%;}

.location li .in_layer li a {font-size: 15px; color: #fff; line-height: 39px;}

.footer_wrap {padding: 45px 25px 40px 25px; background: #f1f1f1; text-align: center;}

.footer_wrap p.ft_logo img {width: 125px;}

.footer_wrap p.ft_tx01 {font-size: 14px; color: #000; line-height: 30px; padding: 32px 0 27px 0; letter-spacing: -0.5px;}

.footer_wrap p.ft_tx01 a {color: #000;}

.footer_wrap p.ft_tx01 a.ty_bl {font-family: 'Noto Sans JP'; color: #004098;}

.footer_wrap p.ft_tx01 span.line {padding: 0 7px;}

.footer_wrap p.ft_tx02 {font-size: 14px; color: #636363; line-height: 24px; padding: 30px 0 20px 0;}

.footer_wrap p.ft_tx02:last-child {padding: 0;}

.footer_wrap .link_bx {position: relative; height: 43px; font-family: 'Noto Sans JP'; font-size: 15px; color: #333; line-height: 43px; padding: 0 0 0 20px; border: 1px solid #a8a8a8; text-align: left;}

.footer_wrap .link_bx .arrow {top: 17px; right: 20px; border-top: 0; border-bottom: 7px solid #333333;}

.footer_wrap .link_bx .in_layer {position: absolute; bottom: 43px; left: -1px; width: 100%; background: #fff; border: 1px solid #a8a8a8; border-bottom: none; display: none;}

.footer_wrap .link_bx .in_layer ul {padding: 0 20px;}

.footer_wrap .link_bx .in_layer li {background: url('../images/common/ft_arr_r.png') no-repeat right 17px; background-size: 7px 12px; border-bottom: 1px solid #d6d6d6;}

.footer_wrap .link_bx .in_layer li:last-child {border-bottom: 2px solid #a8a8a8;}

.footer_wrap .link_bx .in_layer li a {display: block; height: 45px; font-size: 15px; color: #000; line-height: 45px;}

.footer_wrap .link_bx.open {background: #fff;}

.footer_wrap .link_bx.open .arrow {border-top: 7px solid #333333; border-bottom: 0;}

a.btn_w_top {position: fixed; bottom: 15px; right: 25px; display: block; width: 40px; height: 40px; background: #000; text-align: center; display: none;}

a.btn_w_top.show {display: block;}

a.btn_w_top span {display: block; width: 40px; height: 40px; background: url('../images/common/btn_top.png') no-repeat left top; background-size: 40px 40px; text-indent: -9999px; overflow: hidden;}


/* sub */
.sub_visual {height: 131px; padding: 59px 0 0 0; text-align: center;}

.sub_visual .tx_bx {
    float: right; width: 156px; height: 72px; font-family: 'Noto Sans JP'; font-size: 17px; color: #fff; line-height: 72px; margin-right: -40px; padding: 0 0 0 31px; background: #004098; text-align: left;
    -webkit-transform: translateX(0, 20px);
    -moz-transform: translateX(0, 20px);
    -ms-transform: translateX(0, 20px);
    -o-transform: translateX(0, 20px);
    transform: translateX(0, 20px);
    opacity: 0;
    filter: alpha(opacity=0);
}

.sub_visual.company {background: url('../images/sub/sub_vis_company.jpg') no-repeat center top; background-size: cover;}

.sub_visual.careers {background: url('../images/sub/sub_vis_careers.jpg') no-repeat center top; background-size: cover;}

.sub_visual.sustainability {background: url('../images/sub/sub_vis_sustainability.jpg') no-repeat center top; background-size: cover;}

.sub_visual.utility {background: url('../images/sub/sub_vis_utility.jpg') no-repeat center top; background-size: cover;}

.sub_visual.product.v03 {background: url('../images/sub/sub_vis_product03.jpg') no-repeat center top; background-size: cover;}

.sub_visual.rnd {background: url('../images/sub/sub_rnd_visual.jpg') no-repeat center top; background-size: cover;}

.sub_visual.pr {background: url('../images/sub/sub_vis_pr.jpg') no-repeat center top; background-size: cover;}

.tab_ty01 {padding: 50px 0 40px 0;}

.tab_ty01:after {display: block;clear: both;content: ""}

.tab_ty01 li {float: left; box-sizing: border-box;}

.tab_ty01 li a {display: block; height: 45px; font-family: 'Noto Sans JP'; font-size: 13px; color: #000; line-height: 45px; background: #f1f1f1; text-align: center;}

.tab_ty01 li a.on {color: #fff; background: #004198;}


.tab_ty01.two li {width: 50%; padding: 0 2.5px 5px 0;}

.tab_ty01.two li:nth-child(even) {padding: 0 0 5px 2.5px;}

.tab_ty01.three li {width: 33.3%; padding: 0 2.5px 5px 0;}

.tab_ty01.three li:nth-child(2) {width: 33.4%;}

.tab_ty01.three li:last-child {padding: 0 0 5px 0;}

.tab_ty01 li a.line2 {height: 38px; line-height: 15px; padding: 7px 0 0 0;}

a.btn_more01 {display: block; height: 43px; line-height: 43px; border: 1px solid #d6d6d6; text-align: center;}

a.btn_more01 span {display: inline-block; font-family: 'Noto Sans JP'; font-size: 14px; padding: 0 0 0 23px; background: url('../images/sub/icon_plus.png') no-repeat left 15px; background-size: 12.5px 12.5px;}

a.btn_list01 {display: block; height: 43px; line-height: 43px; border: 1px solid #d6d6d6; text-align: center;}

a.btn_list01 span {display: inline-block; font-family: 'Noto Sans JP'; font-size: 14px; padding: 0 0 0 36px; background: url('../images/sub/icon_prev.png') no-repeat left 17.5px; background-size: 26px 8px;}

span.quot01 {display: block; font-size: 33px; color: #000; line-height: 1; margin-bottom: -5px;}

span.quot02 {display: block; font-size: 33px; color: #000; line-height: 1; margin: 11px 0 0 0; /*transform:rotate(180deg); transform-origin:top left;*/}

p.tx_sign01 {font-family: 'Noto Sans JP'; color: #000; line-height: 30px; padding: 35px 0 16px 0;}

p.tx_sign02 img {width: 118px;}

p.tx_sign03 img {width: 115px;}

a.product_link {
    width: 100%; border: 2px solid #004098; height: 14px; padding: 15px 0; display: block; text-align: center; margin: 0 0 50px; color: #004098; line-height: 14px; font-family: "Noto Sans JP"; font-size: 14px;
}

a.product_link span {width: 14px; height: 14px; display: inline-block; vertical-align: middle; background: url(../images/sub/product_icon01.gif) 50% 50% no-repeat; -webkit-background-size: 14px;background-size: 14px; margin: -2px 0 0 5px;}

.s_tx_bx_ty01 {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; line-height: 30px; padding: 45px 0 35px 0;}

.s_tx_bx_ty01.quot {padding-bottom: 0; margin-bottom: -4px;}

.s_tx_bx_ty01.tab01 {padding-top: 0; padding-bottom: 25px;}

.s_tx_bx_ty02 {line-height: 27px;}

.s_tx_bx_ty02.c000 {color: #000;}

.s_tx_bx_ty02.c333 {color: #333;}

.s_tx_bx_ty02.Noto Sans JP {font-family: 'Noto Sans JP';}

.s_tx_bx_ty03 {font-family: 'Noto Sans JP'; line-height: 27px;  text-align: justify;}

.s_stit01 {font-family: 'Noto Sans JP'; font-size: 20px; color: #333; padding: 0 0 35px 0; text-align: center;}

.s_stit01 p {display: inline-block;}

.s_stit01 p span {display: block; height: 2px; background: #333; margin: 10px 0 0 0;}

.sub_cont01 {position: relative; padding: 50px 0 10px 0; margin-bottom: 60px; background: #004098; text-align: center;}

.sub_cont01 dl {padding: 60px 0 40px 0;}

.sub_cont01 dl.icon01 {background: url('../images/sub/sub_icon01_01.png') no-repeat center top; background-size: 40px 41px;}

.sub_cont01 dl.icon02 {background: url('../images/sub/sub_icon01_02.png') no-repeat center top; background-size: 41px 40px;}

.sub_cont01 dl.icon03 {background: url('../images/sub/sub_icon01_03.png') no-repeat center top; background-size: 42px 40px;}

.sub_cont01 dl.icon04 {background: url('../images/sub/sub_icon01_04.png') no-repeat center top; background-size: 49px 39px;}

.sub_cont01 dt {font-family: 'Noto Sans JP'; color: #fff; padding: 0 0 10px 0;}

.sub_cont01 dd {color: #fff;}

.sub_cont02 {height: 372px; padding: 210px 0 0 0; margin: 0 -25px 60px -25px; background: url('../images/sub/sub_img01.jpg') no-repeat center top; background-size: cover; margin-top: -150px; text-align: center;}

.sub_cont02 dt {font-family: 'Noto Sans JP'; font-size: 20px; color: #fff; padding: 0 0 21px 0;}

.sub_cont02 dd {font-family: 'Noto Sans JP'; color: #fff; padding: 0 0 50px 0;}

.sub_cont02 dd span.num {font-family: 'HKNM'; font-size: 30px;}

.sub_cont03 dt {font-family: 'HKNM'; font-size: 30px; color: #000; line-height: 30px; padding: 5px 0 12px 0;}

.sub_cont03 dd {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; line-height: 30px; padding: 0 0 40px 0;}

.sub_cont04 {padding: 0 0 20px 0;}

.sub_cont04 .img_bx {height: 300px; margin: 0 0 35px -25px; background: url('../images/sub/sub_img02.jpg') no-repeat left top; background-size: cover;}

.sub_cont04 dt {font-family: 'Noto Sans JP'; color: #004098; line-height: 27px; padding: 0 0 10px 0;}

.sub_cont04 dd {line-height: 27px; padding: 0 0 40px 0; }

.sub_cont05 dl {padding: 0 0 31px 83px; margin: 0 0 35px 0; border-bottom: 1px solid #a8a8a8;}

.sub_cont05 dl.icon01 {background: url('../images/sub/sub_icon02_01.png') no-repeat 10px 8px; background-size: 53px 34px;}

.sub_cont05 dl.icon02 {background: url('../images/sub/sub_icon02_02.png') no-repeat 20px 6px; background-size: 32px 40px;}

.sub_cont05 dl.icon03 {background: url('../images/sub/sub_icon02_03.png') no-repeat 18px 15px; background-size: 36.5px 42px;}

.sub_cont05 dl.icon04 {background: url('../images/sub/sub_icon02_04.png') no-repeat 24.5px 2px; background-size: 24px 45.5px;}

.sub_cont05 dl.icon05 {background: url('../images/sub/sub_icon02_05.png') no-repeat 13.5px 7px; background-size: 46px 35.5px;}

.sub_cont05 dl.icon06 {background: url('../images/sub/sub_icon02_06.png') no-repeat 19px 2px; background-size: 34px 46px;}

.sub_cont05 dl.icon07 {background: url('../images/sub/sub_icon02_07.png') no-repeat 19px 8.5px; background-size: 36px 33px;}

.sub_cont05 dl.icon08 {background: url('../images/sub/sub_icon02_08.png') no-repeat 20.5px top; background-size: 41px 51px; margin-top: -9px; padding-top: 9px;}

.sub_cont05 dl.icon09 {background: url('../images/sub/sub_icon02_09.png') no-repeat 19px 7px; background-size: 35px 34px;}

.sub_cont05 dl.icon10 {background: url('../images/sub/sub_icon02_10.png') no-repeat 23px 14px; background-size: 26px 42px; padding: 0 0 0 83px; margin: 0 0 0 0; border-bottom: none;}

.sub_cont05 dt {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; padding: 0 0 11px 0;}

.sub_cont05 dd {line-height: 25px;}

.sub_cont06 {line-height: 27px; padding: 20px 0 15px 0; border-top: 1px solid #000;}

.sub_cont06.last {padding-bottom: 0;}

.sub_cont06 p.in_s_tit {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; padding: 0 0 25px 0;}

.sub_cont06 dl {position: relative; padding: 0 0 20px 70px;}

.sub_cont06.last dl:last-child {padding-bottom: 0;}

.sub_cont06 dt {position: absolute; top: 2px; left: 0; font-family: 'HKNM'; color: #004098;}

.sub_cont07 {text-align: center;}

.sub_cont07 dt {font-family: 'Noto Sans JP'; color: #004198; padding: 0 0 11px 0;}

.sub_cont07 dd {font-size: 20px; color: #000; line-height: 30px;}

.sub_cont07 p {height: 3px; padding: 31px 0 50px 0;}

.sub_cont07 p span {display: inline-block; width: 3px; height: 3px; background: #004098; border-radius: 1.5px; vertical-align: top;}

.sub_cont08 p.in_s_tit {font-family: 'HKNM'; font-weight: bold; font-size: 30px; color: #004098; padding: 0 0 25px 0;}

.sub_cont08 .img_bx01_2020 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img04_2020.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx01_2021 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img04_2021.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx01_2022 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img04_2022.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx01_2023 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img04_2023.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx01_2024 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img04_2024.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx01_2025 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img04_2025.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx01_00 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img04_00.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx01_01 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img04_01.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx01_02 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img04_02.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx01_03 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img04_03.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx01_04 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img04_04.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx02_01 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img37_01.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx02_02 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img37_02.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx02_03 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img37_03.jpg') no-repeat left top; background-size: cover; padding: 0 0 120%;}

.sub_cont08 .img_bx02_04 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img37_04.jpg') no-repeat left top; background-size: cover; padding: 0 0 120%;}

.sub_cont08 .img_bx02_05 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img37_05.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx03_01 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img38_01.jpg') no-repeat left top; background-size: cover; padding: 0 0 120%;}

.sub_cont08 .img_bx03_02 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img38_02.jpg') no-repeat left top; background-size: cover;padding: 0 0 120%;}

.sub_cont08 .img_bx03_03 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img38_03.jpg') no-repeat left top; background-size: cover;padding: 0 0 120%;}

.sub_cont08 .img_bx03_04 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img38_04.jpg') no-repeat left top; background-size: cover;padding: 0 0 120%;}

.sub_cont08 .img_bx03_05 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img38_05.jpg') no-repeat left top; background-size: cover;padding: 0 0 120%;}

.sub_cont08 .img_bx04_01 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img39_01.jpg') no-repeat left top; background-size: cover;padding: 0 0 120%;}

.sub_cont08 .img_bx04_02 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img39_02.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx04_03 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img39_03.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx04_04 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img39_04.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx04_05 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img39_05.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx04_06 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img39_06.jpg') no-repeat left top; background-size: cover; padding: 0 0 58%;}

.sub_cont08 .img_bx05_01 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img39_07.jpg') no-repeat left top; background-size: cover; padding: 0 0 120%;}

.sub_cont08 .img_bx05_02 {height: 0; margin: 0 -25px 0 0; background: url('../images/sub/sub_img39_08.jpg') no-repeat left top; background-size: cover;padding: 0 0 120%;}

.sub_cont08 .hy_list {line-height: 27px; padding: 20px 0 35px 0; /*border-top:1px solid #000;*/}

.sub_cont08 .hy_list.hy_list02 dl {position: relative; padding: 0 0 20px 85px;}

.sub_cont08 .hy_list.last {padding-bottom: 0;}

.sub_cont08 .hy_list dl {position: relative; padding: 0 0 20px 45px;}

.sub_cont08 .hy_list.last dl:last-child {padding-bottom: 0;}

.sub_cont08 .hy_list dt {position: absolute; top: 2px; left: 0; font-family: 'HKNM'; color: #333;}

.sub_cont08 .hy_list dd p {padding-bottom: 15px;}

.sub_cont08 .txt_01 {font-size: 20px; color: #000; margin: 0 0 20px; display: block;}

.sub_cont08 .txt_02 {font-size: 17px; line-height: 27px; padding: 20px 0 0;}

.sub_cont09 .img_bx {padding-bottom: 35px;}

.sub_cont09 .img_bx img {width: 100%;}

.sub_cont09 dt {font-family: 'Noto Sans JP'; font-size: 20px; color: #004098; padding: 0 0 15px 0;}

.sub_cont09 dd {font-family: 'Noto Sans JP'; color: #333; padding: 0 0 25px 0;}

.sub_cont10 {position: relative; padding: 45px 0 0 0; margin: 0 -25px 25px -25px; background: url('../images/sub/sub_img07_02.png') repeat-x center bottom; background-size: 23px 346px;}

.sub_cont10 .in_bx {height: 346px; padding: 0 25px; background: url('../images/sub/sub_img07_01.png') no-repeat right bottom; background-size: 190px 346px;}

.sub_cont10 .in_bx p.tx01 {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; line-height: 30px; letter-spacing: -0.5px;}

.sub_cont10 .in_bx p.tx02 {padding: 97px 0 0 0; font-family: 'Noto Sans JP'; font-size: 23px; color: #004098; line-height: 30px; letter-spacing: -0.5px;}

.sub_cont10 .in_bx p.tx02 span {display: block; font-family: 'Helvetica'; font-weight: bold; font-size: 25px; }

.sub_cont11 {padding: 0 0 35px 0; border-bottom: 2px solid #000;}

.sub_cont11 li {padding: 40px 25px; margin-bottom: 15px; background: #004198;}

.sub_cont11 li p.d_date {font-family: 'HKNM'; font-size: 38px; color: #fff;}

.sub_cont11 dt {font-family: 'Noto Sans JP'; font-size: 20px; color: #fff; line-height: 30px; padding: 25px 0 20px 0; letter-spacing: -1px;}

.sub_cont11 dd {font-family: 'Noto Sans JP'; color: #afccf4; padding: 0 0 35px 0; letter-spacing: -1px;}

.sub_cont11 dd span.type {display: inline-block; vertical-align: top;}

.sub_cont11 dd span.line {display: inline-block; width: 1px; height: 15px; margin: 2px 5px 0 5px; background: #afccf4; vertical-align: top;}

.sub_cont11 dd span.date {display: inline-block; vertical-align: top;}

.sub_cont11 a.btn_support {display: block; height: 45px; font-family: 'Noto Sans JP'; font-size: 14px; color: #004198; line-height: 45px; background: #fff; text-align: center;}

.sub_cont12 {padding: 0 0 20px 0;}

.sub_cont12 li {padding: 30px 0; border-bottom: 1px solid #a8a8a8;}

.sub_cont12 li:last-child {border-bottom: none;}

.sub_cont12 li p.d_date {width: 90px; height: 30px; font-family: 'NSKL'; font-size: 14px; line-height: 30px; background: #f1f1f1; text-align: center;}

.sub_cont12 dt {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; line-height: 30px; padding: 20px 0 16px 0;}

.sub_cont12 dd {font-family: 'Noto Sans JP'; letter-spacing: -1px;}

.sub_cont12 dd span.type {display: inline-block; vertical-align: top;}

.sub_cont12 dd span.line {display: inline-block; width: 1px; height: 15px; margin: 2px 5px 0 5px; background: #636363; vertical-align: top;}

.sub_cont12 dd span.date {display: inline-block; vertical-align: top;}

.sub_cont13 {padding: 25px 0 0 0;}

.sub_cont13 li {padding: 25px 0 60px 0; background: url('../images/sub/sub_img08.png') no-repeat center bottom; background-size: 8px 32px; text-align: center;}

.sub_cont13 li:last-child {padding-bottom: 0; background: none;}

.sub_cont13 li p.num {font-family: 'HKNM'; font-size: 30px; color: #004098; padding: 0 0 7px 0;}

.sub_cont13 li img {width: 115px;}

.sub_cont13 li img.end {width: 262px;}

.sub_cont13 dt {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; padding: 20px 0 13px 0;}

.sub_cont13 dd {line-height: 27px;}

.sub_cont13.ty02 { padding: 0 0 10px 0;}

.sub_cont13.ty02 li {padding: 0 0 50px 0; background: none;}

.sub_cont13.ty02 dd {letter-spacing: -0.5px;}

.sub_cont14 {padding: 0 0 45px 0;}

.sub_cont14 li {position: relative; min-height: 132px; padding: 0 0 30px 185px;}

.sub_cont14 li .bx_l {position: absolute; top: 0; left: 0; width: 162px; height: 132px; background: url('../images/sub/sub_img09.png') no-repeat left top; background-size: 162px 132px; text-align: center;}

.sub_cont14 li .bx_l p.tx01 {font-family: 'HKNM'; font-weight: bold; font-size: 15px; color: #fff; padding: 33px 0 8px 0;}

.sub_cont14 li .bx_l p.tx02 {font-family: 'Noto Sans JP'; font-size: 20px; color: #fff; line-height: 25px;}

.sub_cont14 li .bx_r {line-height: 27px; padding: 20px 0 0 0; border-top: 2px solid #a8a8a8;}

.sub_cont15 {height: 375px; margin: 0 -25px 75px -25px; background: url('../images/sub/sub_img10.jpg') no-repeat center top; background-size: cover; text-align: center;}

.sub_cont15 dt {font-family: 'Noto Sans JP'; font-size: 25px; color: #fff; line-height: 35px; padding: 100px 0 21px 0;}

.sub_cont15 dd {font-family: 'Noto Sans JP'; font-size: 17px; color: #fff; line-height: 25px;}

.sub_cont16 {padding: 0 0 0 0;}

.sub_cont16 li {padding: 18px 25px 30px 25px; margin-bottom: 15px; background: #004098;}

.sub_cont16 li:last-child {margin-bottom: 0;}

.sub_cont16 li p.s_tit {height: 65px; border-bottom: 1px solid #668cc1; text-align: center;}

.sub_cont16 li p.s_tit span {display: inline-block; height: 43px; font-family: 'Noto Sans JP'; font-size: 20px; color: #fff; vertical-align: top;}

.sub_cont16 li p.s_tit span.icon01 {padding: 22px 0 0 48px; background: url('../images/sub/sub_icon05_01.png') no-repeat left top; background-size: 32px 52px;}

.sub_cont16 li p.s_tit span.icon02 {padding: 22px 0 0 63px; background: url('../images/sub/sub_icon05_02.png') no-repeat left 10px; background-size: 48px 44px;}

.sub_cont16 li p.s_tit span.icon03 {padding: 22px 0 0 52px; background: url('../images/sub/sub_icon05_03.png') no-repeat left 8px; background-size: 36px 46px;}

.sub_cont16 li p.s_tit span.icon04 {padding: 22px 0 0 61px; background: url('../images/sub/sub_icon05_04.png') no-repeat left 9px; background-size: 46px 44px;}

.sub_cont16 li p.s_tit span.icon05 {padding: 22px 0 0 61px; background: url('../images/sub/sub_icon05_05.png') no-repeat left 12px; background-size: 46px 42px;}

.sub_cont16 li p.s_tit span.icon06 {padding: 22px 0 0 62px; background: url('../images/sub/sub_icon05_06.png') no-repeat left 9px; background-size: 47px 45px;}

.sub_cont16 li p.s_tit span.icon07 {padding: 22px 0 0 60px; background: url('../images/sub/sub_icon05_07.png') no-repeat left 7px; background-size: 45px 47px;}

.sub_cont16 li p.tx01 {font-family: 'Noto Sans JP'; color: #fff; line-height: 27px; padding: 20px 0 15px 0; letter-spacing: -0.5px;}

.sub_cont16 li p.tx02 {color: #fff; line-height: 27px; letter-spacing: -0.5px;}

.sub_cont17 {padding: 0 25px; margin: 0 -25px 50px -25px; border-bottom: 1px solid #d6d6d6;}

.sub_cont17.last {margin-bottom: 0; border-bottom: none;}

.sub_cont17 p.bx_img {padding: 0 0 40px 0;}

.sub_cont17 p.bx_img img {width: 100%;}

.sub_cont17 dl {padding: 0 0 35px 0;}

.sub_cont17.last dl:last-child {padding-bottom: 0;}

.sub_cont17 dt {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; padding: 0 0 15px 0;}

.sub_cont17 dt span.eng {display: block; font-family: 'HKNM'; font-size: 17px; color: #000; padding: 11px 0 0 0;}

.sub_cont17 dt.eng {font-family: 'HKNM'; font-weight: bold; font-size: 20px; color: #000; padding: 0 0 15px 0;}

.sub_cont17 dd {line-height: 27px; }

.sub_cont17 dd span {color: #004098;}

.sub_cont18 {padding: 0 0 26px 0;}

.sub_cont18 p.bx_img {padding: 0 0 14px 0;}

.sub_cont18 p.bx_img img {width: 100%;}

.sub_cont18 p.tx01 {font-family: 'Noto Sans JP'; color: #333; padding: 0 0 34px 0; text-align: center;}

.sub_cont19 {padding: 0 0 35px 0;}

.sub_cont19.last {padding-bottom: 0;}

.sub_cont19 li {position: relative; font-family: 'Noto Sans JP'; line-height: 27px; padding: 0 0 15px 37px;}

.sub_cont19 li span.num {position: absolute; top: 0; left: 0; width: 28px; height: 28px; font-family: 'HKNM'; font-size: 15px; color: #fff; line-height: 28px; border-radius: 14px; background: #004198; text-align: center;}

.sub_cont19.last li:last-child {padding-bottom: 0;}

.sub_cont20 {padding: 0 25px; margin: 0 -25px 70px -25px; background: url('../images/sub/sub_img17.jpg') no-repeat center top; background-size: cover;}

.sub_cont20 p.in_s_tit {font-family: 'Noto Sans JP'; font-size: 25px; color: #fff; padding: 60px 0 30px 0; text-align: center;}

.sub_cont20 p.tx01 {color: #fff; line-height: 27px; padding: 0 0 45px 0; text-align: center; letter-spacing: -0.5px;}

.sub_cont20 ul {max-width: 325px; margin: 0 auto; padding: 0 0 60px;}

.sub_cont20 ul:after {display: block; content: ""; clear: both;}

.sub_cont20 li.bx01 {float: left; width: 43.1%; height: 105px; font-family: 'Noto Sans JP'; font-size: 15px; color: #004098; padding: 71px 0 0 0; border-radius: 4px; box-sizing: border-box; text-align: center;}

.sub_cont20 li.bx01.icon01 {background: #fff url('../images/sub/sub_icon06_01.png') no-repeat center 22px; background-size: 32px 36px;}

.sub_cont20 li.bx01.icon02 {background: #fff url('../images/sub/sub_icon06_02.png') no-repeat center 23px; background-size: 38px 35px;}

.sub_cont20 li.bx01.icon03 {background: #fff url('../images/sub/sub_icon06_03.png') no-repeat center 23px; background-size: 33px 36px;}

.sub_cont20 li.bx01.icon04 {background: #fff url('../images/sub/sub_icon06_04.png') no-repeat center 22px; background-size: 38px 37px;}

.sub_cont20 li.arr01 {float: left; width: 13.8%; height: 105px; padding: 47px 10px 0 0; box-sizing: border-box;}

.sub_cont20 li.arr01 img {width: 100%;}

.sub_cont20 li.arr02 {float: left; width: 43.1%; height: 45px; padding: 10px 0 0 0; box-sizing: border-box; text-align: center;}

.sub_cont20 li.arr02 img {height: 100%;}

.sub_cont20 li.arr03 {float: left; width: 43.1%; height: 45px; padding: 0 0 10px 0; box-sizing: border-box; text-align: center;}

.sub_cont20 li.arr03 img {height: 100%;}

.sub_cont20 li.arr04 {float: left; width: 13.8%; height: 105px; padding: 47px 0 0 10px; box-sizing: border-box;}

.sub_cont20 li.arr04 img {width: 100%;}

.sub_cont20 li.blank {float: left; width: 13.8%; height: 45px;}

.sub_cont21 dl {padding: 0 0 55px 0;}

.sub_cont21 dt {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; padding: 0 0 15px 0;}

.sub_cont21 dd {line-height: 27px; }

.sub_cont21 dd span {color: #004098;}

.sub_cont21 dd img {width: 100%;}

.sub_cont22 dl {padding: 0 0 30px 0;}

.sub_cont22 dl:last-child {padding: 0 0 65px 0;}

.sub_cont22 dt img {width: 100%;}

.sub_cont22 dd {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; line-height: 30px; padding: 10px 0 0 10px;}

.sub_cont23 {position: relative; padding: 0 25px; margin: 0 -25px;}

.sub_cont23 p.img_area {position: absolute; top: 0; left: 0; width: 100%; height: 309px; background: url('../images/sub/sub_img24.jpg') no-repeat center top; background-size: cover;}

.sub_cont23 .in_bx {position: relative; padding: 0 0 35px 0;}

.sub_cont23 p.tx01 {font-family: 'Noto Sans JP'; font-size: 20px; color: #fff; line-height: 40px; padding: 87px 0 0 0; text-align: center;}

.sub_cont23 p.tx02 {font-family: 'Noto Sans JP'; font-size: 25px; color: #fff; line-height: 35px; padding: 0 0 52px 0; text-align: center; text-indent: -30px;}

.sub_cont23 li {padding-bottom: 40px;}

.sub_cont23 li p.bx_alp {position: relative; width: 208px; height: 123px; background: #004098; margin: 0 auto; text-align: center;}

.sub_cont23 li span.line {position: absolute; top: 59px; left: 35px; width: 138px; height: 1px; background: #4d7ab7;}

.sub_cont23 li span.tx {position: relative; display: inline-block; font-family: 'HKNM'; font-size: 50px; color: #fff; padding: 37px 16px 0 16px; background: #004098;}

.sub_cont23 dl {text-align: center;}

.sub_cont23 dt {font-family: 'HKNM'; font-size: 20px; color: #000; line-height: 28px; padding: 21px 0 16px 0;}

.sub_cont23 dd {font-family: 'Noto Sans JP';}

.sub_cont24 {height: 674px; padding: 0 25px; margin: 0 -25px -75px -25px; background: url('../images/sub/sub_img25.jpg') no-repeat center top; background-size: cover;}

.sub_cont24 p.tx01 {font-family: 'Noto Sans JP'; color: #fff; line-height: 27px; padding: 25px 0 35px 0; text-align: center;}

.sub_cont24 .in_bx.ty01 {padding: 20px 20px 10px 20px; margin-bottom: 15px; background: #fff;}

.sub_cont24 .in_bx.ty01 p.in_stit {font-family: 'Noto Sans JP'; color: #004198; padding: 0 0 10px 0;}

.sub_cont24 .in_bx.ty01 li {overflow:hidden; min-height: 40px; padding: 10px 0; border-bottom: 1px solid #d6d6d6;}

.sub_cont24 .in_bx.ty01 li p {float: left; font-size: 15px; color: #333; line-height: 22px; margin-top: -2px;}

.sub_cont24 .in_bx.ty01 li a {float: right; display: block; width: 95px; height: 40px; font-size: 14px; color: #fff; line-height: 40px; background: #004098; text-align: center;}

.sub_cont24 .in_bx.ty01 li:last-child {border-bottom: none;}

.sub_cont24 .in_bx.ty02 {padding: 29px 20px 26px 20px; background: #fff;}

.sub_cont24 .in_bx.ty02 p.in_stit {font-family: 'Noto Sans JP'; color: #004198; padding: 0 0 10px 0;}

.sub_cont24 .in_bx.ty02 dt {font-size: 15px; color: #333; line-height: 22px; padding: 10px 0 10px 0;}

.sub_cont24 .in_bx.ty02 dd {font-size: 15px; color: #333; line-height: 22px;}

.sub_cont24 .in_bx.ty02 dd a {float: center; display: block; width: 100%; height: 40px; font-size: 14px; color: #fff; line-height: 40px; background: #004098; text-align: center;}

.sub_cont24 .in_bx.ty03 {padding: 29px 20px 15px 20px; margin-bottom: 15px; background: #fff;}

.sub_cont24 .in_bx.ty03 p.in_stit {font-family: 'Noto Sans JP'; color: #004198; padding: 0 0 10px 0;}

.sub_cont24 .in_bx.ty03 li {min-height: 25px; padding: 15px 0; border-bottom: 0px solid #d6d6d6;}

.sub_cont24 .in_bx.ty03 li p {float: left; font-size: 15px; color: #333; line-height: 22px; margin-top: -2px;}

.sub_cont24 .in_bx.ty03 li a {float: right; display: block; width: 100%; height: 40px; font-size: 14px; color: #fff; line-height: 40px; background: #004098; text-align: center;}

.sub_cont24 .in_bx.ty03 li:last-child {border-bottom: none;}

.sub_cont25 {padding-bottom: 15px;}

.sub_cont25 p.tx01 {height: 130px; font-family: 'Noto Sans JP'; font-size: 20px; color: #fff; line-height: 130px; background: #004198; text-align: center;}

.sub_cont25 p.tx02 {height: 130px; font-family: 'Noto Sans JP'; font-size: 20px; color: #fff; line-height: 25px; background: #004198; text-align: center;}

.sub_cont25 span.icon01 {display: inline-block; padding: 0 0 0 66px; background: url('../images/sub/sub_icon08_01.png') no-repeat left 43px; background-size: 42px 44px;}

.sub_cont25 span.icon02 {display: inline-block; padding: 0 0 0 71px; background: url('../images/sub/sub_icon08_02.png') no-repeat left 44px; background-size: 46px 43px;}

.sub_cont25 span.icon03 {display: inline-block; padding: 41px 0 0 74px; background: url('../images/sub/sub_icon08_03.png') no-repeat left 43px; background-size: 45px 40px; text-align: left;}

.sub_cont25 span.icon04 {display: inline-block; padding: 0 0 0 70px; background: url('../images/sub/sub_icon08_04.png') no-repeat left 43px; background-size: 42px 45px;}

.sub_cont25 span.icon05 {display: inline-block; padding: 41px 0 0 73px; background: url('../images/sub/sub_icon08_05.png') no-repeat left 44px; background-size: 43px 38px; text-align: left;}

.sub_cont25 ul {padding: 15px 0 38px 0;}

.sub_cont25 li {position: relative; line-height: 27px; padding: 0 0 7px 12px;}

.sub_cont25 li span {position: absolute; top: -1px; left: 0;}

.sub_cont26 {height: 180px; padding-bottom: 35px; margin: 0 -25px 35px 0; background: url('../images/sub/sub_img28.jpg') no-repeat right top; background-size: cover;}

.sub_cont27 dl {padding: 0 0 35px 0;}

.sub_cont27 dl:last-child {padding-bottom: 0;}

.sub_cont27 dt {position: relative; font-family: 'Noto Sans JP'; font-size: 20px; color: #000; padding: 0 0 15px 0;}

.sub_cont27 dt span.line {position: absolute; top: 11px; left: 0; width: 100%; height: 2px; background: #a8a8a8;}

.sub_cont27 dt span.tx {position: relative; display: inline-block; height: 24px; line-height: 24px; padding: 0 15px 0 28px; background: #fff url('../images/sub/icon_hand.png') no-repeat left top; background-size: 18px 24px;}

.sub_cont27 dd {line-height: 27px;}

.sub_cont28 {padding-bottom: 25px;}

.sub_cont28 dl {padding: 0 0 40px 0;}

.sub_cont28 dl:last-child {padding-bottom: 0;}

.sub_cont28 dt {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; line-height: 30px; padding: 0 0 10px 0;}

.sub_cont28 dd {line-height: 27px;}

.sub_cont29 {padding: 40px 25px 40px 25px; margin: 0 -25px 40px -25px; background: #f9f9f9;}

.sub_cont29 p.tx {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; padding: 0 0 40px 0; text-align: center;}

.sub_cont29 span.line {display: block; width: 150px; height: 1px; margin: 5px auto 0 auto; background: #000; vertical-align: top;}

.sub_cont29 p.img_area {text-align: center;}

.sub_cont29 p.img_area img {width: 100%; max-width: 375px;}

.sub_cont30 {padding: 0 0 30px 0;}

.sub_cont30 p.bx_img {padding: 0 0 20px 0; text-align: center;}

.sub_cont30 p.bx_img img {width: 145px;}

.sub_cont30 dl {padding: 0 0 45px 0; text-align: center;}

.sub_cont30 dt {font-family: 'Noto Sans JP'; font-size: 20px; color: #000; padding: 0 0 10px 0;}

.sub_cont30 dd {line-height: 27px;}

.sub_cont31 dt {height: 61px; font-family: 'HKNM'; font-size: 25px; color: #004098;}

.sub_cont31 dt.icon01 {padding: 15px 0 0 65px; background: url('../images/sub/sub_icon09_01.png') no-repeat left top; background-size: 50px 50px;}

.sub_cont31 dt.icon02 {padding: 15px 0 0 63px; background: url('../images/sub/sub_icon09_02.png') no-repeat left 2px; background-size: 48px 48px;}

.sub_cont31 dd {line-height: 27px; padding: 0 0 25px 0;}

.sub_cont32 {padding: 0 0 15px 0; margin: 0 0 45px 0; border-bottom: 1px solid #d6d6d6;}

.sub_cont32.last {padding: 0 0 0 0; margin: 0 0 0 0; border-bottom: none;}

.sub_cont32 dl {padding: 0 0 35px 0;}

.sub_cont32 dt img {width: 100%;}

.sub_cont32 dd {font-family: 'Noto Sans JP'; font-size: 20px; color: #333; padding: 20px 0 0 0; text-align: center;}

.sub_cont33 {font-family: 'Noto Sans JP'; font-size: 20px; color: #004098; padding: 0 25px 35px 25px; margin: 0 -25px 50px -25px; border-bottom: 1px solid #d6d6d6;}

.sub_cont33.last {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}

.sub_cont33 li {line-height: 30px; padding: 5px 0 5px 14px; background: url('../images/sub/blit_blue.png') no-repeat left 19px; background-size: 4px 4px;}

.sub_cont33.last li {padding-bottom: 0;}

.sub_cont34 {padding: 0 0 75px 0; margin: 0 -11px;}

.sub_cont34:after {display: block;clear: both;content: ""}

.sub_cont34 li {float: left; width: 33.3%; padding: 0 11px; box-sizing: border-box; padding-bottom:17px;}

.sub_cont34 li:second-child {width: 33.4%}

.sub_cont34 li .icon_bx {height: 80px; padding: 21px 0 0 0; background: #f3f3f3; text-align: center;}

.sub_cont34 li .icon_bx img {width: 43px;}

.sub_cont34 li p {font-size: 15px; padding: 17px 0 0 0; text-align: center;}

.sub_cont35 dl {padding: 0 0 40px 0;}

.sub_cont35 dt {font-family: 'Noto Sans JP'; font-size: 17px; color: #000; padding: 0 0 15px 0;}

.sub_cont35 dd {line-height: 27px;}

.sub_cont35 dd span {color: #004098;}

.sub_cont36 {padding: 75px 25px 65px 25px; margin: 5px -25px 0 -25px; background: #004098;}

.sub_cont36 p.in_stit {font-family: 'Noto Sans JP'; font-size: 20px; color: #fff; padding: 0 0 35px 0; text-align: center;}

.sub_cont36 .in_bx {padding: 28px 25px 27px 25px; margin: 0 0 10px 0; background: #fff;}

.sub_cont36 .in_bx dt {position: relative; height: 29px; font-family: 'HKNM'; color: #004098; padding: 8px 0 0 80px;}

.sub_cont36 .in_bx dt span.tx {position: absolute; top: 0; left: 0;}

.sub_cont36 .in_bx dt span.line {display: block; height: 1px; background: #004098;}

.sub_cont36 .in_bx dd p.name {font-family: 'Noto Sans JP'; font-size: 22px; color: #000; padding: 0 0 20px 0;}

.sub_cont36 .in_bx dd p.num_mail {font-family: 'HKNM'; font-size: 15px; color: #000; line-height: 22px;}

.sub_cont37 {padding-bottom: 15px;}

.sub_cont37 p.tx01 {height: 60px; font-family: 'Noto Sans JP'; font-size: 20px; color: #fff; line-height: 60px; background: #333130; text-align: center;}

.sub_cont37 p.tx01 a {height: 60px; font-family: 'Noto Sans JP'; font-size: 20px; color: #fff; line-height: 60px; background: #333130 text-align: center;}

.sub_cont37 p.tx01 a:hover {height: 60px; font-family: 'Noto Sans JP'; font-size: 20px; color: #fad90e; line-height: 60px; background: #333130 text-align: center;}

.sub_cont37 p.tx02 {height: 60px; font-family: 'Noto Sans JP'; font-size: 20px; color: #fff; line-height: 25px; background: #333130; text-align: center;}

.sub_img_bx01 {padding: 0 0 35px 0; margin: 0 -25px;}

.sub_img_bx01 img {width: 100%;}

.sub_img_bx02 {margin: 0 -25px;}

.sub_img_bx02 img {width: 100%;}

.sub_img_bx03 {margin: 0;}

.sub_img_bx03 img {width: 100%;}

.sub_img_bx04 {padding-bottom: 75px; text-align: center;}

.sub_img_bx04 img {width: 100%; max-width: 375px;}

.sub_img_bx05 {height: 145px; font-family: 'HKNM'; font-size: 25px; color: #fff; line-height: 34px; padding: 42px 0 0 0; margin: 0 0 40px 0; background: #004098; border-radius: 13px; box-sizing: border-box; text-align: center;}

.sub_img_bx06 {padding: 0 0 60px 0; text-align: center;}

.sub_img_bx06 img {max-width: 350px; width: 100%;}

.sub_img_bx07 {padding: 0 0 20px 0;}

.sub_img_bx07 img {width: 100%;}

.sub_img_bx08 {height: 215px; margin: 0 0 75px 0; background: url('../images/sub/sub_img43.jpg') no-repeat center top; background-size: cover;}

.sub_img_bx09 {height: 100px; margin: 20px 0 40px 0; background-size: cover;}

.ci_cont01 {padding: 5px 0 15px 0;}

.ci_cont01 .ci_bx01 {height: 107px; padding: 41px 0 0 0; margin: 0 0 15px 0; border: 1px solid #d6d6d6; text-align: center;}

.ci_cont01 .ci_bx01 img {width: 150.5px;}

.ci_cont01 .ci_bx02 {height: 108px; padding: 42px 0 0 0; margin: 0 0 15px 0; background: url('../images/sub/sub_img06_02.png') repeat-x center top; background-size: 325px 150px; text-align: center;}

.ci_cont01 .ci_bx02 img {width: 150.5px;}

.ci_cont02 img {width: 100%;}

.ci_cont02 p {font-family: 'Noto Sans JP'; color: #333; padding: 20px 0 40px 0; text-align: center;}

.ci_cont02 p:last-child {padding: 20px 0 25px 0;}

.ci_cont03 {padding: 5px 0 15px 0;}

.ci_cont03 .ci_bx01 {height: 75px; background: #004098; margin-bottom: 25px;}

.ci_cont03 .ci_bx02 {height: 73px; background: #fff; border: 1px solid #d6d6d6; margin-bottom: 25px;}

.ci_cont03 .ci_bx03 {height: 75px; background: #000; margin-bottom: 25px;}

.ci_cont03 dl {position: relative; font-family: 'HKNM'; line-height: 27px; padding: 0 0 45px 163px;}

.ci_cont03 dl:last-child {padding: 0 0 30px 163px;}

.ci_cont03 dt {position: absolute; top: 0; left: 0; font-size: 25px; color: #333;}

.ci_cont04 {padding: 0 0 10px 0; margin-bottom: 40px; border-bottom: 1px solid #d6d6d6;}

.ci_cont04.last {padding: 0; margin: 0; border: none;}

.ci_cont04 p.in_s_tit {font-family: 'HKNM'; font-size: 25px; color: #333; padding-bottom: 20px;}

.ci_cont04 p.in_tx01 {font-family: 'HKNM'; color: #333; line-height: 27px; padding-bottom: 25px;}

.ci_cont04 .ci_bx01 {height: 107px; padding: 43px 0 0 0; background: #004098; margin-bottom: 15px; text-align: center;}

.ci_cont04 .ci_bx02 {height: 106px; padding: 42px 0 0 0; background: #fff; border: 1px solid #004098; margin-bottom: 15px; text-align: center;}

.ci_cont04 .ci_bx03 {height: 107px; padding: 43px 0 0 0; background: #000; margin-bottom: 15px; text-align: center;}

.ci_cont04 .ci_bx04 {height: 106px; padding: 42px 0 0 0; background: #fff; border: 1px solid #000; margin-bottom: 15px; text-align: center;}

.ci_cont04 img {width: 150.5px;}

.comapny_location {position: relative; margin-bottom: 50px; border-bottom: 1px solid #a8a8a8;}

.comapny_location p.thum img {width: 100%;}

.comapny_location p.in_s_tit {font-family: 'Noto Sans JP'; font-size: 20px; color: #004098; padding: 25px 0 20px 0;}

.comapny_location p.in_s_tit a img.icon_link {width: 19px; margin: 1px 0 0 2px;}

.comapny_location dl {position: relative; line-height: 27px; padding: 0 0 0 85px;}

.comapny_location dl.last {padding: 0 0 30px 85px;}

.comapny_location dt {position: absolute; top: 0; left: 0; color: #000;}

.comapny_location .map_bx {padding: 5px 0 60px 0; height: 150px; display: none;}

.comapny_location p.btn.close {position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; background: url('../images/sub/btn_map_down.png') no-repeat left top; background-size: 40px 40px;}

.comapny_location p.btn.open {position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; background: url('../images/sub/btn_map_up.png') no-repeat left top; background-size: 40px 40px;}

.top_form_bx {padding: 50px 0 40px 0;}

.top_form_bx select.sel_ty01 {width: 100%; height: 45px; color: #fff; line-height: 45px; padding: 0 0 0 19px; margin: 0 0 5px 0; background: #333 url('../images/common/sel_arr01.png') no-repeat right 19.5px top 20px; background-size: 11px 6.5px; border-radius: 4px;}

.top_form_bx .inp_wrap {position: relative;}

.top_form_bx input.inp_ty01 {width: 100%; height: 45px; color: #c3c3c3; padding: 0 0 0 20px; background: #636363; border: none; border-radius: 4px; box-sizing: border-box;}

.top_form_bx a.btn_search01 {position: absolute; top: 14px; right: 16.5px;}

.top_form_bx a.btn_search01 img {width: 18.5px;}

.inp_ty01::placeholder {color: #c3c3c3;}

/* 파이어폭스 51+, 크롬 57+ */
.inp_ty01:-ms-input-placeholder {color: #c3c3c3;}

/* 인터넷 익스플로러 10+ */
.inp_ty01::-webkit-input-placeholder {color: #c3c3c3;}

/*크롬 4-56 */
.inp_ty01:-moz-placeholder {color: #c3c3c3;}

/* 파이어폭스 4-18 */
.inp_ty01::moz-placeholder {color: #c3c3c3;}

/* 파이어폭스 19-50 */

.notice_list {padding: 0 0 10px 0;}

.notice_list .tx_total {padding: 0 0 15px 0; margin-bottom: 35px; border-bottom: 1.5px solid #636363;}

.notice_list .tx_total span {color: #ff0000;}

.notice_list li {padding: 0 0 50px 0;}

.notice_list li a {display: block;}

.notice_list li p.thum img {width: 100%;}

.notice_list li .tx_bx {padding: 0 15px;}

.notice_list li .tx_bx dt {font-family: 'Noto Sans JP'; font-size: 20px; color: #333; line-height: 28px; padding: 20px 0 15px 0;}

.notice_list li .tx_bx dd {font-size: 14px; line-height: 25px;}

.notice_list li .tx_bx dd span.news {display: inline-block; width: 60px; height: 25px; font-size: 14px; color: #fff; line-height: 25px; margin: 0 11px 0 0; background: #004098; border-radius: 2px; vertical-align: top; text-align: center;}

.notice_list li .tx_bx dd span.notice {display: inline-block; width: 50px; height: 25px; font-size: 14px; color: #fff; line-height: 25px; margin: 0 11px 0 0; background: #333; border-radius: 2px; vertical-align: top; text-align: center;}

.notice_list li .no_result_bx {padding: 40px 0 10px 0; text-align: center;}

.notice_list li .no_result_bx img {width: 110px;}

.notice_list li .no_result_bx p.tx01 {font-family: 'Noto Sans JP'; font-size: 20px; color: #004098; padding: 25px 0 0 0;}


.notice_view {margin: 0 -25px;}

.notice_view .tit_area {padding: 45px 25px 35px 25px; text-align: center;}

.notice_view .tit_area dt {font-family: 'Noto Sans JP'; font-size: 20px; color: #333; line-height: 30px; padding: 0 0 15px 0;}

.notice_view .tit_area dd {font-size: 14px; line-height: 25px;}

.notice_view .tit_area dd span.news {display: inline-block; width: 50px; height: 25px; font-size: 14px; color: #fff; line-height: 25px; margin: 0 11px 0 0; background: #004098; border-radius: 2px; vertical-align: top; text-align: center;}

.notice_view .tit_area dd span.notice {display: inline-block; width: 50px; height: 25px; font-size: 14px; color: #fff; line-height: 25px; margin: 0 11px 0 0; background: #333; border-radius: 2px; vertical-align: top; text-align: center;}

.notice_view .cont_area {line-height: 27px; padding: 0 25px 35px 25px; }


/* main */
.m_tx_bx_ty01 {line-height: 27px; padding: 0 0 30px 0;}

.m_tx_bx_ty02 {line-height: 27px; padding: 0 0 25px 0;}

.main_visual {position: relative; height: 617px; margin-bottom: 75px;}

.main_visual .vis_inner {}

.main_visual .box {position: relative; height: 490px;}

.main_visual .box > a {text-decoration: none; display: block}

.main_visual .box img {}

.main_visual .box .bx-wrapper, .content .box2 .bx-viewport { /*height:130px !important*/}

.main_visual .box .bx-controls.bx-has-pager.bx-has-controls-direction {position: absolute; bottom: 86px; right: 51px; width: 80%; z-index: 10;}

.main_visual .box .rolling {margin: 0;}

.main_visual .box .rolling li {height: 490px;}

.main_visual .box .rolling li.vis01 {background: url('../images/main/main_vis01.jpg') no-repeat center top; background-size: cover;}

.main_visual .box .rolling li.vis02 {background: url('../images/main/main_vis02.jpg') no-repeat center top; background-size: cover;}

.main_visual .box .rolling li.vis03 {background: url('../images/main/main_vis03.jpg') no-repeat center top; background-size: cover;}

.main_visual .box .bx-controls-direction {position: relative; margin: 0 auto;}

.main_visual .box .bx-prev {display: none;}

.main_visual .box .bx-next {display: none;}

.main_visual .box .bx-pager {text-align: right;}

.main_visual .box .bx-pager > div {display: inline-block; vertical-align: top;}

.main_visual .box .bx-pager > div a {display: block; width: 6px; height: 6px; margin: 0 0 0 10px; background: #4d78b1; border-radius: 3px; text-indent: -99999px; text-align: left; overflow: hidden;}

.main_visual .box .bx-pager > div a.active {width: 6px; height: 6px; margin-top: 0; background: #fff;}

.main_visual .box .bx-controls-auto {display: none;}

.main_visual .bt_tx_wrap {position: absolute; left: 0; bottom: 0; width: 100%;}

.main_visual .bt_tx_wrap .in_bx {height: 255px; padding: 0 25px; margin: 0 25px; background: #003d8f;}

.main_visual .bt_tx_wrap .in_bx dl {padding: 42px 0 0 0;}

.main_visual .bt_tx_wrap .in_bx dt {font-family: 'HKNM'; font-size: 27px; color: #fff; line-height: 30px; padding: 0 0 10px 0;}

.main_visual .bt_tx_wrap .in_bx dd {font-size: 15px; color: #fff; line-height: 23px; padding: 0 0 14px 0;}

.main_visual .bt_tx_wrap .in_bx a.btn_view {display: block; width: 33px; height: 33px; padding: 11px 0 0 0; border: 1px solid #fff;box-sizing: border-box; text-align: center;}

.main_visual .bt_tx_wrap .in_bx a.btn_view img {width: 6px;}

.main_product_list {padding: 0 0 38px 0; margin: 0 -25px 31px -25px; overflow-x: scroll;}

.main_product_list li {float: left; width: 101px; height: 105px; border-right: 1px solid #d6d6d6; text-align: center;}

.main_product_list li:last-child {border-right: none;}

.main_product_list li.ui-tabs-active {background: #004098 url('../images/main/icon_harr_on01.png') no-repeat center top; background-size: 16px 8px; border-right: 1px solid #004098;}

.main_product_list li a {display: block; height: 105px;}

.main_product_list li .in_bx {height: 73px; display: table; width: 100%;}

.main_product_list li .in_bx p {display: table-cell; width: 100%; height: 73px; text-align: center; vertical-align: middle;}

.main_product_list li .in_bx.pr01 p {height: 73px; background: url('../images/main/icon_product01_off.png') no-repeat center 19.5px; background-size: 53px 34px;}

.main_product_list li .in_bx.pr02 p {height: 73px; background: url('../images/main/icon_product02_off.png') no-repeat center 16.5px; background-size: 32px 40px;}

.main_product_list li .in_bx.pr03 p {height: 73px; background: url('../images/main/icon_product03_off.png') no-repeat center 15.5px; background-size: 36px 41px;}

.main_product_list li .in_bx.pr04 p {height: 73px; background: url('../images/main/icon_product04_off.png') no-repeat center 13.5px; background-size: 24px 46px;}

.main_product_list li .in_bx.pr05 p {height: 73px; background: url('../images/main/icon_product05_off.png') no-repeat center 19px; background-size: 46px 35px;}

.main_product_list li .in_bx.pr06 p {height: 73px; background: url('../images/main/icon_product06_off.png') no-repeat center 13.5px; background-size: 34px 46px;}

.main_product_list li .in_bx.pr07 p {height: 73px; background: url('../images/main/icon_product07_off.png') no-repeat center 20px; background-size: 35px 34px;}

.main_product_list li .in_bx.pr08 p {height: 73px; background: url('../images/main/icon_product08_off.png') no-repeat center 10.5px; background-size: 42px 52px;}

.main_product_list li .in_bx.pr09 p {height: 73px; background: url('../images/main/icon_product09_off.png') no-repeat center 19.5px; background-size: 35px 34px;}

.main_product_list li .in_bx.pr10 p {height: 73px; background: url('../images/main/icon_product10_off.png') no-repeat center 16px; background-size: 26px 42px;}

.main_product_list li p.tx01 {font-family: 'Noto Sans JP'; font-size: 13px; padding: 0 0 0 0;}

.main_product_list li.ui-tabs-active p.tx01 {color: #fff;}

.main_product_list li.ui-tabs-active .in_bx.pr01 p {height: 73px; background: url('../images/main/icon_product01_on.png') no-repeat center 19.5px; background-size: 53px 34px;}

.main_product_list li.ui-tabs-active .in_bx.pr02 p {height: 73px; background: url('../images/main/icon_product02_on.png') no-repeat center 16.5px; background-size: 32px 40px;}

.main_product_list li.ui-tabs-active .in_bx.pr03 p {height: 73px; background: url('../images/main/icon_product03_on.png') no-repeat center 15.5px; background-size: 36px 41px;}

.main_product_list li.ui-tabs-active .in_bx.pr04 p {height: 73px; background: url('../images/main/icon_product04_on.png') no-repeat center 13.5px; background-size: 24px 46px;}

.main_product_list li.ui-tabs-active .in_bx.pr05 p {height: 73px; background: url('../images/main/icon_product05_on.png') no-repeat center 19px; background-size: 46px 35px;}

.main_product_list li.ui-tabs-active .in_bx.pr06 p {height: 73px; background: url('../images/main/icon_product06_on.png') no-repeat center 13.5px; background-size: 34px 46px;}

.main_product_list li.ui-tabs-active .in_bx.pr07 p {height: 73px; background: url('../images/main/icon_product07_on.png') no-repeat center 20px; background-size: 35px 34px;}

.main_product_list li.ui-tabs-active .in_bx.pr08 p {height: 73px; background: url('../images/main/icon_product08_on.png') no-repeat center 10.5px; background-size: 42px 52px;}

.main_product_list li.ui-tabs-active .in_bx.pr09 p {height: 73px; background: url('../images/main/icon_product09_on.png') no-repeat center 19.5px; background-size: 35px 34px;}

.main_product_list li.ui-tabs-active .in_bx.pr10 p {height: 73px; background: url('../images/main/icon_product10_on.png') no-repeat center 16px; background-size: 26px 42px;}

/*
::-webkit-scrollbar{
height: 5px;
width: 5px;
background:url('../images/main/bg_scr.png') repeat-x left top;
background-size:10px 5px;
}
::-webkit-scrollbar-thumb:horizontal{
height:5px; 
width:5px; 
background: #333;
border-radius: 10px;
}
*/
.main_product_list::-webkit-scrollbar {width: 5px; height: 5px;}

.main_product_list::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; width: 25px; height: 5px; background: #fff}

.main_product_list::-webkit-scrollbar-track {background: url('../images/main/bg_scr.png') repeat-x left top; background-size: 10px 5px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none;}

.main_product_list::-webkit-scrollbar-thumb {height: 5px; width: 5px; background: #333; border-radius: 3px;}

.product_ct_bx {position: relative; height: 360px; padding: 210px 25px 0 0; margin: 0 -25px; display: none;}

.product_ct_bx.active {display: block;}

.product_ct_bx .tx_bx_wrap {position: relative; z-index: 1;}

.product_ct_bx .tx_bx_wrap .bx_t {position: relative; height: 75px; background: #f1f1f1; z-index: 1;}

.product_ct_bx .tx_bx_wrap .bx_b {position: relative; height: 195px; background: #f1f1f1; box-shadow: 2px 12px 60px #8a8686 /*#c2c2c2*/;}

.product_ct_bx .tx_bx_wrap .txt_area {position: absolute; top: 0; left: 0; width: 100%; height: 270px; padding: 30px 25px 0 25px; box-sizing: border-box; z-index: 10;}

.product_ct_bx .tx_bx_wrap .txt_area dt {font-family: 'HKNM'; font-size: 14px; color: #004098;}

.product_ct_bx .tx_bx_wrap .txt_area dt span {display: block; font-family: 'Noto Sans JP'; font-size: 25px; color: #004098; padding: 10px 0 22px 0;}

.product_ct_bx .tx_bx_wrap .txt_area dd {line-height: 27px;}

.product_ct_bx .tx_bx_wrap .txt_area a.btn_more {position: absolute; left: 25px; bottom: -25px; display: block; width: 130px; height: 40px; font-family: 'Noto Sans JP'; font-size: 13px; color: #fff; line-height: 40px; padding: 0 0 0 20px; background: #000 url('../images/main/img_plus01.png') no-repeat right 20px top 14px; background-size: 12px 12px;}

.product_ct_bx .img_bx {position: absolute; top: 0; left: 0; width: 100%; height: 320px;}

.product_ct_bx.bx01 .img_bx {background: url('../images/main/main_img01_01.jpg') no-repeat center top; background-size: cover;}

.product_ct_bx.bx02 .img_bx {background: url('../images/main/main_img01_02.jpg') no-repeat center top; background-size: cover;}

.product_ct_bx.bx03 .img_bx {background: url('../images/main/main_img01_03.jpg') no-repeat center top; background-size: cover;}

.product_ct_bx.bx04 .img_bx {background: url('../images/main/main_img01_04.jpg') no-repeat center top; background-size: cover;}

.product_ct_bx.bx05 .img_bx {background: url('../images/main/main_img01_05.jpg') no-repeat center top; background-size: cover;}

.product_ct_bx.bx06 .img_bx {background: url('../images/main/main_img01_06.jpg') no-repeat center top; background-size: cover;}

.product_ct_bx.bx07 .img_bx {background: url('../images/main/main_img01_07.jpg') no-repeat center top; background-size: cover;}

.product_ct_bx.bx08 .img_bx {background: url('../images/main/main_img01_08.jpg') no-repeat center top; background-size: cover;}

.product_ct_bx.bx09 .img_bx {background: url('../images/main/main_img01_09.jpg') no-repeat center top; background-size: cover;}

.product_ct_bx.bx10 .img_bx {background: url('../images/main/main_img01_10.jpg') no-repeat center top; background-size: cover;}

.cp_info_bx {height: 326px; margin: 0 -25px 65px -25px; background: url('../images/main/main_img02.jpg') no-repeat center top; background-size: cover;}

.cp_info_bx p.tx01 {font-family: 'HKNM'; font-size: 25px; color: #fff; line-height: 35px; padding: 46px 0 23px 0; text-align: center;}

.cp_info_bx a {display: block; width: 140px; height: 40px; font-family: 'Noto Sans JP'; font-size: 14px; color: #333; line-height: 40px; padding: 0 0 0 15px; background: #fff url('../images/main/img_arr02.png') no-repeat right 15px top 15px; background-size: 5px 9px; margin: 0 auto 6px auto;}

.m_ct_rol01 {position: relative; padding-bottom: 65px; margin-bottom: 65px; border-bottom: 1px solid #d6d6d6;}

.m_ct_rol01 .vis_inner {}

.m_ct_rol01 .box {position: relative;}

.m_ct_rol01 .box > a {text-decoration: none; display: block}

.m_ct_rol01 .box img {width: 100%;}

.m_ct_rol01 .box .rolling {margin: 0;}

.m_ct_rol01 .box .rolling li p span {display: inline-block; font-family: 'Noto Sans JP'; font-size: 20px; color: #333; padding: 20px 35px 0 0; background: url('../images/main/img_arr03.png') no-repeat right 27px; background-size: 25px 6px;}

.m_ct_rol01 .box .bx-controls-direction {position: relative; margin: 0 auto;}

.m_ct_rol01 .box .bx-prev {display: none;}

.m_ct_rol01 .box .bx-next {display: none;}

.m_ct_rol01 .box .bx-pager {height: 8px; padding: 35px 0 0 0; text-align: center;}

.m_ct_rol01 .box .bx-pager > div {display: inline-block; vertical-align: top;}

.m_ct_rol01 .box .bx-pager > div a {display: block; width: 4px; height: 4px; margin: 0 0 0 10px; background: #fff; border: 2px solid #adadad; border-radius: 4px; text-indent: -99999px; text-align: left; overflow: hidden;}

.m_ct_rol01 .box .bx-pager > div a.active {width: 4px; height: 4px; margin-top: 0; background: #004098; border: 2px solid #004098;}

.m_ct_rol01 .box .bx-controls-auto {display: none;}

.m_ct_rol02 {position: relative;}

.m_ct_rol02 .vis_inner {}

.m_ct_rol02 .box {position: relative;}

.m_ct_rol02 .box > a {text-decoration: none; display: block}

.m_ct_rol02 .box img {width: 100%;}

.m_ct_rol02 .box .rolling {margin: 0;}

.m_ct_rol02 .box .rolling li p.tx01 span {display: inline-block; font-family: 'HKNM'; font-size: 15px; color: #004098; padding: 16px 0 11px 0;}

.m_ct_rol02 .box .rolling li p.tx02 span {display: inline-block; font-family: 'Noto Sans JP'; color: #333; line-height: 27px;}

.m_ct_rol02 .box .bx-controls-direction {position: relative; margin: 0 auto;}

.m_ct_rol02 .box .bx-prev {display: none;}

.m_ct_rol02 .box .bx-next {display: none;}

.m_ct_rol02 .box .bx-pager {height: 8px; padding: 35px 0 0 0; text-align: center;}

.m_ct_rol02 .box .bx-pager > div {display: inline-block; vertical-align: top;}

.m_ct_rol02 .box .bx-pager > div a {display: block; width: 4px; height: 4px; margin: 0 0 0 10px; background: #fff; border: 2px solid #adadad; border-radius: 4px; text-indent: -99999px; text-align: left; overflow: hidden;}

.m_ct_rol02 .box .bx-pager > div a.active {width: 4px; height: 4px; margin-top: 0; background: #004098; border: 2px solid #004098;}

.m_ct_rol02 .box .bx-controls-auto {display: none;}


.js-scr-box {
    -webkit-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    -o-transform: translate(0, 50px);
    transform: translate(0, 50px);
    opacity: 0;
    filter: alpha(opacity=0);
}


/* *****************************************  190521 :: DH  *******************************************  */
/* 공통부분 */
.clearfix {*zoom: 1;}

.clearfix::after {content: ''; display: block; clear: both;}

.sub-img-bx img {max-width: 100%; display: block; margin: 0 auto;}

/* R&D :: 기술연구소 */
.labor-top-inner {padding: 40px 10%; border-radius: 25px; background-color: #183F97; text-align: center;}

.labor-top-inner:nth-child(2) {background-color: #333333; margin: 15px 0;}

.labor-top-inner h4 {position: relative; font-family: 'Noto Sans JP'; padding: 0 0 23px 0; margin: 0 0 30px 0; font-size: 20px; line-height: 24px; letter-spacing: -0.5px; color: #fff; font-weight: 600;}

.labor-top-inner h4::before {content: ""; position: absolute; width: 63%; height: 1px; bottom: 0; left: 18.5%; right: 18.5%; background-color: #fff; opacity: 0.5;}

.labor-top-inner h4::after {content: ''; position: absolute; width: 5px; height: 5px; background-color: #fff; left: 50%; bottom: -1.5px; margin: 0 0 0 -5px; transform: rotate(-45deg);}

.labor-top-inner p {font-size: 15px; line-height: 25px; letter-spacing: -0.25px; color: #fff; opacity: 0.8; }

.laboratory-org {margin: 60px 0;}

.labor-intro-bx {padding: 25px 0; border-top: 1px solid #D6D6D6;}

.labor-intro-bx:first-child {border-top: 0;}

.labor-intro-bx h4 {font-family: 'Noto Sans JP'; font-size: 20px; line-height: 30px; letter-spacing: -0.5px; color: #004098; font-weight: 600;}

.labor-intro-bx h5 {font-family: 'Noto Sans JP'; font-size: 20px; line-height: 22px; letter-spacing: -0.25px; color: #000000; font-weight: 500; margin: 25px 0 15px 0;}

.labor-intro-bx p {font-size: 17px; line-height: 27px; letter-spacing: -0.25px; color: #636363; font-weight: 300; }

/* R&D :: 연구성과 */
.research-list-wrap {margin: 60px 0 0 0;}

.research-tab ul {margin: 0 -1%;}

.research-tab ul li {float: left; position: relative; width: 48%; margin: 5px 1%;}

.research-tab ul li a {display: block; height: 45px; font-family: 'Noto Sans JP'; line-height: 45px; color: #000000; font-size: 13px; letter-spacing: -0.5px; text-align: center; background-color: #F1F1F1; font-weight: 500;}

.research-tab ul li a:hover {background-color: #184097; color: #fff;}

.research-tab ul li.selected a {background-color: #184097; color: #fff;}

.research-tab-wrapper {margin: 25px 0 0 0;}

.research-tit {padding: 0 0 25px 0; border-bottom: 1px solid #D6D6D6; height: 52px;}

.research-tit img {float: left;}

.research-tit h4 {float: left; margin: 0 0 0 10px;  font-family:'Noto Sans JP'; font-size: 20px; letter-spacing: -0.25px; color: #004198; font-weight: 600;}

#tabContent01 .research-tit img {height: 34px; margin: 9px 0 0 0;}

#tabContent01 .research-tit h4 {line-height: 34px; margin: 9px 0 0 10px;}

#tabContent02 .research-tit img {height: 52px;}

#tabContent02 .research-tit h4 {line-height: 52px;}

#tabContent03 .research-tit img {height: 45px; margin: 3.5px 0 0 0;}

#tabContent03 .research-tit h4 {line-height: 45px; margin: 3.5px 0 0 10px;}

#tabContent04 .research-tit img {height: 35px; margin: 8.5px 0 0 0;}

#tabContent04 .research-tit h4 {line-height: 35px; margin: 8.5px 0 0 10px;}

.research-list-history dl {display: table; width: 100%; margin: 5px 0;}

.research-list-history dt {display: table-cell; vertical-align: top; width: 20%; padding: 0 7% 0 0; font-family: 'HKNM'; font-size: 17px; line-height: 42px; letter-spacing: -0.25px; color: #333333; font-weight: 600;}

.research-list-history dd {display: table-cell; vertical-align: top; font-size: 17px; line-height: 42px; letter-spacing: -0.25 xp; font-weight: 300; color: #636363;}


/* 홍보센터 :: 전자공고 */
.notice_list.electronic-content .tx_total {margin-bottom: 0;}

.electronic-inner a {display: block; padding: 25px 5% 30px; border-top: 1px solid #A8A8A8;}

.electronic-inner:first-child a {border-top: 0;}

.electronic-inner a .down-icon {display: block; width: 21px;}

.electronic-inner a .down-icon img {max-width: 100%;}

.electronic-inner a h4 {font-family: 'Noto Sans JP'; font-size: 20px; line-height: 28px; letter-spacing: -0.25px; color: #333; font-weight: 500; margin: 18px 0 8px 0; word-break: keep-all;}

.electronic-inner a .date {font-size: 14px; line-height: 22px; color: #636363; font-weight: 300;}

/* 홍보센터 :: 홍보영상 */
.promotion-video-bx {position: relative; padding: 56.25% 25px 0; margin: 0 -25px;}

.promotion-video-inner {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.promotion-video-inner iframe {width: 100%; height: 100%;}

.promotion-info {padding: 25px 0 70px 0;}

.promotion-info h4 {font-family: 'Noto Sans JP'; font-size: 20px; line-height: 30px; letter-spacing: -0.5px; color: #004098; font-weight: 600; margin: 0 0 20px 0;}

.promotion-info p {font-size: 17px; line-height: 27px; letter-spacing: -0.25px; color: #636363; font-weight: 300;}

/* 제품소개 :: 제품리스트 */
.product-link-list {padding: 0 3%;}

.product-link-list h4 {font-family: 'Noto Sans JP'; font-size: 20px; line-height: 24px; letter-spacing: -0.5px; color: #000000; font-weight: 500;}

.product-link-list ul {margin: 15px 0;}

.product-link-list a {display: block; padding: 10px 0; background-image: url("../images/sub/product_arrow.png"); background-position: 97% center; background-repeat: no-repeat; border-bottom: 1px solid #A8A8A8; background-size: 6px auto;}

.product-link-list p {padding: 0 7% 0 0; font-size: 15px; line-height: 40px; letter-spacing: -0.25px; color: #636363; font-weight: 300;}

/* 메인 :: 쿠키정책 */
.cookie-bx {position: fixed; left: 0; bottom: 0; width: 86%; padding: 23px 7%; background-color: #333333; z-index: 10; transition: all 0.5s; display:none;}

.cookie-bx.close {bottom: -150px;}

.cookie-info {float: left; width: 62%; }

.cookie-info p {font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; margin: 0 0 10px 0; }

.cookie-info a {font-family: 'Noto Sans JP'; display: inline-block; font-size: 12px; line-height: 24px; color: #999999; font-weight: 500; border-bottom: 2px solid #999;}

.cookie-btn {float: right;}

.cookie-btn img {display: inline-block; vertical-align: middle; width: 14px; margin: 0 7px 0 0;}

.cookie-btn button {font-family: 'Noto Sans JP'; display: inline-block; vertical-align: middle; border: 0; width: 100px; height: 50px; border-radius: 3px; background-color: #FAD81B; font-size: 15px; line-height: 50px; color: #222222; font-weight: 500;}

.cookie-txt-bx {padding: 25px 8%; border: 1px solid #636363; margin: 50px 0 30px 0; overflow-y: auto; height: 400px; word-break:break-all;     white-space: pre-line;}

.cookie-txt-bx h4 {font-family: 'Noto Sans JP'; font-size: 15px; line-height: 25px; letter-spacing: -0.25px; color: #333333; font-weight: 500; margin: 0 0 20px 0;}

.cookie-txt-bx p {font-size: 15px; line-height: 25px; letter-spacing: -0.25px; color: #636363; font-weight: 300;}

.cookie-contact {text-align: center;}

.cookie-contact h4 {font-family: 'Noto Sans JP'; font-size: 17px; line-height: 27px; letter-spacing: -0.25px; color: #004098; font-weight: 500; margin: 0 0 10px 0;}

.cookie-contact p {font-size: 13px; line-height: 20px; letter-spacing: -0.25px; color: #636363; font-weight: 300;  margin: 0 0 30px 0;}

.cookie-contact a {font-family: 'Noto Sans JP'; display: block; padding: 15px 0; background-color: #183F97; font-size: 14px; letter-spacing: -0.25px; color: #fff; font-weight: 500;}

/* 고객지원 :: 고객문의 */
.inquiry-top {margin: 45px 0 25px 0;}

.inquiry-top h4 {font-family: 'Noto Sans JP'; font-size: 20px; line-height: 30px; letter-spacing: -0.5px; color: #000000; font-weight: 500;}

.inquiry-form-wrap > p {font-family: 'Noto Sans JP'; font-size: 17px; line-height: 40px; color: #000000; font-weight: 500;}

.essential-txt {font-size: 15px; color: #ff1212; font-weight: 500;}

.inquiry-product {padding: 0 6%; background-color: #F5F5F5; }

.inquiry-form .inquiry-product-inner {padding: 15px 0; border-top: 1px solid #CECECE; overflow: hidden;}

.inquiry-form .inquiry-product-inner:first-child {border-top: 0;}

.inquiry-form .inquiry-product-inner select {float: right; font-family: 'Noto Sans JP'; background-image: none; min-width: 30px; height: 35px; background-color: #283F97; font-size: 15px; color: #fff; font-weight: 500; text-align: center; border: 0; text-align-last: center; border-radius: 8px; paddingt: 20px 0;}

.inquiry-form .inquiry-product-inner p {float: left; width: calc(100% - 100px); line-height: 35px; font-size: 17px; color: #a1a1a1; font-weight: 300;}

.inquiry-form .inquiry-product-inner p.chg {color: #000000;}

.inquiry-form {border-top: 1px solid #252527; border-bottom: 1px solid #252527;}

.inquiry-form dl {padding: 20px 0; border-top: 1px solid #D6D6D6;}

.inquiry-form dl:first-child {border-top: 0;}

.inquiry-form dt {margin: 0 0 20px 0; font-family: 'Noto Sans JP'; font-size: 17px; color: #000000; font-weight: 500;}

.inquiry-form dd {font-size: 15px; color: #636363; font-weight: 300;}

.inquiry-form input {border: 1px solid #D6D6D6; background-color: #F6F6F6; padding: 0 15px; font-size: 17px; color: #636363; font-weight: 300;}

.inquiry-form input[type="text"] {height: 40px;}
.inquiry-form input[type="text"]:active, .inquiry-form input[type="text"]:focus {border:1px solid #283F97; outline: none !important;}

.inquiry-form textarea {border: 1px solid #D6D6D6; background-color: #F6F6F6; height: 145px; padding: 15px; width: calc(100% - 30px);}
.inquiry-form textarea:active, .inquiry-form textarea:focus {border:1px solid #283F97; outline: none !important;}

.inquiry-form select {border: 1px solid #D6D6D6; background-color: #F6F6F6; height: 42px; padding: 0 15px; background-image: url("../images/common/select_dot.png"); background-repeat: no-repeat; background-size: 10px auto; background-position-x: 90%; background-position-y: 50%;}

.long-input input {width: calc(100% - 30px);}

.inquiry-radio-group {overflow: hidden; margin: -7px 0 0 0;}

.inquiry-radio-group input[type="radio"] {display: none;}

.inquiry-radio-group label {position: relative; float: left; width: calc(50% - 23px); font-size: 17px; color: #000000; font-weight: 300; padding: 7px 0 7px 23px;}

.inquiry-radio-group label::before {content: ""; position: absolute; top: 6px; left: 0px; width: 16px; height: 16px; border: 1px solid #A8A8A8; background-color: #F6F6F6; border-radius: 50%;}

.inquiry-radio-group label::after {display: none; content: ""; position: absolute; top: 11.5px; left: 5.5px; width: 7px; height: 7px; background: #183F97; border-radius: 50%;}

.inquiry-radio-group input[type="radio"]:checked + label::before {}

.inquiry-radio-group input[type="radio"]:checked + label::after {display: block;}


.email-bx {font-size: 17px; color: #000000; display: flex;flex-direction: row; justify-content: center; align-items: center;}

.email-bx input {display: inline-block; width:40%;}
.email-bx span {margin:0 6px;}

.email-dropdown {position:relative; width:50%; border: 1px solid #D6D6D6; background-color: #F6F6F6;}
.email-dropdown-inner {background-image: url("../images/common/select_dot.png"); background-repeat: no-repeat; background-size: 10px auto; background-position-x: 90%; background-position-y: 50%;}
.email-dropdown-inner > p {height:40px; line-height: 40px; padding:0 15px;}
.email-dropdown-inner ul {display:none; position:absolute; z-index: 5; padding:2.5px 0; border: 1px solid #D6D6D6; background-color: #F6F6F6; border-top: 0; width:100%; left:-1px;}
.email-dropdown-inner ul::before {content: ''; position:absolute; left:10%; top:0; width:80%; height: 1px; background-color: #D6D6D6;}
.email-dropdown-inner ul li a {display:block; padding:12.5px 15px; font-size: 17px; color:#636363; font-weight: 300;}


.email-input .long-input {margin: 15px 0 0 0;}

.email-input > p {margin: 15px 0 0 0;}

.tel-input {display: flex;flex-direction: row; justify-content: center; align-items: center;}

.tel-input span {margin: 0 2px;}

.tel-input input {width: 30%;}

.tel-input select {width: 33%;}

.inquiry-privacy h4 {font-family: 'Noto Sans JP'; font-size: 17px; line-height: 30px; color: #000000; font-weight: 500; margin: 40px 0 20px 0;}

.inquiry-privacy-bx {padding: 15px 5%; border: 1px solid #D6D6D6;}

.inquiry-privacy-bx p {font-size: 15px; line-height: 25px; color: #636363; font-weight: 300;}

.inquiry-privacy-bx p span {font-family: 'Noto Sans JP'; font-weight: 500;}

.inquiry-privacy-txt {text-align: center; margin: 20px 0 0 0;}

.inquiry-privacy-txt p {font-family: 'Noto Sans JP'; font-size: 17px; color: #000000; font-weight: 500; margin: 0 0 20px 0;}

.inquiry-privacy-txt label {font-size: 17px; color: #000000; font-weight: 300;}

.inquiry-privacy-btn {text-align: center; margin: 50px 0 0 0;}

.inquiry-privacy-btn button {font-family: 'Noto Sans JP'; width: 150px; height: 45px; font-weight: 500; font-size: 17px; line-height: 45px; color: #fff; border: 0; background-color: #183F97;}


.inquiry-privacy-txt input[type="radio"] {display: none;}

.inquiry-privacy-txt label {display: inline-block; vertical-align: middle; position: relative; padding-left: 23px; font-size: 17px; color: #000000; font-weight: 300;}

.inquiry-privacy-txt label:first-of-type {margin: 0 30px 0 0;}

.inquiry-privacy-txt label::before {content: ""; position: absolute; top: 0px; left: 0px; width: 16px; height: 16px; border: 1px solid #A8A8A8; background-color: #F6F6F6;}

.inquiry-privacy-txt label::after {display: none; content: ""; position: absolute; top: 6px; left: 6px; width: 7px; height: 7px; background: #183F97;}

.inquiry-privacy-txt input[type="radio"]:checked + label::before {}

.inquiry-privacy-txt input[type="radio"]:checked + label::after {display: block;}

/* 제품소개 :: 제품뷰페이지 */
.product-view-top {padding:0 8%;}
.product-view-top h4 {font-family: 'Noto Sans JP'; font-size: 25px; color:#000000; font-weight: 600; margin:50px 0; text-align:center;}
.product-view-top ul {margin:0 -0.5%;}
.product-view-top ul li {float:left; width:49%; margin:2.5px 0.5%; text-align:center;}
.product-view-top ul li a {font-family: 'Noto Sans JP'; display:block; font-size: 13px; line-height: 25px; color:#000000; font-weight: 500; background-color: #F1F1F1;}

.view-top-table {display: table; width:100%; height:50px;}
.view-top-cell {display:table-cell; vertical-align: middle; width: 100%; height:100%;}

.product-view-top ul li.select a {background-color: #184097; color:#fff;}

.product-view-tit {margin:50px 0; text-align: center; padding:0 8%;}
.product-view-tit span { font-family:'HKNM'; font-weight: 600; font-size: 13px; color:#000000}
.product-view-tit h4 {font-family: 'Noto Sans JP'; font-size: 25px; line-height: 30px; color:#000000; font-weight: 500; margin:20px 0 25px 0;}
.product-view-tit p {font-size: 17px; line-height: 27px; color:#636363; font-weight: 300; word-break: keep-all;}

.prooduct-view-img img {max-width:750px; width:100%; display: block; margin: 0 auto;}

.product-dep-list {padding:0 8%; margin:50px  0 35px 0;}
.product-dep {position:relative; padding:0 15px; background-color: #184097; height:45px;}
.product-dep::after {content: ''; position:absolute; width:11px; height: 6px; background: url("../images/sub/view_arrow.png") no-repeat center; right:15px; top:50%; margin-top: -3px; background-size: contain;}
.product-dep ul {display:none; background-color: #184097;}
.product-dep:first-child, .product-dep:first-child ul {background-color: #333333;}
.product-dep:first-child {margin:0 0 5px 0;}

.product-dep > p {line-height: 45px; color:#fff; }
.product-dep ul {position: absolute; width:100%; left:0; top:45px; z-index:5; padding:10px 0;}
.product-dep:first-child ul {z-index:6;}
.product-dep ul::before {content: ''; position:absolute; width:90%; height:1px; background-color: #fff; left:5%; top:0; opacity: 0.2}
.product-dep:first-child ul::before {background-color: #616161; opacity: 1;}
.product-dep ul li a {display:block; padding:15px; font-size: 17px; color:#c3c3c3;}

.product-view-info {padding:0 8%;}
.view-info-inner {padding:15px 0;}
.view-info-inner h4 {font-family: 'Noto Sans JP'; font-size: 20px; line-height: 30px; color:#000000; font-weight: 500; margin: 0 0 15px 0;}
.view-info-inner p {font-size: 15px; line-height: 24px; color:#636363; font-weight: 300; white-space:pre-wrap}

.view-btn-group {padding:15px 0;}
.view-btn-group ul {margin:0  -2% 15px;}
.view-btn-group ul li {float:left; width:46%; margin:0 2%;}
.view-btn-group ul li a {font-family: 'Noto Sans JP'; display:block; text-align: center; padding:10px 0; border-radius:10px; background-color: #183F97; font-weight: 500; font-size: 15px; color:#fff;}
.view-btn-group ul li a img {width:19px; margin:0 10px 0 0;}

.view-long-btn a {font-family: 'Noto Sans JP'; display:block; text-align:center; border:1px solid #D6D6D6; padding:15px 0; font-size: 17px; color:#636363; font-weight: 500;}
.view-long-btn a span {padding-left: 20px; position:relative;}
.view-long-btn a span::before {content: ''; position:absolute; width:13px; height:13px; background-size: contain; background: url("../images/sub/plus_icon.png") no-repeat center; left:0; top:50%; margin-top: -6.5px}

.view-request-bx {padding:50px 0; background-color: #183F97; text-align:center; margin:45px 0 75px 0;}
.view-request-bx h4 {font-family: 'Noto Sans JP'; font-size: 20px; line-height: 30px; color:#fff; font-weight: 500; margin:0 0 20px 0; padding:0 20px 0 20px;}
.view-request-bx a {font-family: 'Noto Sans JP'; display:inline-block; width:170px; height:35px; line-height: 35px; border:2px solid #fff; font-size: 15px; color:#fff; font-weight: 500;}

.view-request-bx2 a {margin-top: 15px; font-family: 'NSKM'; display:inline-block; width:200px; height:35px; line-height: 35px; border:2px solid #fff; font-size: 15px; color:#fff; font-weight: 500;}
/* 제품 모달 테이블 */
.product-modal-tit h4 {text-align:center; padding:25px 0 15px 0; font-family: 'Noto Sans JP'; font-size: 20px; color:#000000; font-weight: 500;}

.product-table-wrap {overflow-x: auto; }
.product-table {padding:0 3% 20px ;}
.product-table table {width:650px;}
.product-table table thead th {font-family: 'Noto Sans JP'; height:35px; font-size: 13px; color:#000000; font-weight: 500; text-align:left; border-bottom: 1px solid #333333; border-top: 2px solid #333333;}
.product-table table thead th:first-child {padding-left: 20px;}
.product-table table thead th:last-child {padding-right: 20px;}
.product-table table tbody td {font-size: 13px; color:#636363; font-weight: 300; height:35px; border-bottom: 1px solid #D6D6D6;}
.product-table table tbody td:first-child {padding-left: 20px;}
.product-table table tbody td:last-child {padding-right: 20px;}






/* 제품검색 */
.search-form-wrap {margin-top: 50px; overflow: hidden;}
.search-form-wrap .inquiry-form {border:0;}

.search-tab-list ul {margin:0 -0.5%; border-bottom: 2px solid #184097; margin-bottom: 25px;}
.search-tab-list li {width:32.33%; float:left; margin:0 0.5%;}
.search-tab-list li button {width:100%; height:44px; text-align:center; border:0; background-color: #F6F6F6; font-size: 13px; line-height: 44px; letter-spacing: -0.5px; color:#000000; font-weight: 500; outline: none;}

.search-tab-list li.active button {background-color: #184097; color:#fff;}

.search-input {margin:20px 0 50px;}
.search-input input {width: calc(100% - 32px);}

.search-btn button {display: block; width:150px; height:45px; text-align:center; border:0; background-color: #333333; font-size: 17px; line-height: 45px; letter-spacing: -0.25px; color:#fff; font-weight: 500; margin:0 auto}
.search-btn button img {width:18px; display: inline-block; vertical-align: middle; margin-top: -5px;}

/* 검색결과가 없을 때 */
.search-nodata {text-align: center; padding:75px 0 0; margin: 50px 0 0; border-top: 1px solid #184097;}
.search-nodata p {margin:25px 0 0; font-size: 20px; letter-spacing: -0.25px; color:#004098; font-weight: 500;}
.search-nodata-icon {display: inline-block; width:110px; height:110px; line-height: 110px; background-color: #183F97; border-radius: 50%;}
.search-nodata-icon img {width:46px; display: inline-block; vertical-align: middle;}


/* 검색결과 리스트 */
.search-info-top {text-align: center; padding:70px 0 48px;}
.search-info-top .search-word {font-size: 20px; line-height: 25px; letter-spacing: -0.25px; color:#000000; font-weight: 500; margin:0 0 20px;}
.search-info-top .search-word span {color:#a8a8a8;}

.search-info-top .result {font-size: 17px; line-height: 24px; letter-spacing: -0.25px; color:#636363; font-weight: 300;}
.search-info-top .result span {color:#ff0000;}

.search-list-array { margin-top: 60px;}

.search-list-stit {  font-weight: 500; font-size: 20px; color: #000; }

.search-list-array:first-child{ margin-top: 0px;}

.search-info-inner {padding:40px 8%; border:1px solid #A8A8A8; border-radius:5px; margin:15px 0;}

.search-info-tit {border-bottom: 1px solid #D6D6D6;}
.search-info-tit h4 {font-family: 'HKNM';    font-size: 25px;    color: #004098;    padding: 0 0 0 30px; margin:0 0 25px;    background: url(../images/common/bg_stit01.png) no-repeat left center;    background-size: 22px 5px;}

.search-info h5 {margin: 25px 0 5px; font-size: 17px; line-height: 30px; letter-spacing: -0.25px; color:#000000; font-weight: 500;}
.search-info p {font-size: 15px; line-height: 24px; letter-spacing: -0.25px; color:#636363; 
font-weight: 300; word-break:break-all}


.search-info-btn {margin:38px -2% 0;}
.search-info-btn button {float:left; width:48%; height:40px; margin:0 1%; border:0; background-color: #283F97; border-radius: 10px; font-size: 15px; line-height: 40px; color:#fff; font-weight: 500;}
.search-info-btn button img {display: inline-block; vertical-align: middle; width:19px; margin-right: 10px; margin-top: -5px;}

/* 대외인증/수상 */
.autonomy04-img-list {margin:0 -0.5%;}
.autonomy04-img-list li {float:left; width:49%; margin:0 0.5%; padding:0 0 30px;}
.autonomy04-img-list li img {max-width:100%;}
.autonomy04-img-list li p {text-align:center; font-size: 13px; line-height: 20px; letter-spacing: -0.25px; color:#636363; height:60px; margin: 10px 0 0 0;}

.autonomy04-img-list2 li img {max-width: 100%;}
.autonomy04-img-list2 li p {font-size: 12px; line-height: 20px; letter-spacing: -0.25px; color:#636363; font-weight: 300; text-align: center; margin: 10px 0 0;}
.autonomy04-img-list2 li:nth-child(1) {margin-bottom: 30px;}

/* 검색 추가 작업부분 */
.search-icon-list ul {margin:0 -0.5%; margin-bottom: 20px;}
.search-icon-list li {float:left; margin:0 0.5%; width:24%; margin-bottom: 25px; text-align:center;}

.search-icon-list li a {display:block; text-align:center;}
.search-icon-list li p {font-size: 12px; letter-spacing: -0.25px; color:#636363; margin-top: 10px;}

.search-icon {padding-top: 100%; background-color: #F6F6F6; background-size:100% 100%; background-repeat: no-repeat; background-position: center; }

.search-icon.char1 {background-image: url(../images/sub/char_icon1.png);}
.search-icon.char2 {background-image: url(../images/sub/char_icon2.png);}
.search-icon.char3 {background-image: url(../images/sub/char_icon3.png);}
.search-icon.char4 {background-image: url(../images/sub/char_icon4.png);}
.search-icon.char5 {background-image: url(../images/sub/char_icon5.png);}
.search-icon.char6 {background-image: url(../images/sub/char_icon6.png);}
.search-icon.char7 {background-image: url(../images/sub/char_icon7.png);}
.search-icon.char8 {background-image: url(../images/sub/char_icon8.png);}

.search-icon.use1 {background-image: url(../images/sub/use_icon1.png);}
.search-icon.use2 {background-image: url(../images/sub/use_icon2.png);}
.search-icon.use3 {background-image: url(../images/sub/use_icon3.png);}
.search-icon.use4 {background-image: url(../images/sub/use_icon4.png);}
.search-icon.use5 {background-image: url(../images/sub/use_icon5.png);}
.search-icon.use6 {background-image: url(../images/sub/use_icon6.png);}
.search-icon.use7 {background-image: url(../images/sub/use_icon7.png);}
.search-icon.use8 {background-image: url(../images/sub/use_icon8.png);}


.search-icon.active {background-color: #183F97;}
.search-icon.active.char1 {background-image: url(../images/sub/char_icon1_on.png);}
.search-icon.active.char2 {background-image: url(../images/sub/char_icon2_on.png);}
.search-icon.active.char3 {background-image: url(../images/sub/char_icon3_on.png);}
.search-icon.active.char4 {background-image: url(../images/sub/char_icon4_on.png);}
.search-icon.active.char5 {background-image: url(../images/sub/char_icon5_on.png);}
.search-icon.active.char6 {background-image: url(../images/sub/char_icon6_on.png);}
.search-icon.active.char7 {background-image: url(../images/sub/char_icon7_on.png);}
.search-icon.active.char8 {background-image: url(../images/sub/char_icon8_on.png);}

.search-icon.active.use1 {background-image: url(../images/sub/use_icon1_on.png);}
.search-icon.active.use2 {background-image: url(../images/sub/use_icon2_on.png);}
.search-icon.active.use3 {background-image: url(../images/sub/use_icon3_on.png);}
.search-icon.active.use4 {background-image: url(../images/sub/use_icon4_on.png);}
.search-icon.active.use5 {background-image: url(../images/sub/use_icon5_on.png);}
.search-icon.active.use6 {background-image: url(../images/sub/use_icon6_on.png);}
.search-icon.active.use7 {background-image: url(../images/sub/use_icon7_on.png);}
.search-icon.active.use8 {background-image: url(../images/sub/use_icon8_on.png);}


.gnb_lang { float: right; position: relative; top: 18px;}
.gnb_lang li.lang_list { float: right; margin-right: 20px; font-weight:600; border-bottom:0;}
.gnb_lang li.lang_list:first-child{ margin-right: 0;}
.gnb_lang li.lang_list a {text-decoration:none; color:#636363; position: relative;}
.gnb_lang li.lang_list a:after{content:""; width: 1px; background:#e4e4e4; height: 15px; top: 6px; right:-10px; position: absolute; }
.gnb_lang li.lang_list:first-child a:after{display:none;}

.filebox .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 60%;
    color: #999999;
}


.filebox label {
    /*display: inline-block;*/
    padding: 9px 10px;
    color: #fff;
    vertical-align: middle;
    background-color: #999999;
    cursor: pointer;
    height: 38px;
    margin-left: 10px;
}


.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}