@media screen and (max-width:1024px) {
.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:inline-block;}
.mob_img {display:none;}
.pc {display:none;}
.tab {display:block;}
.mob {display:none;}

.about_pc_img {display:none;}
.about_tab_img {display:inline-block;}
.about_mob_img {display:none;}


/* === Main === */
#wrap {position:relative; width:100%; max-width:1024px; margin:0 auto;word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 1.3%; }
#header{width: 100%; height: 115px; background-color:#00b0f0;}
.h_inner {position: relative; height: 70px;  width:1820px; margin:0 auto; max-width: 100%;}

.sub_inner_1{width: 1200px; margin: 0 auto; max-width: 90%; margin-top: 90px; margin-bottom: 90px; color: white}
.sub_inner_2{width: 1200px; margin: 0 auto; max-width: 90%; margin-top: 70px; margin-bottom: 70px; }
.sub_inner_3{width: 1200px; margin: 0 auto; max-width: 90%; margin-top: 70px; margin-bottom: 70px; }
.sub_inner_3{width: 1200px; margin: 0 auto; max-width: 90%; margin-top: 30px; margin-bottom: 30px; }

.sub_inner_3 .con02_1{width: 1200px;margin: 0 auto;max-width: 100%;margin-top: 50px;margin-bottom: 50px; }
.sub_inner_3 .con03_1{width: 1200px;margin: 0 auto;max-width: 100%;margin-top: 50px;margin-bottom: 50px; }

.sub_inner_3 .con03_1 .con03_wrap img{width: 50%}
.sub_inner_3 .con02_1 .con02_wrap{display: flex;flex-wrap: wrap; margin-bottom: 10px}
.sub_inner_3 .con02_1 .con02_wrap li{width: 25%;height: 180px;background-color: rgb(255 255 255 / 50%); text-align: center;}
.sub_inner_3 .con03_1 .con03_wrap li{width: 23%;margin-right: 3px;height: 180px;background-color: rgb(255 255 255 / 70%);padding: 20px; text-align: center;}

#header h1{position: absolute; left: 1.3%; bottom: -20px;}
#header h1 a{display: block; width: 100%; height: 100%;}
#header h1 img{width: 100%; height: 100%; }

#header .search_box{position: absolute; display: none; width: 600px; height: 40px;  font-size: 0; left: 0;bottom: 26px; right: 0; margin: 0 auto;}
#header .search_box label{display: inline-block; width: 150px; height: 40px; border: 1px solid #a5a5a5; font-size: 17px;  background-color:#a5a5a5; color:#fff; text-align: center; line-height: 38px; vertical-align: top;}
#header .search_box input{display: inline-block; width: 410px; height: 40px; border: none; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; background-color:#FFF; line-height: 38px; padding: 0 10px; vertical-align: top;}
#header .search_box input::placeholder{font-size: 14px; font-weight: 500; color:#222;}
#header .search_box input::-webkit-input-placeholder{font-size: 14px; font-weight: 500; color:#222;}
#header .search_box input:-ms-input-placeholder{font-size: 14px; font-weight: 500; color:#222;}
#header .search_box button{display: inline-block; width: 40px; height: 40px; border: 0px solid #222; background:url('/images/main/search_icon_pc.png')center no-repeat #222; vertical-align: top;}

