@media screen and (max-width:767px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:30px;}
.login_top {width:100%; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:20px; padding-bottom: 20px;}
.login_top h2 {font-size:20px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {display: block; font-size:12px; font-weight:400; margin-top: 5px; line-height: 18px}
.login_mid {display: block; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:100%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:0; width: 14px;}
.login_mid .login_con input::placeholder {font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:12px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:45px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:15px; line-height:43px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:8px; padding-left:10px; position:relative; line-height:1;}
.login_mid .login_bottom li::before {width:1px; height:10px; background:#ddd; content:''; position:absolute; left:0; top:2px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:100%; margin-top: 20px;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:block;}
.pc {display:none;}
.tab {display:none;}
.mob {display:block;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}
.inner02 .inner {width: 100%; padding:0;}

#header{position: absolute;left: 0;top: 0;width: 100%;background: rgba(34,34,34,.4);z-index: 5000;line-height: 1;transition:.2s;}
#header .inner{display: flex;height: 60px; justify-content: space-between;align-items:center;}
#header h1 img{width: 60px;}
#header .btn_box{display: block; padding-left:5px;}
#header .btn_box button{width: 23px;height: 18px;background:url(/images/main/main_btn01_mob.png)center no-repeat;background-size:cover;transition:.2s; }

#header .lang_box{display: flex;gap:20px;align-items:center;}
#header .lang_box a{position: relative;font-size: 12px;color: #999;}
#header .lang_box a.on{color: #fff;font-weight: 500;}
#header.off .lang_box a.on{color: #222;}
#header .lang_box a:nth-child(1):after{content:'';position: absolute;right: -10px;top: 0px;width: 1px;height: 12px;background: #e1e1e1;}

#header.off{background: #fff;}
#header.off .btn_box button{width: 23px;height: 22.5px;background:url(/images/main/main_btn02_mob.png)center no-repeat;background-size:cover;}

/* gnb */
#nav{display: none;position: relative;}
#nav .main_menu{display:flex;align-items: center;gap:10px;}
#nav .main_menu > li{position:relative;height: 100%;}
#nav .main_menu > li > a{display: block;padding: 0 50px;text-align: center;font-size:18px;color:#fff;height: 100%;font-weight:600;position:relative;line-height: 100px;}
#nav .main_menu > li.on > a{background: #004ba0;color: #fff;}
#nav .main_menu > li > a span{width:100px;height:2px;background:#fff;position:absolute;bottom:0px;left:50%;transform: translate(-50%, 0);opacity:0;z-index: 1200;}
#nav .main_menu > li.on span{opacity:1;}

#nav .main_menu li ul{position:absolute;width:calc(100% + 1px); padding:45px 0; background-color:#004ba0;top:100%;z-index:1000;left: 50%;transform: translate(-50%, 0); display:none;}
#nav .main_menu .on ul{display:block;}
#nav .main_menu li ul li{margin-bottom:20px;text-align:center;}
#nav .main_menu li ul li:last-child { margin-bottom:0;}
#nav .main_menu li ul li a{color:#fff;font-size:16px;width:100%;}

/* nav */
.navigation{position:absolute;top: 60px;z-index:5000;width:50%;background-color:#fff;height:100%;display:none;right: 0px;height:100vh;line-height: 1;}
.navigation.on{display:block;}
.navigation h3{height:55px;width:100%;}
.navigation h3 a{border-bottom: 1px solid #ddd;}
.navigation h3.active a:after{background:url(/images/main/main_btn04_tab.png)center no-repeat;background-size:cover ;}
.navigation h3.on a:after{background:url(/images/main/main_btn04_tab.png)center no-repeat;background-size:cover ;}
.navigation h3:nth-child(2) a{border-top: 1px solid #ddd;}
.navigation h3 a{position: relative;height:55px;width:100%;background-color:#fff;display: flex;align-items: center;padding: 0 15px;color:#222;font-size:14px;font-weight:500;}
.navigation h3 a:after{content:"";position: absolute;top: 50%;transform:translateY(-50%);right: 10px;width: 13px;height: 7px;background:url(/images/main/main_btn03_tab.png)center no-repeat;background-size:cover ;}
.navigation h3:nth-child(1) a{border-top: 1px solid #ddd;}
.navigation ul{display: block; padding:20px 0;background:#f9f9f9;border-top: 3px solid #004ba0;}
.navigation ul li{margin-bottom: 20px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{display:flex;height:auto;width:100%;color:#555;font-size:13px;border:none;font-weight: 400;padding-left: 10px;}
.navigation ul li a:after{display: none;}
.nav_bg{display: none;position: absolute;top: 60px;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.6);z-index: 4500;}



#visual_wrap{position: relative;line-height: 1;}
#visual_wrap:after{display: none;content:'';position: absolute;left: 150px;top: 0;width: 1px;height: 100%;background: #fff;}
#visual_wrap ul li{position: relative;}
#visual_wrap ul li .txt{position: absolute;top: 50%;left: 50%;transform:translate(-50% , -50%);z-index: 1000;color: #fff;text-align: center;width: 100%;}
#visual_wrap ul li .txt span{display: block;font-size: 12px;margin-bottom: 20px;}
#visual_wrap ul li .txt strong{display: block;font-size: 19px;margin-bottom: 10px;}
#visual_wrap ul li .txt p{font-size: 17px;font-family: 'SUIT';font-weight: 300;}
#visual_wrap ul li .txt p em{font-weight: 900;color: #e60012;}

#visual_wrap .arrow{display: flex;position: absolute;bottom: 33px;left: 2.6%;gap:132px;z-index: 1000;cursor:pointer;}
#visual_wrap .arrow img{width: 8px;}
#visual_wrap .slick-dots{position: absolute;display: flex;bottom: 30px;left: 42px;gap:30px;z-index: 1500;}
#visual_wrap .slick-dots li button{position: relative;font-size: 12px;color: #fff;font-weight: 600;font-family: 'SUIT';width: 7px;}
#visual_wrap .slick-dots li button:after{content:'';position: absolute;left: -6px;top: 0px;width: 20px;height: 20px;border-radius:50%;border: 1px solid #fff;opacity: 0;}
#visual_wrap .slick-dots li.slick-active button:after{opacity: 1;}

#visual_wrap .scroll{position: absolute;right: 2.6%;bottom: 0;z-index: 1000;animation:ani01 ease 1s infinite alternate;}
#visual_wrap .scroll img{width: 10px;}
@keyframes ani01{
0%{bottom: 0px;}
100%{bottom: 10px;}
}


/* 공통 */
.tit_box01{line-height: 1;}
.tit_box01 h2{font-size: 30px;font-weight: 900;color: #004ba0;}
.tit_box01 p{margin-top: 15px;color: #333;font-size: 12px;font-weight: 300;line-height: 17px;}
.tit_box01 p br{display: none;}

#section01{line-height: 1;padding: 50px 0;background:url(/images/main/main_bg01_mob.jpg)center no-repeat;background-size:cover ; height: 551px;}
#section01 .tit_box01{margin-bottom: 25px;}
#section01 .con02{display: flex;justify-content: end;}
#section01 .con02 ul{display: flex;width:100%;gap:10px;flex-wrap:wrap;}
#section01 .con02 ul li{width: calc((100% - 10px)/2);}
#section01 .con02 ul li:nth-child(1){display: none;}
#section01 .con02 ul li:nth-child(6){display: block;}
#section01 .con02 ul li a{position: relative;display: block;transition:.2s;height: 92px;border: 1px solid #ddd;background: #fff;}
#section01 .con02 ul li a .ico_box img{position: absolute;top: 15px;left: 10px;transition:.2s;width: 25px;}
#section01 .con02 ul li a .ico_box img.on{opacity: 0;}
#section01 .con02 ul li a .txt{position: absolute;transition:.2s;display: flex;width: 100%;bottom: 10px;left: 0;padding: 0 10px;align-items:center; justify-content: space-between;}
#section01 .con02 ul li a .txt p {font-size: 12px;color: #222;font-weight: 600;}
#section01 .con02 ul li a .txt p i {display: none;}
#section01 .con02 ul li a .txt img{opacity: 0;transition:.2s;}

#section01 .con02 ul li a:hover {background: #fff;border: 1px solid #ddd;}
#section01 .con02 ul li a:hover .ico_box img.on{opacity: 0;}
#section01 .con02 ul li a:hover .ico_box img.off{opacity: 1;}
#section01 .con02 ul li a:hover .txt p{color: #222;}
#section01 .con02 ul li a:hover .txt img{opacity: 0;}


#section02{display: block;line-height: 1;background:none;background-size:cover ;}
#section02 .con01{position: relative;width: 100%;}
#section02 .con01 ul li img{width: 100%;}
#section02 .con01 .arrow{display: flex;position: absolute;width: 100%;height: 30px;background: rgba(0,0,0,.8);z-index: 2000;left: 0;bottom: 0;}
#section02 .con01 .arrow div{position: relative;flex:1;text-align: center;line-height: 30px;color: #fff;font-size: 12px;font-weight: 300;cursor:pointer;}
#section02 .con01 .arrow div:nth-child(1):after{content:'';position: absolute;right: 0;top: 50%;width: 1px;height: 15px;background: #fff;opacity: .5;transform:translateY(-50%);}

#section02 .con02{width: 100%;padding: 50px 2.6%;background:url(/images/main/main_bg02_mob.jpg)center no-repeat;background-size:cover ;}
#section02 .con02 ul{height: 100%;}
#section02 .con02 .slick-list{height: 100%;}
#section02 .con02 .slick-track{height: 100%;}
#section02 .con02 ul li{display: flex;height: 100%;flex-direction: column;justify-content: center;}
#section02 .con02 ul li .tit_box01{margin-bottom: 65px;}
#section02 .con02 ul li .tit_box01 h2{color: #fff;}
#section02 .con02 ul li .tit_box01 p{color: #fff;margin-top: 15px;}
#section02 .con02 ul li .txt{position: relative;z-index: 1;}
#section02 .con02 ul li .txt p{font-size: 15px;font-weight: 600;color: #fff;margin-bottom: 15px;}
#section02 .con02 ul li .txt span{display: block;font-size: 12px;line-height: 14px;font-weight: 300;color: #fff;margin-bottom: 27px;}
#section02 .con02 ul li .txt span br {display: none;}
#section02 .con02 ul li .txt a{display: block;width: 80px;height: 30px;border: 1px solid #fff;color: #fff;text-align: center;line-height: 28px;font-size: 12px;font-weight: 300;}
#section02 .con02 ul li .txt em{position: absolute;top: -34px;left: 22px;font-family: 'SUIT';font-weight: 900;color: #fff;opacity: .2;z-index: -1;font-size: 50px;}


#section03{line-height: 1;padding: 50px 0;background:url(/images/main/main_bg03_mob.jpg)bottom left no-repeat;background-size:325px 100%;}
#section03 .inner{display: block; justify-content: space-between;}
#section03 .con01 ul{margin-top: 40px;margin-bottom: 30px;}
#section03 .con01 ul li{display: flex;margin-bottom: 30px;}
#section03 .con01 ul li:last-child{margin-bottom: 0;}
#section03 .con01 ul li strong{display: block;font-size: 14px;color: #222;font-weight: 500;font-family: 'SUIT';width: 72px;}
#section03 .con01 ul li p{color: #555;font-size: 12px;font-weight: 300;}

#section03 .con02{width: 100%;height: 192px;}


#footer{padding: 30px 0;background: #333;line-height: 1;}
#footer p{color: #999;font-size: 11px;line-height: 17px;margin-bottom: 15px;font-weight: 300;text-align: center;}
#footer p i {display: none;}
#footer p em{display: block;}
#footer p b{display: block;}
#footer p br{display: block;}
#footer span{display: block;color: #a8a8a8;font-size: 11px;font-weight: 300;text-align: center;}

#footer .pc_f{display: none;}
#footer .mob_f{display: block;}

/* quick_menu */
.kakao_btn{width:50px; height:50px;}
.kakao_btn a img{width:80%;}

/* sub */

#sub_visual_wrap { position:relative;}
#sub_visual_wrap .txt_wrap { position:absolute; left:0; right:0; top:58%; transform:translateY(-50%); text-align:center; line-height:1;}
#sub_visual_wrap .txt_wrap h2 { margin-bottom:20px; font-size:20px; color:#fff; font-weight:600;}
#sub_visual_wrap .txt_wrap .sub_list { display:flex;align-items:center;gap:55px;justify-content: center;}
#sub_visual_wrap .txt_wrap .sub_list li { position:relative;font-size:12px; color:#fff; font-weight:400;}
#sub_visual_wrap .txt_wrap .sub_list li::before { content:''; position:absolute; right:-29px; top:3px; width:4px; height:6px; background:url(/images/sub/sub_ico01_pc.png) left center no-repeat;background-size:cover ;}
#sub_visual_wrap .txt_wrap .sub_list li:last-child::before{display: none;}


/* tab_menu */
.tab_menu {position: relative;display: block; width:100%; height:41px;background: linear-gradient(to right, #2666ae 30%, #FFF 70%);border-bottom: 1px solid #ddd;line-height: 1;}
.tab_menu .inner{position:relative; display: flex; height:40px;background:#fff;padding: 0;}
.tab_menu .on .arrow02{background: url(/images/sub/sub_ico05_pc.png)center no-repeat;}
.tab_menu .home{display: none;width: 80px; height: 70px; background: url(/images/sub/sub_ico02_pc.png)center no-repeat #2666ae;}
.tab_menu .menu {display: flex;width: 100%; height:100%;}
.tab_menu .menu > li{position:relative; flex:1;min-width:auto; height:100%; background:url("/images/sub/sub_ico03_pc.png") center right 10px no-repeat; background-size:12px auto;}
.tab_menu .menu > li.on {background:url("/images/sub/sub_ico04_pc.png") center right 10px no-repeat; background-size:12px auto;}
.tab_menu .menu > li > a {display:flex; align-items:center;padding: 0 40px 0 10px; width:100%; height:100%; font-size: 13px; color:#222; font-weight: 500; text-indent:0;border-right:1px solid #ddd ;}
.tab_menu .menu > li:nth-child(2) > a{border-right: 0; line-height: 1.4;}
.tab_menu .menu > li ul {display:none; position:absolute;width:100%; top:100%; left:0; background-color:#fff;z-index:2000;border: 1px solid #ddd;padding: 15px 0;}
.tab_menu .menu > li ul li{margin-bottom: 30px;}
.tab_menu .menu > li ul li:last-child{margin-bottom: 0;}
.tab_menu .menu > li ul li a {display:block;transition:.3s;font-size:13px; color:#555;font-weight: 500;padding:0 10px;border: 1px solid transparent;}



#sub_contents{padding:40px 0;}
#sub_contents .contop h3{font-weight: 500;font-size: 18px;line-height: 1;margin-bottom: 40px;text-align: center;color: #222;}

.sub_con{margin-bottom:30px;}
.sub_con:last-child{margin-bottom:0;}

.list01 li{position:relative; padding-left:15px; font-size:12px; color:#555; margin-bottom:5px;}
.list01 li::before{position:absolute; content:''; width:3px; height:3px; border-radius:50%; left:0; top:7px; background:#2666ae;}
.list01 li:last-child{margin-bottom:0;}

h5.h5_tit{position:relative; font-size:20px; color:#222; padding-left:25px; margin-bottom:15px;}
h5.h5_tit::before{position:absolute; content:''; width:16px; height:16px; background:url('/images/sub/h5_tit.png')no-repeat; left:0; top:15px; background-size:cover;}

.tbl01{width:100%; border-top:2px solid #002854;}
.tbl01 th{padding:10px; font-size:12px; color:#222; background:#f5f5f5; border-bottom:1px solid #ddd;/*border-right:1px solid #ddd;*/}
.tbl01 td{padding:10px; font-size:12px; color:#555; border-bottom:1px solid #ddd;/* border-right:1px solid #ddd;*/}
.tbl01 td:last-child{border-right:none;}

/* sub0101 */
.sub0101_wrap{display:flex; flex-wrap:wrap; align-items:center; gap:30px; background:url('/images/sub/sub0101_bg.png')right bottom no-repeat; background-size:160px;}
.sub0101_wrap .txt_wrap{width:100%;}
.sub0101_wrap .txt_wrap span{position:relative; display:block; font-size:13px; color:#2666ae;}
.sub0101_wrap .txt_wrap span::before{position:absolute; content:''; width:14px; height:14px; background:rgba(38,102,174,.1); z-index:-10; border-radius:50%; left:-7px; top:-3px;}
.sub0101_wrap .txt_wrap strong{display:block; font-size:15px; color:#222;}
.sub0101_wrap .txt_wrap p{font-size:12px; word-break:keep-all; margin-top:10px; color:#555;}
.sub0101_wrap .txt_wrap em{position:relative; display:block; padding-left:15px; margin-top:30px; color:#222; font-size:13px;}
.sub0101_wrap .txt_wrap em::before{position:absolute; content:''; width:3px; height:13px; background:#2666ae; left:0; top:50%; transform:translateY(-50%);}

/* sub0103 */
.sub0103_wrap:nth-child(1) .sub_con {overflow: auto;}
.history_wrap div{padding:20px 0; border-bottom:1px dashed #ddd; display:flex; align-items:flex-start; flex-direction:column;}
.history_wrap div:first-child{padding:0 0 20px;}
.history_wrap div:last-child{border-bottom:0px dashed #ddd; padding:20px 0 0;}
.history_wrap div strong{display:inline-block; font-size:20px; color:#002854;}
.history_wrap div .list01{margin-top:10px; width:100%; padding-left:10px;}

/* sub0105 */
/* .sub0105_wrap .map_wrap{position: relative; width: 100%; padding-bottom:50%; overflow: hidden;}
.sub0105_wrap .map_wrap iframe{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height:100%; max-width: 100%; max-height: 100%; } */
.sub0105_wrap .map_wrap iframe {width:100%; height:300px;}
.sub0105_wrap .tbl01{margin-top:15px;}
.sub0105_wrap .tbl01 li{display:flex; align-items:center; flex-wrap:wrap; gap:2px; margin-bottom:5px;}
.sub0105_wrap .tbl01 li:last-child{margin-bottom:0;}
.sub0105_wrap .tbl01 li span{display:flex; align-items:center; gap:2px;}
.sub0105_wrap .tbl01 li span em{display:inline-block; width:14px; height:14px; color:#fff; border-radius:50%; line-height:14px; text-align:center;  font-size:10px;}
.sub0105_wrap .tbl01 li span em.c1{background:#0f218b;}
.sub0105_wrap .tbl01 li span em.c2{background:#008837;}
.sub0105_wrap .tbl01 li span em.c3{background:#4b007d;}
.sub0105_wrap .tbl01 li span em.c4{background:#eb6600;}

/* sub0201 */
.sub0201_wrap .con01 {margin-bottom:60px;}
.sub0201_wrap .con01 .inner02 {width:100%; margin:0 auto; padding: 0 2.66%;}
.sub0201_wrap .con01 .country_wrap {border-bottom:1px solid #ddd;margin-bottom:40px;}
.sub0201_wrap .con01 .country_wrap:last-child {border-bottom:none;}
.sub0201_wrap .con01 .con_box {display:block; gap:60px; margin-bottom:40px;}
.sub0201_wrap .con01 .con_box .map_wrap iframe {width:100%; height:300px;}
.sub0201_wrap .con01 .con_box .txt_wrap {}
.sub0201_wrap .con01 .con_box .txt_wrap strong {font-size:17px; margin:15px 0; display:block; color:#004ba0;}
.sub0201_wrap .con01 .con_box .txt_wrap ul.infor_box01 {margin-bottom:30px;}
.sub0201_wrap .con01 .con_box .txt_wrap ul.infor_box01 li {display:flex; margin-bottom:15px;}
.sub0201_wrap .con01 .con_box .txt_wrap ul.infor_box01 li span {display:inline-block; font-weight:600; font-size:14px; width:20%; color:#222;}
.sub0201_wrap .con01 .con_box .txt_wrap ul.infor_box01 li p {font-size:12px; color:#555; width:80%; word-break:keep-all;}

.sub0201_wrap .con01 .con_box .txt_wrap .card_box {box-shadow: 2px 2px 20px rgb(0 0 0 / 10%); padding:15px; border-radius:10px;
background-image: url(/images/sub/sub0201_bg.png) , url(/images/sub/sub0201_logo.png);  background-repeat:no-repeat; background-position:bottom left , 95% 80%; background-size:contain , 30%}
.sub0201_wrap .con01 .con_box .txt_wrap .card_box .name_wrap {}
.sub0201_wrap .con01 .con_box .txt_wrap .card_box .name_wrap em {font-size:12px; color:#004ba0; margin-bottom:-3px; display:block;}
.sub0201_wrap .con01 .con_box .txt_wrap .card_box .name_wrap strong {font-size:15px; color:#222; margin-bottom:5px; margin-top:0;}
.sub0201_wrap .con01 .con_box .txt_wrap .card_box .name_wrap strong b {display:inline-block; color:#959595; font-weight:500; font-size:12px; padding-left:10px;}
.sub0201_wrap .con01 .con_box .txt_wrap .card_box ul.infor_box02 li {display:flex; margin-bottom:0; align-items: center; }
.sub0201_wrap .con01 .con_box .txt_wrap .card_box ul.infor_box02 li:last-child {margin-bottom:0;}
.sub0201_wrap .con01 .con_box .txt_wrap .card_box ul.infor_box02 li span {display:inline-block; font-weight:600; font-size:12px;  color:#222; width:15%;}
.sub0201_wrap .con01 .con_box .txt_wrap .card_box ul.infor_box02 li p {font-size:12px; color:#555; word-break:keep-all; width:85%;}

.sub0201_wrap .con02 .con_box {background:#f2f6fa; padding:40px 10px; }
.sub0201_wrap .con02 .con_box strong {display:block; font-size:16px; color:#222; text-align:center; margin-bottom:40px;}
.sub0201_wrap .con02 .con_box strong b {color:#004ba0;}
.sub0201_wrap .con02 .con_box strong i {display:inline-block;}
.sub0201_wrap .con02 .con_box .img_wrap img {margin:0 auto;}

h5.h5_tit02 {position: relative; font-size: 20px; color: #222; margin-bottom:20px; text-align:center; margin-bottom:40px;}
h5.h5_tit02::before {position: absolute; content: ""; width: 40px; height: 3px; left: 0; bottom: -15px; background:#004ba0; border-radius:3px; position: absolute; left: 50%; transform: translateX(-50%);}

h6.h6_tit {position:relative; margin-bottom:25px; padding-left:42px; font-size:18px; color:#222; word-break:keep-all;  }
h6.h6_tit::before {position:absolute; content:''; background: url('/images/sub/tit_icon.png')center no-repeat; width:28px; height:28px; top: 50%; left:0; transform: translateY(-50%);}


/* sub0302 */
.sub0302_wrap .con_box {display:block; align-items:center;}
.sub0302_wrap .con_box:nth-child(odd) {flex-direction: row-reverse}
.sub0302_wrap .con_box .img_wrap img {width:100%;}
.sub0302_wrap .con_box .txt_wrap {padding-left:0; padding-top:10px; padding-bottom:30px;}
.sub0302_wrap .con_box:nth-child(odd) .txt_wrap {padding-right:0; padding-left:0;}
.sub0302_wrap .con_box .txt_wrap strong {font-size:16px; color:#222;margin-bottom:30px; display:block; position: relative;}
.sub0302_wrap .con_box .txt_wrap strong::before {position: absolute; content: ""; width: 30px; height: 3px; left: 0; bottom: -15px; background:#2666ae; border-radius:3px; }
.sub0302_wrap .con_box .txt_wrap .txt_box {margin-bottom:10px;}
.sub0302_wrap .con_box .txt_wrap .txt_box:last-child {margin-bottom:0;}
.sub0302_wrap .con_box .txt_wrap .txt_box em {font-weight:600; font-size:13px; color:#e60012;}
.sub0302_wrap .con_box .txt_wrap .txt_box p {font-size:12px; word-break:keep-all;color:#555; line-height:1.5;}
.sub0302_wrap .con_box .txt_wrap .txt_box p i {display:block;}

/* sub0303 */
.sub0303_wrap .con .con_top {background: url(/images/sub/sub0303_bg01.jpg)no-repeat center;}
.sub0303_wrap .con .con_top p i {display:inline-block;}
.sub0303_wrap .con .con_box {background:none;}
.sub0303_wrap .con .con_box .p_sub {margin-top: 50px; text-align:center; height:50px; font-size:13px; line-height:1.4;}
.sub0303_wrap .con .con_box .txt_wrap {width: 100%; background: #fafafa; border: 1px solid #c1c1c1;padding: 15px;font-size: 16px; color: #555;}
.sub0303_wrap .con .con_box .txt_wrap strong {font-size:18px; display:block; margin-bottom:5px; color:#002854;}
.sub0303_wrap .con .con_box .txt_wrap ul {display:flex; gap:10px 30px; align-items:center; margin-bottom:20px; flex-wrap:wrap;}
.sub0303_wrap .con .con_box .txt_wrap ul li {font-size:12px; width:40%; text-align:center; padding:10px; box-shadow: 2px 2px 20px rgb(0 0 0 / 10%);position: relative;}
.sub0303_wrap .con .con_box .txt_wrap ul li:before {position: absolute; right: -24px; top: 50%; transform: translateY(-50%); content: '';
 background: url(/images/sub/sub0305_arw03.png)no-repeat center; width: 17px; height: 13px; background-size:contain;}
 .sub0303_wrap .con .con_box .txt_wrap ul li:last-child:before {display:none;}
.sub0303_wrap .con .con_box .txt_wrap ul li:last-child:before {display:none;}
.sub0303_wrap .con .con_box .txt_wrap p {font-size:12px; color:#555; }

.sub0303_wrap .con .con_box02 .txt_wrap ul {display:flex; gap:10px 30px; align-items:center; margin-bottom:20px;}
.sub0303_wrap .con .con_box02 .txt_wrap ul li {font-size:12px; width:40%; text-align:center; padding:10px; box-shadow: 2px 2px 20px rgb(0 0 0 / 10%);position: relative;}

.sub0303_wrap .con .con_box03 .txt_wrap ul {display:flex; gap:10px 30px; align-items:center; margin-bottom:20px;}
.sub0303_wrap .con .con_box03 .txt_wrap ul li {font-size:12px; width:100%; text-align:center; padding:10px; box-shadow: 2px 2px 20px rgb(0 0 0 / 10%);position: relative;}
.sub0303_wrap .con .con_box03 .txt_wrap ul li:first-child {width:30%;}
.sub0303_wrap .con .con_box03 .txt_wrap ul li:last-child {width:70%;}
.sub0303_wrap .con .con_box .txt_wrap ul li:before {position: absolute; right: -24px; top: 50%; transform: translateY(-50%); content: '';
 background: url(/images/sub/sub0305_arw03.png)no-repeat center; width: 17px; height: 13px; background-size:contain;}

/* sub0305 */
.sub0305_wrap .con {margin-top:40px;}
.sub0305_wrap .con:first-child {margin-top:0;}
.sub0305_wrap .con p, .sub0305_wrap .con li {word-break:keep-all;}
.sub0305_wrap .con .con_top {background:url(/images/sub/sub0305_bg01.jpg)no-repeat center;width:100%;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px;}
.sub0305_wrap .con .con_top > p {font-size:12px;color:#fff;font-weight:500;}
.sub0305_wrap .con .con_top > p br {display:none;}
.sub0305_wrap .con .con_top > p:nth-child(2) {margin-top:20px;}
.sub0305_wrap .con .con_top > p > em {display: block;}
.sub0305_wrap .con .con_top > p > span {position:relative; display: inline-block;}
.sub0305_wrap .con .con_top > p > span:before {position:absolute;left:-1px;top:-1px;content:'';width:calc(100% + 2px );height:20px;background:rgba(255,255,255,0.3);}
.sub0305_wrap .con .p_box {width:100%;background:#fafafa;border:1px solid #c1c1c1;padding:15px;font-size:12px;color:#555;}
.sub0305_wrap .con .box_wrap {display:flex;align-items: center;gap:15px;margin-top:40px;flex-direction: column;}
.sub0305_wrap .con .box_wrap .box {width:100%;}
.sub0305_wrap .con .box_wrap .box .p_tit {width:100%;height:45px;background:#2666ae;border-radius:30px;font-size:12px;color:#fff;font-weight:600;display:flex;justify-content:center;align-items:center;}
.sub0305_wrap .con .box_wrap .box:nth-child(3) .p_tit {background:#ccdbec;color:#002854;}
.sub0305_wrap .con .box_wrap .box .sub_tit {width:100%;height:50px;background:#fafafa;border:1px solid #c1c1c1;font-size:12px;color:#2666ae;font-weight:500;display:flex;align-items:center;padding-left:10px;margin-top:10px;}
.sub0305_wrap .con .box_wrap .box .ul_list {margin-top:10px;}
.sub0305_wrap .con .box_wrap .box .ul_list > li {font-size:12px;color:#555;width:100%;height:50px;padding-left:10px;background:#fff;border:1px solid #c1c1c1;display:flex;align-items:center;margin-top:-1px;}
.sub0305_wrap .con .box_wrap .box02 {position:relative;padding:40px 0;}
.sub0305_wrap .con .box_wrap .box02:before {position:absolute;left:30%;top:0;content:'';background:url(/images/sub/sub0305_arw01.png)no-repeat center;width:16px;height:28px;background-size:cover;transform: rotate(-270deg) translateY(-50%);}
.sub0305_wrap .con .box_wrap .box02:after {position:absolute;right:auto;left:30%;top:auto;bottom:0;content:'';background:url(/images/sub/sub0305_arw02.png)no-repeat center;width:16px;height:28px;background-size:cover;transform: rotate(-270deg) translateY(-50%);}
.sub0305_wrap .con .box_wrap .box02 .cc_box {width:120px;height:120px;border-radius:50%;background:#002854;display:flex;flex-direction:column;justify-content:center;align-items: center;margin-top:0;}
.sub0305_wrap .con .box_wrap .box02 .cc_box > p {font-size:12px;color:#fff;padding-top:10px;}
.sub0305_wrap .con .box_wrap .box02 .cc_box > img {width:45px;}
.sub0305_wrap .con .con_box {background:url(/images/sub/sub0305_bg02.png)no-repeat center top;margin-top:40px;background-size:100%;}
.sub0305_wrap .con .con_box .box_wrap02 {display:flex;flex-wrap:wrap;gap:40px 30px;justify-content: flex-end;padding-top:40px;flex-direction: column;}
.sub0305_wrap .con .con_box .box_wrap02 .box03 {position:relative;width:100%;}
.sub0305_wrap .con .con_box .box_wrap02 .box03:nth-child(1):before {content:'';}
.sub0305_wrap .con .con_box .box_wrap02 .box03:nth-child(5):before {content:none;}
.sub0305_wrap .con .con_box .box_wrap02 .box03:before {position:absolute;left:50%;top:auto;bottom:-30px;transform:translateX(-50%);content:'';background:url(/images/sub/sub0305_arw04.png)no-repeat center;width:15px;height:20px;}
.sub0305_wrap .con .con_box .box_wrap02 .box03 > .p_tit {position:relative;width:100%;height:30px;font-size:12px;color:#fff;display:flex;justify-content:center;align-items:center;background:#002854;border-radius:5px;}
.sub0305_wrap .con .con_box .box_wrap02 .box03 > .p_tit:before {position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);content:'';width:12px;height:12px;background:rgba(255,255,255,0.6);border-radius:50%;z-index:99;}
.sub0305_wrap .con .con_box .box_wrap02 .box03 > .p_tit:after{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);content:'';width:6px;height:6px;background:#002854;border-radius:50%;z-index:100;}
.sub0305_wrap .con .con_box .box_wrap02 .box03 > .p_txt {position:relative;width:100%;padding:15px;text-align:center;font-size:12px;color:#555;background:rgba(250,250,250,0.7);border:1px solid #c1c1c1;margin-top:20px;}
.sub0305_wrap .con .con_box .box_wrap02 .box03 > .p_txt:before {position:absolute;left:50%;top:-21px;content:'';width:1px;height:20px;background:#999;}
.sub0305_wrap .con .con_box .p_sub {margin-top:40px;width:100%;height:40px;background:rgba(38,102,174,0.2);display:flex;justify-content:center;align-items:center;font-size:12px;color:#002854;font-weight:600;}
.sub0305_wrap .con .con_box > .img_wrap {margin-top:20px;}
.sub0305_wrap .con .con_box > .img_wrap > img {width:100%;}

/* sub0503 */
.sub0503_wrap .con {margin-top:40px;}
.sub0503_wrap .con:first-child {margin-top:0;}
.sub0503_wrap .con p, .sub0503_wrap .con li {word-break:keep-all;}
.sub0503_wrap .con .con_top {text-align:center;}
.sub0503_wrap .con .con_top > p {font-size:14px;color:#002854;font-weight:500;margin-top:40px;}
.sub0503_wrap .con .con_top > img {width:100px;}
.sub0503_wrap .con .box_wrap {display:flex;flex-direction: column;gap:10px;}
.sub0503_wrap .con .box_wrap .box {width:100%;border:1px solid #c1c1c1;padding:20px;background:url(/images/sub/sub0503_bg02.png)no-repeat bottom 20px right 20px #fafafa;}
.sub0503_wrap .con .box_wrap .box > span {font-size:13px;color:#2666ae;font-weight:600;}
.sub0503_wrap .con .box_wrap .box > p {font-size:12px;color:#555;padding-top:10px;}
.sub0503_wrap .con .ul_box {display:flex;gap:10px;flex-wrap:wrap;}
.sub0503_wrap .con .ul_box > li {width:100%;height:auto;display:flex;flex-direction: column;}
.sub0503_wrap .con .ul_box > li .tit01 {display:flex;align-items: center;gap:10px;width:100%;padding:15px 20px;background:url(/images/sub/sub0503_ico01.png)no-repeat bottom 10px right 10px #002854;background-size:40px;}
.sub0503_wrap .con .ul_box > li:nth-child(2) .tit01 {background:url(/images/sub/sub0503_ico02.png)no-repeat bottom 10px right 10px #002854;background-size:40px;}
.sub0503_wrap .con .ul_box > li:nth-child(3) .tit01 {background:url(/images/sub/sub0503_ico03.png)no-repeat bottom 10px right 10px #002854;background-size:40px;}
.sub0503_wrap .con .ul_box > li:nth-child(4) .tit01 {background:url(/images/sub/sub0503_ico04.png)no-repeat bottom 10px right 10px #002854;background-size:40px;}
.sub0503_wrap .con .ul_box > li:nth-child(5) .tit01 {background:url(/images/sub/sub0503_ico05.png)no-repeat bottom 10px right 10px #002854;background-size:40px;}
.sub0503_wrap .con .ul_box > li:nth-child(6) .tit01 {background:url(/images/sub/sub0503_ico06.png)no-repeat bottom 10px right 10px #002854;background-size:40px;}
.sub0503_wrap .con .ul_box > li .tit01 > span {font-size:12px;color:#fff;}
.sub0503_wrap .con .ul_box > li .tit01 > p {font-size:13px;color:#fff;font-weight:500;}
.sub0503_wrap .con .ul_box > li .txt01 {width:100%;background:#fafafa;border:1px solid #c1c1c1;padding:15px 20px;}
.sub0503_wrap .con .ul_box > li .txt01 > p {position:relative;padding-top:10px;font-size:12px;color:#222;}
.sub0503_wrap .con .ul_box > li .txt01 > p:before {position:absolute;left:0;top:0;content:'';width:10px;height:1px;background:#222;}
.sub0503_wrap .con .step_box {position:relative;display:flex;justify-content: space-between;}
.sub0503_wrap .con .step_box:before {position:absolute;left:50%;top:50%;transform:translateX(-50%);content:'';width:100%;height:1px;background:#ddd;z-index:-1;}
.sub0503_wrap .con .step_box .step {width:88px;height:88px;background:#fff;border-radius:50%;border:1px solid #2666ae;display:flex;flex-direction: column;justify-content:center;align-items:center;}
.sub0503_wrap .con .step_box .step > span {font-size:12px;color:#222;}
.sub0503_wrap .con .step_box .step > p {font-size:10px;color:#2666ae;font-weight:600;}
.sub0503_wrap .con .step_box .step:last-child {background:#2666ae;}
.sub0503_wrap .con .step_box .step:last-child > span {color:#fff;}
.sub0503_wrap .con .step_box .step:last-child > p {color:#fff;}
.sub0503_wrap .con .btn_wrap {width:220px;height:45px;background:#002854;}
.sub0503_wrap .con .btn_wrap > a {width:100%;height:45px;font-size:12px;color:#fff;display:flex;justify-content:center;align-items: center;gap:10px;}
.sub0503_wrap .con .btn_wrap > a > img {width:12px;}

}