.h_top{position: absolute; /*display:none;*/ right:  60px; top: 25px;}
.h_top ul{text-align: right; font-size: 0; }
.h_top ul li{position: relative; display: inline-block; margin-right: 20px;}
.h_top ul li:after{content:''; position: absolute;width: 1px; height: 15px; background-color:#cccccc; right: -10px; top: 0; bottom: 0; margin: auto 0;}
.h_top ul li:last-child{margin-right: 0;}
.h_top ul li:last-child:after{display:none;}
.h_top ul li a{color:black; font-size: 14px; line-height: 1; }
/*.h_top ul li:last-child a{padding-left: 23px; background:url('/images/main/head_lan_icon.png')center left no-repeat; background-size:13px 13px;}*/

.pc_gnb{position: relative; display:none;width: 100%; background-color:#00b0f0; border-top: 1px solid #fff; height: 50px; z-index:500;}
.pc_gnb > ul > li{float: left; width: 170px; height: 100%; }
.pc_gnb > ul > li > a{position: relative; display: block; width: 100%; height: 100%; text-align: center; line-height: 49px; color:#fff; font-size: 17px; font-weight: 500;}
.pc_gnb > ul > li:hover{background-color:#FFF;}
.pc_gnb > ul > li:hover > a{color:#01377a}
.pc_gnb > ul > li:hover > a:after{content:''; position: absolute; left:0; top: -1px; width: 100%; height: 3px; background-color:#01377a;}
.pc_gnb .depth02{position: absolute; visibility: hidden; opacity: 0; left: 0; top: 49px; width: 360px; min-height: 650px; background-color:#FFF; z-index:500; }
.pc_gnb .depth02:after{content:''; position: absolute; right: -600px; top:0; width: 600px; height: 650px; background-color:#fafafa; z-index:-1;}
.pc_gnb .depth02.on{display: block; visibility: visible; opacity: 1;}
.pc_gnb .depth02 > li:first-child{margin-top: 15px;}
.pc_gnb .depth02 > li{width: 100%; height: 45px; background:url(/images/main/gnb_arrow.png)center right 32px no-repeat;}
.pc_gnb .depth02 > li > a{display: block; width: 100%; height: 100%; padding-left: 32px; line-height: 45px; font-size:16px; color:#222;}
.pc_gnb .depth02 > li:hover{background:url(/images/main/gnb_arrow_on.png)center right 32px no-repeat;}
.pc_gnb .depth02 > li:hover > a{color:#00b0f0; font-weight: 500;}
.pc_gnb .depth03{position: absolute !important;visibility: hidden; opacity: 0; left: 360px; top: 0; width: 600px; min-height: 650px; background-color:#fafafa; font-size: 0; }
.pc_gnb .depth03.on{visibility: visible; opacity: 1;}
.pc_gnb .depth03 > li{width: 300px; margin-top: 30px; padding: 0 0 20px 30px; vertical-align: top;}
.pc_gnb .depth03 > li > a{font-size: 16px; color:#3c79c3; font-weight: 700;}
.pc_gnb .depth04{ margin-top: 18px;}
.pc_gnb .depth04 > li{margin-top: 10px;}
.pc_gnb .depth04 > li:first-child{margin-top: 0;}
.pc_gnb .depth04 > li > a{line-height: 1; font-size: 15px; color:#666666; }
.gnb_bg{position: absolute; display: none; left: 0; top: 149px; width: 100%; height: 100%; background-color:rgba(0,0,0,0.3);z-index:-1;}

.btn_wrap{position: absolute; display: flex; font-size: 0; right: 1.3%; top: 23px;}

.btn_wrap.language {color: white;}
.language {position:absolute; top: 65px; right: 10px; width:75px; height:35px; overflow:hidden; border:1px solid #dfdfdf; cursor:pointer; background:#fff; z-index:1000;}
.language.on {height:140px; z-index:999999}
.language h5 {font-size:12px; color:#666; padding-left:11px; line-height:15px; font-weight:normal; background:url(/images/main/l_arrow.png) 90% 3px no-repeat; background-size: 10px;}
.language.on h5{background:url(/images/main/l_arrow_on.png) 90% 13px no-repeat; background-size: 10px;}

.user_menu {position:absolute; top: 30px; right: 45px; height:35px; overflow:hidden; cursor:pointer; background:#ffffff; z-index:1000; border: 1px solid #dfdfdf;}
.user_menu.on {height:117px; z-index:999999}
.user_menu2 {position:absolute; top: 30px; right: 45px; height:35px; overflow:hidden; cursor:pointer; background:#ffffff; z-index:1000; border: 1px solid #dfdfdf;}
.user_menu h5 {font-size:15px; color:#666; font-weight:normal; padding-left: 5px; padding-right: 5px;}
.user_menu ul li a{color: black; font-size: 12px; line-height: 1;}

/*문의 사항*/
.contactus-main {position: fixed; top: 100px; right: -450px; z-index: 1100; transition: right 0.6s ease;}
.contactus-main .contactus {position: absolute; top: 55px; right: 0; width: 450px; min-height: 710px; background-color: #8cc63f; padding: 20px; color: white;}
.contactus-main .contactus .contact_us {position: absolute;transform: rotate(90deg);height: 60px;line-height: 60px;top: 70px;left: -130px;   width: 200px;   background-color: #8cc63f; cursor: pointer;}
.contactus-main .contactus .contact_us strong {margin: 20px; font-size: 15px; color: white;}

/*회원가입*/
.member_input {clear: both;margin: 0 auto;padding: 10px 10px 0 10px;border-top: 1px solid #d3d3d3;}

.profile {/*position: absolute;top: 35px;right: 220px;*/width: 20%; height: 115px;overflow: hidden;cursor: pointer;background: #fff;z-index: 9999; text-align: center; padding: 15px;}
.profile i {font-size: 85px; color: yellowgreen;}
.profile.on {height:113px; z-index:999999}
.profile h5 {font-size:12px; color:#666; padding-left:11px; line-height:15px; font-weight:normal; background:url(/images/main/l_arrow.png) 90% 13px no-repeat; background-size: 10px; background-position-y: 3px;}
.profile.on h5{background:url(/images/main/l_arrow_on.png) 90% 13px no-repeat; background-size: 10px; background-position-y: 3px;}
.profile_fomat2 {float: right;width: 15%;}
.profile_fomat2 li{ font-size: 15px;}
.profile_fomat1 .profile_name { font-weight: bold; }
.profile_fomat1 .password_change { background: #084897; padding: 5px; font-weight: bold;}
.profile_fomat1 {float: right;width: 65%;border-left: solid;padding: 30px;padding-left: 15px;}
.profile_wrap ul li{ line-height: 50px; }
.format {margin: 0 20px;}
.format2 {margin: 0 50px;}
.format3 {margin: 0 15px;}
.profile_menu_pc{margin-top: 30px;width: 100%;}
.profile_menu_pc ul{font-size: 0; /*text-align: center;*/}
.profile_menu_pc ul li{position: relative; display:inline-block;}
.profile_menu_pc ul li:after{content:''; position: absolute; width: 0; height: 5px; left: 50%; bottom: 0; transform: translateX(-50%); background-color:#084897; transition: 0.3s; }
.profile_menu_pc ul li.on:after{width: 100%;}
.profile_menu_pc ul li:hover:after{width: 100%;}
.profile_menu_pc ul li a{padding: 0 35px; line-height: 60px; font-size: 17px; color:#666666; font-weight: 500; cursor: pointer;}

#Search_Form span{/*display: flex;*/margin-bottom: 10px;}

.btn_wrap a.language{margin: 0 20px;}
.btn_wrap a.search{margin-right: 15px;}
.btn_wrap a.search img{width: 23px; height: 25px; align-self: center;}
.btn_wrap a.language img{width: 25px; heighT: 25px; align-self: center;}
.btn_wrap a.nav_btn{width: 30px; height: 24px; background:url('/images/main/nav_btn.png')center no-repeat; background-size: 100% 100%; align-self: center;}

.tab_gnb{display:block; width: 100%; width: 100%; background-color:#00b0f0; border-top: 1px solid #fff; height: 40px;}
.tab_gnb ul li{float: left; width: 25%; height: 100%; }
.tab_gnb ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; color:#fff; font-size: 15px; font-weight: 500;;}

/*소개 공통*/
.IntroduceBox{width:100%; overflow:hidden;}
.IntroduceBox h3:first-child{margin-top:0;}
.IntroduceBox h3{font-size:20px; color:#0d4189; line-height:34px; margin-top:60px; margin-bottom:10px;}
.IntroduceBox h4{font-size:16px; color:#555; font-weight:normal; line-height:28px; margin-bottom:10px;}
.IntroduceBox h4 span{background:#8ec31f; padding:3px 6px; color:#fff;}
.IntroduceBox .img{margin-top:20px;}
.IntroduceBox .list_dot li{background:•/*url('/images/sub/bullet.jpg')*/ 0 12px no-repeat; padding-left:12px; font-size:16px; color:#555; line-height:28px; margin-bottom:5px;}

.tbl_common1{width:100%; border-top:2px #444 solid;}
.tbl_common1 th {height:26px; text-align:center;  background:#c5e5f5; border-bottom:1px solid #ddd; font-size:14px; color:#333; font-weight:bold; line-height:22px; padding:4px 5px;}
.tbl_common1 td{border-bottom:1px solid #ddd; padding:4px 5px; font-size:13px; line-height:22px; border-right:1px solid #ddd; text-align:left; color:#555; padding-left:15px; word-break:keep-all;}
.tbl_common1 td:last-child{border-right:0px;}
.tbl_common1 td a{color:#555;}
.tbl_common1 td img{vertical-align:middle;}

.tbl_common2{width:100%; border-top:2px #444 solid;}
.tbl_common2 th {height:26px; text-align:center;  background:#c5e5f5; border-bottom:1px solid #ddd; font-size:14px; color:#333; font-weight:bold; line-height:22px; padding:4px 5px;}
.tbl_common2 td{border-bottom:1px solid #ddd; padding:4px 5px; font-size:13px; line-height:22px; border-right:1px solid #ddd; text-align:center; color:#555; word-break:keep-all;}
.tbl_common2 td a{color:#2864d0;}
.tbl_common2 td img{vertical-align:middle;}

.layer_menu{position: absolute; display:block;  left: 100%; top: 0; visibility: hidden; opacity:0; transition: 0.5s; width: 100%; height: 100%; background-color:#FFF; z-index: 9999;}
.layer_menu.on{left: 0; opacity:1; visibility: visible;}
.layer_menu .layer_wrap{position: relative; width: 100%; height: 100%; }
.layer_menu .layer_dep{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color:#FFF;transition: 0.5s; width: 100%;}
.layer_menu .layer_2dep{z-index: 100;}
.layer_menu .layer_3dep{z-index: 110;  visibility: hidden; opacity:0; left: 100%;}
.layer_menu .layer_3dep.on{left: 0; opacity:1; visibility:visible;}
.layer_menu .layer_4dep{z-index: 120;  visibility: hidden; opacity:0; left: 100%;}
.layer_menu .layer_4dep.on{left: 0; opacity:1; visibility:visible;}

.layer_menu .layer_dep .layer_top{position : relative; width: 100%; height: 70px; border-top: 5px solid #01377a; border-bottom: 1px solid #ddd; }
.layer_menu .layer_dep .layer_top h2{font-size: 15px; text-align: center; line-height: 70px; color:#01377a; font-weight: 500;}
.layer_menu .layer_dep .layer_top .layer_close{position: absolute; right: 1.3%; bottom: 24px; width: 22.5px; height: 23.5px; background:url(/images/main/nav_close.png)center no-repeat; background-size: 100% 100%;}
.layer_menu .layer_dep ul li{width: 100%; height: 50px; border-bottom: 1px solid #ddd; background:url(/images/main/nav_arrow.png)center right 20px no-repeat; background-size:5.5px 11.5px;}
.layer_menu .layer_dep ul li a{display: block; width: 100%; height: 100%; padding-left: 20px; line-height: 50px; font-size: 14px; color:#222;}
.layer_menu .layer_dep ul li.on{background:url('/images/main/nav_arrow_on.png')center right 20px no-repeat; background-size:5.5px 11.5px;}
.layer_menu .layer_dep ul li.on a{color:#00b0f0;}
.layer_menu .layer_3dep ul li a{color:#3c79c3; font-size: 14px; font-weight: 700;}
.layer_menu .layer_3dep ul li.on a{color:#00b0f0; font-size: 14px; font-weight: 700;}
.layer_menu .layer_4dep ul li a{color:#3c79c3; font-size: 14px; font-weight: 700;}
.layer_menu .layer_4dep ul li.on a{color:#00b0f0; font-size: 14px; font-weight: 700;}
.layer_menu .back{position: absolute; left:calc(1.3% + 10px); top:0; padding-left: 17px;background:url(/images/main/nav_back.jpg)center left no-repeat; background-size: 7.5px 15px;}
.layer_menu .back span{ line-height: 70px; font-size:  15px; color:#01377a;}

#section04 .video_wrap {margin-top: 16px; float:left; width: 45%; height:200px; /*border:1px solid #ddd;*/ margin-left:30px; margin-bottom:20px; /*box-shadow:1px 1px 4px #ddd;*/}/* overflow:hidden; */


#visual_wrap{position: relative; width: 100%; height: 650px;}
#visual_wrap p.tab_img{display: block ;}
.visual_txt {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 200;}
.visual_txt li .bar{width: 100%; height: 30px; cursor: pointer; padding: 0 1.3%}
.visual_txt li:nth-child(1) .bar{background-color:rgba(8,72,151,0.75);}
.visual_txt li:nth-child(2) .bar{background-color:rgba(35,99,177,0.75);}
.visual_txt li:nth-child(3) .bar{background-color:rgba(60,121,195,0.75);}
.visual_txt li:nth-child(4) .bar{background-color:rgba(85,141,210,0.75);}
.visual_txt li:nth-child(5) .bar{background-color:rgba(123,171,231,0.75);}
.visual_txt li .visual_inner{position: relative; width:1820px; margin:0 auto; max-width: 100%;}
.visual_txt li .bar em{display: block; font-size: 17px; line-height: 30px; color:#fff; font-weight: 700;}
.visual_txt li .bar .arrow{position: absolute; width: 10px; right: 0;top: 0;  height: 30px; background:url('../images/main/main_visual_arrow_tab.png')center no-repeat; background-size:10.5px 4.5px;}
.visual_txt li .txt_area{position: relative; width: 100%; height: 0; overflow: hidden; transition: 0.5s ease-in-out;}
.visual_txt li .txt_area .visual_inner{height: 500px;}
.visual_txt li.on .txt_area{position: relative; height: 500px;}
.visual_txt li.on .bar .arrow{background:url('../images/main/main_visual_arrow_on_tab.png')center no-repeat; background-size:10.5px 4.5px;}
.visual_txt .txt_box{position: absolute; width: 35.15%; height: 440px;  left: 1.3%; top: 0; bottom: 0; margin: auto 0; background-color:rgba(0,0,0,0.5); padding: 25px 30px; }
.visual_txt .txt_box em{display: block; font-size: 30px; color:#fff; font-weight: 700; line-height: 35px; word-break: keep-all;}
.visual_txt .txt_box p{font-size: 15px; line-height: 20px; color:#fff; font-weight: 300; margin-top: 30px;}
.visual_txt .txt_box a{position: absolute; display: block; left: 20px; bottom: 35px; width: 160px; height: 40px; border: 1px solid #fff; font-size: 15px; font-weight: 300; color:#fff;  text-align: center; line-height: 38px;
padding-right: 25px; background:url(../images/main/visual_txt_arrow_tab.png)center right 25px no-repeat; background-size: 6.5px 12px;}

.visual_img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:50;} 
.visual_img li{position: absolute; left: 0; top: 0; width: 100%; height: 0; overflow: hidden; transition: 0.5s ease-in-out;}
.visual_img li.on{height: 650px; top: auto; bottom: 0;}

#section01{width: 100%;}
#section01 .inner{padding: 0;}
#section01 .sec01_btn{width: 100%; height: 50px; background-color:#e1f7ff; overflow: hidden;}
#section01 .sec01_btn ul li{float: left; width: 25%; height: 50px;  }
#section01 .sec01_btn ul li.on{background-color:#FFF; border-top: 4px solid #01377a; box-shadow:rgba(0,0,0,0.2) 0 0 10px;}
#section01 .sec01_btn ul li a{display: block; width: 100%; height: 100%; font-size: 15px; line-height: 50px; color:#222; text-align: center; font-weight: 700;}
#section01 .sec01_btn ul li.on a{color:#01377a; font-size: 14px;}
/*#section01 .sec01_con{padding-top: 50px;}*/
#section01 .sec01_con .inner{padding: 0 1.3%;}
#section01 .sec01_con em{display: block; font-size: 17px; line-height: 1; color:#2363b1; font-weight: 700;}
#section01 .sec01_con p{font-size: 15px; line-height: 20px; padding-right: 0; margin-top: 25px;}
/*#section01 .sec01_con a {font-size: 20px;font-weight: 500;}*/

#section01 .sec01_con .con01_1{width: 100%;background: linear-gradient(180deg, #084897, #87a9d2);}
#section01 .sec01_con .con01_2{width: 100%;background: #ebf1fd;}
#section01 .sub_content{font-size: 15px; margin-top: 10px; margin-bottom: 20px;}

.sec01_con  .tool_content a:hover {color:#00b0f0; font-weight: 500; cursor:pointer;}
.sec01_con  .tool_content{line-height: 25px; margin-left: 20px;}

#main_con03{background-image: /*linear-gradient(rgb(71 113 177 / 35%), rgb(0 0 0 / 74%)),*/ url(/images/main/main_sub03.png); color: white; background-size: 100% 100%;}

h2.main_tit{display: block; margin: 0 auto; width: 450px; height: 50px; text-align: center; line-height: 50px; /*background-color:#cedcf4;*/ text-align: center; color:#ffffff; font-size: 30px; }

#section02{ padding-bottom: 50px; padding-top: 50px; background: linear-gradient(180deg, #00316d, #00479e);}
#section02 .sec02_rolling_wrap{position: relative; padding: 0 6.68%; margin-top: 50px;}
#section02 .sec02_rolling{padding: 10px !important;}
#section02 .sec02_rolling li{box-shadow:rgba(0,0,0,0.07) 2px 0 7px;}
#section02 .sec02_rolling li a{display: block; width: 100%; }
#section02 .sec02_rolling li .img_area{position: relative; width: 100%; padding-bottom: 68%;}
#section02 .sec02_rolling li .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }
#section02 .sec02_rolling li .txt_area{border-top:1px solid #eee; padding: 18px 10px;}
#section02 .sec02_rolling li .txt_area em{display: block; line-height: 1; color:#095ec7; font-size: 15px; font-weight: 700; text-align: center; text-overflow:ellipsis;
white-space:nowrap; word-wrap:normal; overflow:hidden;}
#section02 .sec02_rolling li .txt_area p{font-size: 15px; line-height: 20px; color:#222; margin-top: 15px; text-align: center; font-weight: 700; word-break: keep-all; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 40px}
#section02 .sec02_rolling_wrap .swiper-pagination{ width: 100%; left: 0; bottom: -50px;;}
#section02 .sec02_rolling_wrap .swiper-pagination-bullet{width: 10px; height: 10px; background-color:#ddd; margin: 0 5px;}
#section02 .sec02_rolling_wrap .swiper-pagination-bullet-active{background-color:#558dd2;}
#section02 .sec02_rolling_wrap .swiper-button-next, .swiper-button-prev{text-indent:-999em; width: 40px; height: 40px; margin-top: 0; transform: translateY(-50%);}
#section02 .sec02_rolling_wrap .swiper-button-next{ right: 0; background:url('../images/main/main_sec01_next.png')center no-repeat;background-size: 100% 100%;}
#section02 .sec02_rolling_wrap .swiper-button-prev{ left: 0; background:url('../images/main/main_sec01_prev.png')center no-repeat;background-size: 100% 100%;}

#coverflow li {width: 300px; height: 350px; margin-right: 20px;}
#coverflow li .img_card_1{background-color: #8cc63f;color: #fff;display: block;font-weight: bold;height: 25px;left: 0px;padding: 0px;top: 0;width: 100%;z-index: 1;}
#coverflow li .img_card_1 span{padding: 6px;}
#coverflow li .img_card_2{background-color: #084897;color: #fff;display: block;font-weight: bold;height: 25px;left: 0px;padding: 0px;top: 0;width: 100%;z-index: 1;}
#coverflow li .img_card_2 span{padding: 6px;}
#coverflow li .img_card_1_1 {background-color: #8cc63f;content: ' ';display: block;height: 3px;left: 0;top: 100%;width: 100%;z-index: -1;}
#coverflow li .img_card_2_1 {background-color: #084897;content: ' ';display: block;height: 3px;left: 0;top: 100%;width: 100%;z-index: -1;}

#coverflow li .txt_area{padding: 10px 20px; background: white;}
#coverflow li .txt_area .date {font-weight: 600;}
#coverflow .flipster__item img{ width: 100%;height: 200px; }
#coverflow li .txt_area em{display: block; line-height: 1; color:#000000; font-size: 15px; font-weight: 700; word-wrap:normal; overflow:hidden; padding: 10px}
#coverflow li .txt_area p{font-size: 12px; line-height: 25px; color:#222; margin-top: 21px; /*text-align: center;*/ font-weight: 700; word-break: keep-all; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word; /*height: 50px*/}
#coverflow li .txt_area a{padding: 10px 0px; color:#676767;}
#coverflow li .txt_area a:hover{color: #01377a; font-weight: bold;}

#section03{padding: 0 0 80px;}
#section03 .inner{display: flex; flex-wrap:wrap; font-size: 0;}
#section03 ul li span{position: absolute; left: 18px; bottom: 20px; color:#fff; line-height: 1; font-size: 20px; font-weight: 700;}
#section03 .con01{margin-top: 60px; width: 100%; }
#section03 .con01 ul li{position: relative; float: left; width: 35.42%; margin-right: 1.44%; overflow: hidden;}
#section03 .con01 ul li:hover img{transform: scale(1.2); }
#section03 .con01 ul li img{width: 100%; transition: 0.3s;}
#section03 .con01 ul li:nth-child(2){width: 26.27%;}
#section03 .con01 ul li:last-child{margin-right: 0;}
#section03 .con02{position: relative; width: 26.27%; margin-right: 1.13%; margin-top: 10px; overflow: hidden;}
#section03 .con02 span{position: absolute; left: 18px; bottom: 20px; color:#fff; line-height: 1; font-size: 20px; font-weight: 700;}
#section03 .con02 img{width: 100%; transition: 0.3s;}
#section03 .con02:hover img{transform: scale(1.2); }
#section03 .con03{width: 72.6%; margin-top: 10px;}
#section03 .con03 ul li {position: relative; float: left; overflow: hidden;}
#section03 .con03 ul li:hover img{transform: scale(1.2); }
#section03 .con03 ul li:nth-child(1){width: 61.86%; margin-right: 1.86%;}
#section03 .con03 ul li:nth-child(2){width: 36.28%;}
#section03 .con03 ul li:nth-child(3){width: 36.28%; margin-right: 1.75%; margin-top: 10px;}
#section03 .con03 ul li:nth-child(4){width: 61.86%; margin-top: 10px;}
#section03 .con03 ul li img{width: 100%; transition: 0.3s;}



#_footer{padding: 35px 0 35px; background-color:#01324b;}
#_footer .inner{position: relative; }
#_footer .foot_menu {float: none;}
#_footer .foot_menu > ul > li{float: left; margin-right: 3%; min-width: 15.36%; width: auto;}
#_footer .foot_menu > ul > li:last-child{margin-right: 0;}
#_footer .foot_menu > ul > li > a{display: block;  font-size: 15px; font-weight: 700; color:#fff; line-height: 1; padding-bottom: 10px; border-bottom: 1px solid #4e7081;}
#_footer .foot_menu > ul > li ul{margin-top: 8px;}
#_footer .foot_menu > ul > li ul li{}
#_footer .foot_menu > ul > li ul li:first-child{margin-top: 0;}
#_footer .foot_menu > ul > li ul li a{display: block; font-size: 14px; font-weight: 300; color:#fff; line-height: 19px; }
#_footer .right{float: none; margin-top: 35px;}
#_footer .mark {float: left; font-size: 0;}
#_footer .mark li{display: inline-block;}
#_footer .mark li:last-child{margin-right: 0;}

#_footer .auth{float: left; margin-top:0; margin-right: 20px;}
#_footer .auth em{display: block; font-size: 15px; font-weight: 700; color:#fff; line-height: 1; }

#_footer .sns{float: left; margin-top:0; margin-right: 20px;}
#_footer .sns em{display: block; font-size: 15px; font-weight: 700; color:#fff; line-height: 1; }
#_footer .sns ul{margin-top: 10px;}
/*#_footer .sns ul li{float: left; width: 35px; height: 35px; margin-right: 8px;}*/
#_footer .sns ul li:last-child{margin-right: 0;}
#_footer .sns ul li a{display: block; width: 100%; height: 100%;}
#_footer .sns ul li img{width: 100%; height: 100%;}

#_footer .Newsletter{float: left; margin-top:0; margin-right: 20px;}
#_footer .Newsletter em{display: block; font-size: 15px; font-weight: 700; color:#fff; line-height: 1; }
#_footer .Newsletter ul{margin-top: 10px;}
#_footer .Newsletter ul li{float: left; width: 230px; height: 35px; margin-right: 8px;}
#_footer .Newsletter ul li:last-child{margin-right: 0;}
#_footer .Newsletter ul li a{display: block; width: 100%; height: 100%;}
#_footer .Newsletter ul li img{width: 100%; height: 100%;}

#_footer .foot_address{float: left; width: 100%}
#_footer p.copyright{float: none; font-size: 14px; color:#fff; line-height: 22px; margin-top: 10px; font-weight: 300;}
#_footer p.copyright span{display: block;line-height: 0; opacity:0;}
#_footer .scroll_top{position:absolute; right: 20px; top: auto; bottom:80px; width: 50px; height: 50px; text-align: center; cursor: pointer; border: 1px solid #fff; background:url(/images/main/foot_scroll_top_tab.png)center top 10px no-repeat; background-size:15.5px 7.5px;padding-top: 20px;}
#_footer .scroll_top span{display: inline-block; line-height: 1; color:#fff; font-size: 14px; }
/* #footer{padding: 38px 0 38px; background-color:#666666;}
#footer .inner{position: relative; }
#footer .foot_menu{padding-left: 10px;}
#footer .foot_menu > ul > li{float: left; margin-right: 38px;}
#footer .foot_menu > ul > li > a{font-size: 15px; font-weight: 700; color:#7babe7; line-height: 1; }
#footer .foot_menu > ul > li ul{margin-top: 15px;}
#footer .foot_menu > ul > li ul li{}
#footer .foot_menu > ul > li ul li:first-child{margin-top: 0;}
#footer .foot_menu > ul > li ul li a{display: block; font-size: 14px; font-weight: 300; color:#fff; line-height: 19px; }
#footer .sns{position: absolute; right:  10px; top: 0; }
#footer .sns em{font-size: 17px; font-weight: 700; color:#7babe7; line-height: 1; }
#footer .sns ul{margin-top: 20px;}
#footer .sns ul li{float: left; width: 30px; height: 30px; margin-right: 10px;}
#footer .sns ul li:last-child{margin-right: 0;}
#footer .sns ul li a{display: block; width: 100%; height: 100%;}
#footer .sns ul li img{width: 100%; height: 100%;}
#footer p.copyright{font-size: 14px; color:#fff; line-height: 1; margin-top: 35px; font-weight: 300; padding-left: 10px;} */



/*=== sub ===*/
.location{display: flex; width: 100%; height: 40px; padding-left: 1.3%; visibility:hidden; opacity: 0; transition:0.5s;}
.location.on{visibility:visible; opacity: 1; }
.location .sub_menu_btn{display:none; width: 19px; height: 15px; background:url('/images/sub/sub_loc_open_pc.png')center no-repeat; background-size: 100% 100%; margin-right: 20px; align-self: center; cursor:pointer;}
.location .sub_menu_btn_tab{display:block; width: 19.5px; height: 15px; background:url('/images/sub/sub_loc_open_tab.png')center no-repeat; background-size: 100% 100%; margin-right: 10px; align-self: center; cursor:pointer;}
.location ul{display: flex; align-self:center; font-size: 0; }
.location ul li{position: relative; line-height: 1; align-self: center; font-size: 15px; color:#666666; font-weight: 300; margin-right: 25px;}
.location ul li:last-child{margin-right: 0;}
.location ul li:after{content:''; width: 7px; height: 15px; position: absolute; right: -15.5px; top: 50%; transform: translateY(-50%);background:url('/images/sub/sub_loc_arrow_tab.png')center no-repeat;background-size: 100% 100%;}
.location ul li:last-child:after{display:none;}

#sub_contents{position: relative; min-height: 700px; width: 100%; padding-left: 0; /*transition: 0.5s;*/}
#sub_contents.on{padding-left: 360px;}

.sub_menu{position: absolute; width: 300px; height: 100%; left: -300px; top: 0; background-color:#FFF; border-right: none; visibility:hidden; opacity: 0; transition: 0.5s; z-index:1000;}
.sub_menu_bg{display:none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.3); z-index:600;}
.sub_menu.on{left: 0; visibility: visible; opacity: 1; transition: 0.5s;}
.sub_menu.on_tab{left: 0; visibility: visible; opacity: 1; transition: 0.5s;}
.sub_menu_top{display:none; width: 100%; height: 45px; border: 1px solid #eee; cursor: pointer; background:url('/images/sub/sub_loc_close_pc.png')center right 30px no-repeat;}
.sub_menu_top_tab{display:block; width: 100%; height: 40px; border: 1px solid #eee; cursor: pointer; background:url('/images/sub/sub_loc_close_tab.png')center right 20px no-repeat;
background-size: 20px 15px;}
.lnb h3{width: 100%; height: 40px; border: 1px solid #eee; border-top: none; border-right: none; background:url('/images/sub/sub_menu_arrow_tab.png')center right 20px no-repeat; background-size:13px 6.5px;}
.lnb h3.on{background:url('/images/sub/sub_menu_arrow_on_tab.png')center right 20px no-repeat; background-size:13px 6.5px;}
.lnb h3.active{background:url('/images/sub/sub_menu_arrow_on_tab.png')center right 20px no-repeat; background-size:13px 6.5px;}
.lnb h3 a{display: block; width: 100%; height:100%; line-height: 38px; color:#222; font-size:16px; font-weight: 300; padding-left: 20px;}
.lnb ul{background-color:#eef3f8;}
.lnb ul li{width: 100%; height: 25px; }
.lnb ul li:first-child{margin-top: 5px;}
.lnb ul li:last-child{margin-bottom: 5px;}
.lnb ul li a{padding-left: 30px; line-height: 22.5px; color:#666; font-size: 15px; font-weight: 300;}

.conbody{padding-top: 0px;}

h3.sub_tit{font-size: 25px; line-height: 1; font-weight: 700; color:#222; text-align: center;}
h4.sub_tit{position: relative; padding-left:15px; font-size: 16px; line-height: 1; font-weight: 700; color:#084897;}
h4.sub_tit:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 10px; height: 10px; background:url('/images/sub/sub_tit_deco_tab.png')center no-repeat; background-size: 100% 100%;}

.tab_menu_pc{width: 100%; height: 50px; background-color:#fafafa; margin-top: 40px;}
.tab_menu_pc ul{font-size: 0; text-align: center;}
.tab_menu_pc ul li{position: relative; display:inline-block;}
.tab_menu_pc ul li:after{content:''; position: absolute; width: 0; height: 2px; left: 50%; bottom: 0; transform: translateX(-50%); background-color:#00b0f0; transition: 0.3s; }
.tab_menu_pc ul li.on:after{width: 100%;}
.tab_menu_pc ul li:hover:after{width: 100%;}
.tab_menu_pc ul li a{padding: 0 15px; line-height: 50px; font-size: 15px; color:#666666; font-weight: 500; }
.mcu_con_wrap{margin-top: 45px;}
.mcu_con01 .con01 p{margin-top: 16px; font-size: 14px; font-weight: 300; color:#666; line-height: 19px}
.mcu_con01 .con02{margin-top: 50px;}
.mcu_con01 .con02 .tit_area{width: 100%; height: 40px; background:linear-gradient(to right, #039bde, #0a60ab); margin-top: 20px;}
.mcu_con01 .con02 .tit_area span{display: block; text-align: center; line-height:40px; font-size: 15px; font-weight: 500; color:#fff;  }
.mcu_con01 .con02 .img_area{position: relative; width: 100%; min-height: 300px;}
.mcu_con01 .con03{margin-top: 50px;}
.mcu_con01 .con03 .edit_area{position: relative; width: 100%; min-height: 300px; margin-top: 20px;}
.mcu_con01 .con03 .check{display: inline-block; margin-left: 10px;}
.mcu_con01 .con03 .check label{font-size: 15px; font-weight: 500; color:#029bde; padding-right: 9px;}

.mcu_con02 .con01 ul{margin-top: 20px;}
.mcu_con02 .con01 ul li{margin-top: 5px;}
.mcu_con02 .con01 ul li:first-child{margin-top: 0;}
.mcu_con02 .con01 ul li em{display: block; width: 100%; height: 35px; padding-left: 20px; color:#099cd1; border: 1px solid #cfdeec; border-radius: 10px; cursor: pointer; line-height: 33px; font-size: 15px; font-weight: 500;}
.mcu_con02 .con01 ul li em b{font-weight: 300; font-size: 13px; color:#666; padding-left: 6px;}
.mcu_con02 .con01 ul li em span{position: relative; }
.mcu_con02 .con01 ul li em span:after{content:''; position: absolute; right: -25px; bottom: 6px;  width:9px; height: 7px; background:url('/images/sub/sub_con_arrow_pc.png') center no-repeat;}
.mcu_con02 .con01 ul li em span.on:after{background:url('/images/sub/sub_con_arrow_on_pc.png') center no-repeat;}
.mcu_con02 .con01 .edit_wrap{display:none; padding: 10px;}
.mcu_con02 .con01 .edit_wrap .edit_area{width: 100%; min-height: 300px;}
.mcu_con02 .con01 .search_box{position: relative; width: 100%; border: 1px solid #ddd; height: 35px; margin-top: 10px;}
.mcu_con02 .con01 .search_box input{width: 100%; height: 100%; border:none; padding: 0 50px 0 20px; }
.mcu_con02 .con01 .search_box button{position: absolute; right: 20px; top:0; bottom: 0; margin: auto 0; width: 15px; height: 16px; background:url('/images/sub/sub_con_search_pc.png')center no-repeat;}
.mcu_con02 .con01 .search_box input::placeholder{font-size: 13px; font-weight: 300; color:#aaa;}
.mcu_con02 .con01 .search_box input::-webkit-input-placeholder{font-size: 13px; font-weight: 300; color:#aaa;}
.mcu_con02 .con01 .search_box input:-ms-input-placeholder{font-size: 13px; font-weight: 300; color:#aaa;}
.mcu_con02 .con02 .search_box{position: relative; width: 500px; border: 1px solid #ddd; height: 35px; margin: 50px auto 0;}
.mcu_con02 .con02 .search_box input{width: 100%; height: 100%; border:none; padding: 0 50px 0 20px; }
.mcu_con02 .con02 .search_box button{position: absolute; right: 20px; top:0; bottom: 0; margin: auto 0; width: 15px; height: 16px; background:url('/images/sub/sub_con_search_pc.png')center no-repeat;}
.mcu_con02 .con02 .search_box input::placeholder{font-size: 13px; font-weight: 300; color:#aaa;}
.mcu_con02 .con02 .search_box input::-webkit-input-placeholder{font-size: 13px; font-weight: 300; color:#aaa;}
.mcu_con02 .con02 .search_box input:-ms-input-placeholder{font-size: 13px; font-weight: 300; color:#aaa;}

.mcu_con03 .con01 .con_list_wrap{display: flex; flex-wrap:wrap; margin-top: 20px;}
.mcu_con03 .con01 .con_list_wrap .con_list{width: 47%; margin-right: 6%; margin-top: 30px;}
.mcu_con03 .con01 .con_list_wrap .con_list:nth-child(3n){margin-right: 6%;}
.mcu_con03 .con01 .con_list_wrap .con_list:nth-child(-n + 3){margin-top: 30px;}
.mcu_con03 .con01 .con_list_wrap .con_list:nth-child(2n){margin-right: 0;}
.mcu_con03 .con01 .con_list_wrap .con_list:nth-child(-n + 2){margin-top: 0;}
.mcu_con03 .con01 .con_list_wrap .con_list li{width: 100%; border: 1px solid #d5e2ef; border-radius: 10px; margin-bottom: 5px;}
.mcu_con03 .con01 .con_list_wrap .con_list li:last-child{margin-bottom: 0;}
.mcu_con03 .con01 .con_list_wrap .con_list li a{display: block; padding: 10px 29px; font-size: 14px; color:#099cd1; font-weight: 500; line-height: 20px; word-break: keep-all;}
.mcu_con03 .con01 .con_list_wrap .con_list li a span{font-size: 14px; color:#666; font-weight: 300; padding-left: 10px;}
.mcu_con03 .con01 .con_list_wrap .con_list li.first{background-color:#2363b1; margin-bottom:10px; border:none;}
.mcu_con03 .con01 .con_list_wrap .con_list li.first a{color:#fff; font-weight: 700;}

.mcu_con03 .con02{margin-top: 70px;}
.mcu_con03 .con02 .con_list_wrap{display: flex; flex-wrap:wrap; margin-top: 20px;}
.mcu_con03 .con02 .con_list_wrap .con_list{width: 47%; margin-right: 6%; margin-top: 30px;}
.mcu_con03 .con02 .con_list_wrap .con_list:nth-child(3n){margin-right: 6%;}
.mcu_con03 .con02 .con_list_wrap .con_list:nth-child(-n + 3){margin-top: 30px;}
.mcu_con03 .con02 .con_list_wrap .con_list:nth-child(2n){margin-right: 0;}
.mcu_con03 .con02 .con_list_wrap .con_list:nth-child(-n + 2){margin-top: 0;}
.mcu_con03 .con02 .con_list_wrap .con_list li{width: 100%;}
.mcu_con03 .con02 .con_list_wrap .con_list li a{display: block; padding: 4px 29px; font-size: 14px; color:#099cd1; font-weight: 500; line-height: 18px; word-break: keep-all;}
.mcu_con03 .con02 .con_list_wrap .con_list li a span{font-size: 14px; color:#666; font-weight: 300; padding-left: 10px;}
.mcu_con03 .con02 .con_list_wrap .con_list li.first{ margin-bottom:15px; border:none;}
.mcu_con03 .con02 .con_list_wrap .con_list li.first a{color:#222; font-weight: 700; font-size: 15px;}


.selector_wrap .con01 .txt{position: relative; padding: 30px 25px 25px; background-color:#fafafa; margin-top: 30px;}
.selector_wrap .con01 .txt em{position: absolute; display: block; width: 325px; height: 40px; left: 20px; top: -20px; background-color:#81cae5; text-align: center; line-height: 40px; font-size: 24px;color:#fff; font-weight: 700;}
.selector_wrap .con01 .txt p{font-size: 16px; color:#222; line-height: 25px; }
.selector_wrap .con02{margin-top:50px;}
.selector_wrap .con02 em{display: block; font-size: 20px; color:#0491c5; font-weight: 700;}
.selector_wrap .con02 p{font-size: 16px; color:#666; margin-top: 5px;}
.selector_wrap .con02 .list_wrap{margin-top: 45px; display: flex;}
.selector_wrap .con02 .list_wrap ul{width: 44.16%; margin-right: 5.84%;}
.selector_wrap .con02 .list_wrap ul li{width: 100%; height: 40px; background-color:#fbfbfb; border-radius: 10px; margin-top: 20px; box-shadow: rgba(0,0,0,0.1) 5px 0 7px; line-height: 40px; padding-left: 20px; font-size: 14px; color:#084897; font-weight: 700;}
.selector_wrap .con02 .list_wrap ul li:first-child{margin-top: 0;}

.tool_con01 .con01 .img_area img{width: 100%;}

._3rd_party_partner{margin-top: 16px; float:left; width:230px; height:130px; border:1px solid #ddd; padding:14px; margin-left:20px; margin-bottom:20px; box-shadow:1px 1px 4px #ddd;}/* overflow:hidden; */
._3rd_party_partner .img{float:left; width:190px; height:70px; margin-bottom:15px;}
._3rd_party_partner dl{float:left; width:100%; border-top:1px dashed #aaa; padding-top:10px; font-size:14px;}
._3rd_party_partner dt{max-height:45px; overflow:hidden; word-break:break-all; font-weight:bold; color:#333;}
._3rd_party_partner dt a{color:#333;}
._3rd_party_partner dd{height:45px;margin-top:7px; word-break:normal; color:#333;}/* overflow:hidden; */

.mcu_con01 .con03{margin-top: 50px;}
.mcu_con01 .con03 .edit_area{position: relative; width: 100%; min-height: 300px; margin-top: 20px;}
.mcu_con01 .con03 .check{display: inline-block; margin-left: 10px;}
.mcu_con01 .con03 .check label{font-size: 15px; font-weight: 500; color:#029bde; padding-right: 9px;}


.legacy_con_wrap{margin-top: 45px;}
.legacy_con01 .con01 p{margin-top: 16px; font-size: 14px; font-weight: 300; color:#666; line-height: 19px;}
.legacy_con01 .con02{margin-top: 50px;}
.legacy_con01 .con02 .edit_area{position: relative; width: 100%; min-height: 300px; margin-top: 20px;}
.legacy_con01 .con02 .check{display: inline-block; margin-left: 10px;}
.legacy_con01 .con02 .check label{font-size: 15px; font-weight: 500; color:#029bde; padding-right: 9px;}
.legacy_con01 .con02_top{position: relative; }
.legacy_con01 .con02 .category{position: absolute; right: 0; bottom: 0; font-size: 0; }
.legacy_con01 .con02 .category span{display:inline-block; width: 100px; height: 30px; vertical-align: bottom; background-color:#00b0f0; border: 1px solid #00b0f0; text-align: center; line-height: 28px; color:#fff; font-size: 13px; font-weight: 700; margin-right: 5px;}
.legacy_con01 .con02 .category select{width: 140px; height: 30px;border: 1px solid #ddd; vertical-align: bottom; padding-left: 10px; color:#666; background:url('../images/sub/legacy_arrow.png')center right 10px no-repeat; background-size: 9px 8px; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.legacy_con01 .con02 .category select::-ms-expand {display: none;}

.sub06_wrap .con01{position: relative; }
.sub06_wrap .con01 ul li .img_area{position: relative; width: 100%; padding-bottom: 25%; background-color:#ddd;}
.sub06_wrap .con01 ul li .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }
.sub06_wrap .con02{margin-top: 70px;}
.sub06_wrap .con02 > ul{display: flex; font-size: 0;flex-wrap:wrap;}
.sub06_wrap .con02 > ul > li{width: 48%; margin-right: 4%; padding: 20px; border-radius: 30px; background-color:#fcfcfc; box-shadow:rgba(0,0,0,0.1) 5px 3px 5px; margin-top: 40px;}
.sub06_wrap .con02 > ul > li:nth-child(-n + 3){margin-top: 40px;}
.sub06_wrap .con02 > ul > li:nth-child(3n){margin-right: 4%;}
.sub06_wrap .con02 > ul > li:nth-child(-n + 2){margin-top: 0;}
.sub06_wrap .con02 > ul > li:nth-child(2n){margin-right: 0;}
.sub06_wrap .con02 > ul > li .list_top{padding: 18px 0; border-bottom: 1px solid #b2cded;}
.sub06_wrap .con02 > ul > li .list_top .icon_area{position: relative; width: 72px; height: 60px; margin: 0 auto;}
.sub06_wrap .con02 > ul > li .list_top .icon_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }
.sub06_wrap .con02 > ul > li .list_top em{display: block; font-size: 20px; color:#084897; font-weight: 700; margin-top: 15px; text-align: center;}
.sub06_wrap .con02 > ul > li ul{margin-top: 15px;}
.sub06_wrap .con02 > ul > li ul li{margin-top: 10px; padding-left: 12px;}
.sub06_wrap .con02 > ul > li ul li:first-child{margin-top: 0;}
.sub06_wrap .con02 > ul > li ul li a{ font-size: 16px; line-height: 1; color:#666; font-weight: 300; word-break: break-all;}

.sub07_wrap .con01{margin-top: 45px;}
.sub07_wrap .con01 .con01_top{display: flex; }
.sub07_wrap .con01 .img_area_wrap{width: 40%}
.sub07_wrap .con01 .img_area_wrap .img_area{width: 100%; /* padding-bottom:66.66%;background-color:#ddd; */}
.sub07_wrap .con01 .txt_area{width: 60%; padding: 10px 0 10px 25px; }
.sub07_wrap .con01 .txt_area p{font-size: 16px; font-weight: 300; color:#666; line-height: 25px; }
.sub07_wrap .con01 .edit_area{width: 100%; border: 1px solid #ddd; width: 100%; min-height: 395px; margin-top: 50px; }
.sub07_wrap .con01 span.recommend{display: block; text-align: center; line-height: 1; font-size: 18px; font-weight: 700; color:#00b0f0; margin-top: 20px;}
.sub07_wrap .con02{margin-top: 50px;}
.sub07_wrap .con02 .edit_area{width: 100%; border: 1px solid #ddd; width: 100%; min-height: 395px; margin-top: 20px; }
.sub07_wrap .con03{margin-top: 50px;}
.sub07_wrap .con03 .edit_area{width: 100%; width: 100%; min-height: 395px; margin-top: 20px; }


/* sub0401_7 */
#sub0401_7_wrap{margin-bottom:40px;}
#sub0401_7_wrap .sub0107_top{margin-bottom: 39px;}
#sub0401_7_wrap .sub0107_top .tit{font-size: 25px !important; font-weight: 700; line-height: 1; color:#222222; text-align: center; margin-bottom: 34px;}
#sub0401_7_wrap .sub0107_top .con{font-size: 16px; font-weight: 700; line-height: 23px; color:#084897;}

#sub0401_7_wrap .icon_wrap{text-align: center; margin-bottom: 50px;  font-size: 0;}
#sub0401_7_wrap .icon_wrap img{margin: 0 20px; width: 188px; height: 188px;}

#sub0401_7_wrap .txt_wrap h4.sub_tit{position: relative; padding-left:23px; font-size: 16px; line-height: 1; font-weight: 700; color:#084897; margin-bottom: 20px; margin-top: 47px;}
#sub0401_7_wrap .txt_wrap h4.sub_tit:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 15px; height: 15px; background:url('/images/sub/sub_tit_deco_pc.png')center no-repeat;}
#sub0401_7_wrap .txt_wrap p{font-size: 14px; font-weight: 300; line-height: 19px; color:#666666;}

/*sub0402_1*/
.process_dot {margin-top:10px;}
.process_dot li:before{top:11px;}


/*sub0402_4*/
.sub0402_2_wrap h3{font-size:25px;}
.sub0402_2_wrap .edit_area{ /*height:250px;*/ line-height:250px;margin:20px 0 40px;}
.sub0402_2_wrap table{margin-bottom:40px;}

/*sub0403_1*/
.sub0403_1_wrap .edit_area{padding-bottom: 32.55%; margin-bottom:40px;}
.sub0403_1_wrap .edit_area p.pc_txt{display:none;}
.sub0403_1_wrap .edit_area p.tab_txt{display:block; padding-top:13%;}
.sub0403_1_wrap .edit_area p.mob_txt{display:none;}
.sub0403_1_wrap .slick-slider{position:relative; margin-bottom:40px;}

.sub0403_1_wrap .sub03_ui li{width:48.9%; margin-right:1%; margin-bottom:1%; }
.sub0403_1_wrap .sub03_ui li div.txt_box strong{font-size:16px; }
.sub0403_1_wrap .sub03_ui li div.txt_box p{font-size:14px;}

/*sub0403_2*/
.sub0403_2_wrap .layer_position{width: 90%; height: 70%; }
.sub0403_2_wrap .slick-slider{position:relative; margin-bottom:40px;}
.sub0403_2_wrap .edit_area{padding-bottom: 32.55%;}
.sub0403_2_wrap .edit_area p.pc_txt{display:none;}
.sub0403_2_wrap .edit_area p.tab_txt{display:block; padding-top:13%;}
.sub0403_2_wrap .edit_area p.mob_txt{display:none;}

.sub0403_2_wrap .member_list li{width:28%; margin-right:5%;}
.sub0403_2_wrap .member_list li:nth-child(4n){margin-right:5%; }
.sub0403_2_wrap .member_list li:nth-child(3n){margin-right:0; }

.sub0403_2_wrap .member_list li .txt_area{padding:15px 0 30px;}
.sub0403_2_wrap .member_list li .txt_area span{font-size:14px;}
.sub0403_2_wrap .member_list li .txt_area p{font-size:16px;}

/*sub0403_3*/
.sub0403_3_wrap h5 {margin-bottom:35px;}
.sub0403_3_wrap .edit_area p.pc_txt{display:none;}
.sub0403_3_wrap .edit_area p.tab_txt{display:block; padding-top:30%;}
.sub0403_3_wrap .edit_area p.mob_txt{display:none;}
.sub0403_3_wrap .slider-for .txt_area strong{font-size:18px;}
.sub0403_3_wrap .slider-for .txt_area p{font-size:15px;}

/* sub0404 */
.sub_test01_wrap .con01 h5{display: block; text-align: center; line-height: 1; font-size: 30px; font-weight: 700; color:#222; margin-bottom: 35px;}
.sub_test01_wrap .con01 p{font-size: 17px; font-weight: 500; color:#222; line-height: 25px; text-align: center;}
.sub_test01_wrap .con01 ul{position: relative; width: 100%; display: flex; height: 130px; margin: 35px auto 35px;}
.sub_test01_wrap .con01 ul li{position: absolute; display: flex; width:36.65%; height: 130px; border-radius: 65px;}
.sub_test01_wrap .con01 ul li:nth-child(1){left: 0; top: 0; background-color:rgba(85,141,210,0.7);}
.sub_test01_wrap .con01 ul li:nth-child(2){left: 0; top: 0; right: 0; margin: 0  auto; background-color:rgba(8,72,151,0.7);}
.sub_test01_wrap .con01 ul li:nth-child(3){right: 0; top: 0; background-color:rgba(0,176,240,0.7);}
.sub_test01_wrap .con01 ul li span{display: block; width: 100%; align-self: center; font-size: 15px; color:#fff; line-height: 30px; text-align: center;}
.sub_test01_wrap .con01 ul li span i{display: block}
.sub_test01_wrap .con02{display:flex; width: 100%; margin-top: 45px; justify-content: space-between;}
.sub_test01_wrap .con02 .con02_li{width: 48.83%;  border-radius: 10px; border: 1px solid #ddd; }
.sub_test01_wrap .con02 .con02_li .img_area{position: relative; width: 100%; padding-bottom: 68.31%; border-radius: 10px 10px 0 0; overflow: hidden;}
.sub_test01_wrap .con02 .con02_li .img_area img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:;10}
.sub_test01_wrap .con02 .con02_li .img_area span{position: absolute; display: block; text-align: center; width: 100%; line-height: 1; font-size: 17px; color:#fff; font-weight:700; bottom: 15px; left: 0; }
.sub_test01_wrap .con02 .con02_li .txt_area{ width: 100%; padding: 20px; border:none; border-top: none;}
.sub_test01_wrap .con02 .con02_li .txt_area ul li{position: relative; padding-left: 20px; font-size: 15px; line-height: 25px; color:#222}
.sub_test01_wrap .con02 .con02_li .txt_area ul li:after{content:''; position: absolute; left: 0; top: 10px; width: 5px; height:5px; background-color:#222222;}
.sub_test01_wrap .con03{margin-top: 50px;}
.sub_test01_wrap .con03 h5{display: block; line-height: 1; font-size: 30px; font-weight: 700; color:#222;}
.sub_test01_wrap .con03 ul{display: flex; flex-wrap:wrap; margin-top: 50px;}
.sub_test01_wrap .con03 ul li{width: 48.72%; margin-right: 2.56%; border-radius: 10px;  margin-top: 20px; border:1px solid #ddd; padding: 30px 20px 10px 10px; box-shadow: rgba(0,0,0,0.15) 5px 0 7px;}
.sub_test01_wrap .con03 ul li:last-child{margin-right: 0;}
.sub_test01_wrap .con03 ul li:nth-child(2n){margin-right: 0;}
.sub_test01_wrap .con03 ul li:nth-child(-n + 2){margin-top: 0;}
.sub_test01_wrap .con03 ul li .icon{height: 60px; text-align: center;}
.sub_test01_wrap .con03 ul li .icon img{height: 100%; }
.sub_test01_wrap .con03 ul li em{display: block; text-align: center; line-height: 1; margin-top: 35px; color:#222; font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.sub_test01_wrap .con03 ul li p{position: relative; padding-left: 15px; font-size: 16px; line-height: 30px; color:#222; }
.sub_test01_wrap .con03 ul li p:before{content:''; position: absolute; left: 0; top: 12.5px; width: 5px; height:5px; background-color:#222222;}
.sub_test01_wrap .con03 ul li p.pleft01{padding-left: 68px;}
.sub_test01_wrap .con03 ul li p.pleft01 span{position: absolute; left: 0; top: 0; padding-left: 15px;}
.sub_test01_wrap .con03 ul li p.pleft02{padding-left: 50px;}
.sub_test01_wrap .con03 ul li p.pleft02 span{position: absolute; left: 0; top: 0; padding-left: 15px;}

/* sub04_2 */
#sub0404_2_wrap{}
#sub0404_2_wrap .triang_wrap{position: relative; margin-bottom: 80px;}
#sub0404_2_wrap .triang_wrap .triang_info{position: static; width: 48%; transform: translate(0,0);}
#sub0404_2_wrap .triang_wrap .triang_info strong{position: relative; display: inline-block; font-size: 16px; font-weight: 500; line-height: 1; color:#222222; margin-bottom: 20px;}
#sub0404_2_wrap .triang_wrap .triang_info strong:after{content: ''; position: absolute; bottom: -15px; left: 0;width: 100%; height: 2px; background: #00b0f0;}
#sub0404_2_wrap .triang_wrap .triang_info p{font-size: 16px; font-weight: 400; line-height: 27px; color:#222222; word-break: keep-all;}
#sub0404_2_wrap .triang_wrap .triang_info01{top: 0; left: 0; margin-left: 0; text-align: center; margin: 0 auto;}
#sub0404_2_wrap .triang_wrap .triang_info02{position: relative; bottom: 0; left: 0; margin-left: 0; text-align: right; float: left; margin-right: 1%;}
#sub0404_2_wrap .triang_wrap .triang_info02:after{content: ''; position: absolute; top: 0; right: -10px; width: 1px; height: 100%; background: #dddddd;}
#sub0404_2_wrap .triang_wrap .triang_info03{bottom: 0; left: 0; margin-left: 0; float: left; margin-left: 1%;}

#sub0404_2_wrap .triang_wrap .img_wrap{text-align: center; margin-bottom: 20px;}
#sub0404_2_wrap .triang_wrap .img_wrap img{}

#sub0404_2_wrap .education_wrap{}
#sub0404_2_wrap .education_wrap .education_list{display: flex; flex-wrap: wrap; justify-content: center;}
#sub0404_2_wrap .education_wrap .education_list > li{float: none; width: 25.53%; ;border: 1px solid #e4e4e4; border-top: 0 none; margin-right: 3%; margin-bottom: 21px;}
#sub0404_2_wrap .education_wrap .education_list > li:last-child{margin-right: 0;}
#sub0404_2_wrap .education_wrap .education_list > li:nth-child(3){margin-right: 0.75%;}
#sub0404_2_wrap .education_wrap .education_list > li p{font-size: 20px; font-weight: 700; line-height: 60px; color:#fff; background: #00adeb; text-align: center;}
#sub0404_2_wrap .education_wrap .education_list > li > ul{padding: 19px 9px;}
#sub0404_2_wrap .education_wrap .education_list > li > ul li{text-align: left;}
#sub0404_2_wrap .education_wrap .education_list > li > ul li span{display: block; position: relative; padding-left: 15px; font-size: 16px;}
#sub0404_2_wrap .education_wrap .education_list > li > ul li span:before{content: ''; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 5px; height: 5px; background: #000; border-radius: 100px;}

/* sub04_3 */
#sub0404_3_wrap{}
#sub0404_3_wrap .img_list{margin-bottom: 59px;}
#sub0404_3_wrap .img_list li{float: left; width: /* 274px */22.72%; height: /* 348px */100%; margin-right: 2.8%;position: relative; /* border: 1px solid #efefef; */ background-image: linear-gradient(transparent 74% , #878787);}
#sub0404_3_wrap .img_list li:last-child{margin-right: 0;}
#sub0404_3_wrap .img_list li .img_wrap{position: relative; width: 100%; height: 0; padding-bottom: 126.64%;}
#sub0404_3_wrap .img_list li .img_wrap img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; z-index: -1;}
#sub0404_3_wrap .img_list li p{position: absolute; bottom: 10px; /* left: 50%; transform: translate(-50%,0);  */ width: 100%; text-align: center; font-size: 20px; font-weight: 700; line-height: 27px; color:#fff;}


#sub0404_3_wrap .txt_list{}
#sub0404_3_wrap .txt_list li{margin-bottom: 38px;}
#sub0404_3_wrap .txt_list li img{float: left; margin-right: 30px;}
#sub0404_3_wrap .txt_list li .txt_wrap{float: left;width: 80%;}
#sub0404_3_wrap .txt_list li .txt_wrap strong{display: block; position: relative; font-size: 20px; font-weight: 700; line-height: 1; color:#222222; margin-bottom: 20px;}
#sub0404_3_wrap .txt_list li .txt_wrap strong:after{content: ''; position: absolute; bottom: -10px; left: 0; width: 50px; height: 2px; background: #00b0f0;}
#sub0404_3_wrap .txt_list li .txt_wrap strong.on:after{content: ''; position: absolute; bottom: -10px; left: 0; width: 50px; height: 2px; background: #2363b1;}
#sub0404_3_wrap .txt_list li .txt_wrap p{font-size: 16px; font-weight: 400; line-height: 25px; color:#222222;}










/* sub0602 Recruitment */
.h5tit01 {font-size:17px; color:#0d4189; margin-bottom:10px; margin-top:30px; padding-left:25px; background:url(/images/sub/h5_bullet.jpg) no-repeat left 6px;}
.ptxt03 {font-size:15px; color:#555; line-height:26px; padding-left:25px;}

.benefits_ul {width:100%; margin-top:30px;}
.benefits_ul li {float:left; width:18.4%; margin-right:2%; margin-top:20px; min-height:220px}
.benefits_ul li .imgarea1 {width:100%;}
.benefits_ul li .imgarea1 img {width:100%;}
.benefits_ul li:nth-child(-n+5) {margin-top:0;}
.benefits_ul li:nth-child(5n) {margin-right:0;}
.benefits_ul li .txtarea1 {font-size:15px; line-height:26px; margin-top:15px;}

.recruitment_tb01 {margin-top:30px;}
.recruitment_tb01 th {font-size:15px;  padding:10px; }
.recruitment_tb01 td {font-size:15px;  padding:10px 15px;}


}