@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:1024px; min-width: 375px; margin:0 auto; overflow:hidden;}
.inner{width:100%; margin:0 auto; padding: 0 2.6%; }

#header{position: absolute;transition:.2s;width: 100%;left: 0;top: 0;line-height: 1;border-bottom: 0px solid rgba(255,255,255,.2);z-index: 5000;background: #fff;}
#header .inner{display: flex;height: 60px; justify-content: space-between;align-items:center;}
#header h1 a{display: block;transition:.2s;width: 143px;height: 35px;background:url(/images/main/main_logo01_mob.png)center no-repeat;background-size:cover ;}

#header .right_box{display: flex;gap:30px;align-items:center;}
#header .right_box .lang{display: none;position: relative;}
#header .right_box .lang button{position: relative;transition:.2s;padding: 0 36px 0 5px;font-size: 15px;font-weight: 600;color: #fff;}
#header .right_box .lang button:after{content:'';transition:.2s;position: absolute;right: 10px;top: 50%;transform:translateY(-50%);width: 6px;height: 5px;background:url(/images/main/main_h_ico02_pc.png)center no-repeat;background-size:cover ;}
#header .right_box .lang ul{display: none;position: absolute;top: 110%;left: 0;width: 100%;padding: 10px 0;background: rgba(0,0,0,.6);}
#header .right_box .lang ul li:nth-child(1){margin-bottom: 10px;}
#header .right_box .lang ul li a{display: block;font-size: 15px;text-align: center;color: #fff;}

#header .right_box .btn_box button{width: 25px;transition:.2s;height: 15px;background:url(/images/main/main_btn01_pc.png)center no-repeat;background-size:cover ;}
#header .right_box .btn_box .pc_btn{display: none;}
#header .right_box .btn_box .tab_btn{display: block;}

#header.on02{background: #f5f5f5;}
#header.on02 h1 a{background:url(/images/main/main_logo01_pc.png)center no-repeat;background-size:cover ;}
#header.on .right_box .lang button{color: #222;}
#header.on .right_box .lang button:after{background:url(/images/main/main_h_ico01_pc.png)center no-repeat;background-size:cover ;}
#header.on02 .right_box .btn_box button{width: 15px;height: 15px;background:url(/images/main/main_btn02_tab.png)center no-repeat;background-size:cover ;}
#header.on .gnb li span a{color: #222;}

/* gnb */
.gnb{position: absolute;display: none;top: 0;left: 50%;transform:translateX(-50%);}
.gnb li{position: relative;}
.gnb li span a{position: relative;transition:.3s;display: block;transition:.2s;height: 100%;padding: 0 28px;text-align: center;line-height: 100px;font-size: 16px; color: #fff; font-weight: 400;transition:.2s;}
.gnb li span a:after{content:'';position: absolute;bottom: 0px;left: 50%;width: 50px;height: 2px;background: #0068b7;z-index: 1000;transform:translateX(-50%);opacity: 0;transition:.3s;}
.gnb li:hover span a:after{opacity: 1;}
.gnb .lnb_sub{display: none;position: absolute;z-index: 100;left: 50%; transform: translateX(-50%); top: 100%;border-top: 1px solid #ddd;}
.gnb .lnb_sub .sub_menu{position: relative;background: #fff;width: 180px;padding: 20px 0;}
.gnb .lnb_sub li{margin-bottom: 20px;}
.gnb .lnb_sub li:last-child{margin-bottom: 0;}
.gnb .lnb_sub li a{display: block;font-size: 16px; color: #555;transition:.3s;line-height: 1;text-align: center;}


/* all_menu */
.gnb_wrap{display: none;position: absolute;width: 100%;left: 0;top: 0;line-height: 1;height: 100vh;background:url(/images/main/main_a_bg01_pc.png)bottom right no-repeat #f5f5f5;z-index: 6000;}
.gnb_wrap .all_box{padding-top: 200px;}
.gnb_wrap .all_box .inner{display: flex; justify-content: space-between;}
.gnb_wrap .all_box h2{font-size: 35px;font-weight: 600;color: #222;padding-top: 20px;}
.gnb_wrap .all_box .all_menu{display: flex;flex-wrap:wrap;width: 1125px;gap:60px 0;}
.gnb_wrap .all_box .all_menu > li{width: calc((100% )/3);border-left: 1px solid #ddd;height: 300px;padding: 20px 0 0 50px;}
.gnb_wrap .all_box .all_menu > li:nth-child(3n){border-right: 1px solid #ddd;}
.gnb_wrap .all_box .all_menu > li h3{margin-bottom: 35px;}
.gnb_wrap .all_box .all_menu > li h3 a{font-size: 35px;font-weight: 600;color: #222;}
.gnb_wrap .all_box .all_menu > li ul li:not(:last-child){margin-bottom: 17px;}
.gnb_wrap .all_box .all_menu > li ul li a{font-size: 19px;color: #777;}



/* navigation */
.navigation{position:absolute;display:none;padding: 50px 0 225px;min-height: 750px;top: 60px;z-index:7000;width:100%;background:url(/images/main/main_a_bg01_tab.png)bottom right no-repeat #f5f5f5;background-size:220px auto;right: 0px;}
.navigation h3{margin-top: 35px;}
.navigation h3 a{display: block;line-height: 1;font-size: 20px;font-weight: 600;color: #222;text-align: center;}
.navigation ul{margin-top: 25px;}
.navigation ul li:not(:last-child){margin-bottom: 25px;}
.navigation ul li a{display: block;line-height: 1;font-size: 13px;color: #777;text-align: center;}
.navigation .lang_box{display: flex;margin-top: 80px;align-items:center;justify-content: center;gap:20px;}
.navigation .lang_box a{position: relative;font-size: 13px;color: #888;}
.navigation .lang_box a:nth-child(1):after{content:'';position: absolute;right: -11px;top: 50%;transform:translateY(-50%);width: 1px;height: 11px;background: #cccccc;}

#visual_wrap{position: relative;line-height: 1;margin-top: 60px;}
#visual_wrap ul li{position: relative;}
#visual_wrap ul li .txt{position: absolute;left: 0;width: 100%;top: 50%;transform:translateY(-50%);color: #fff;text-align: center;}
#visual_wrap ul li .txt p{font-size: 28px;font-weight: 600;line-height: 40px;margin-bottom: 35px;}
#visual_wrap ul li .txt p:after{content:'';position: absolute;left: 50%;transform:translateX(-50%);width: 45px;height: 2px;background: #fff;bottom: -19px;}
#visual_wrap ul li .txt p em{display: block;}
#visual_wrap ul li .txt span{display: block;font-size: 13px;font-weight: 500;line-height: 20px;}
#visual_wrap ul li .txt span em{display: block;}

#visual_wrap .visual_items{display: flex;position: absolute;gap:15px;bottom: 40px;left: 2.6%;z-index: 1000;align-items:center;}
#visual_wrap .visual_items .pagination{display: flex;gap:5px;}
#visual_wrap .visual_items .pagination img{width: 25px;}
#visual_wrap .visual_items .visual_num{display: flex;gap:10px;align-items:center;}
#visual_wrap .visual_items .visual_num .current{font-size: 12px;font-weight: 600;color: #fff;}
#visual_wrap .visual_items .visual_num em{display: block;width: 14px;height: 2px;background: #fff;opacity: .5;}
#visual_wrap .visual_items .visual_num .total{font-size: 12px;color: #fff;opacity: .5;}


/* 공통 */
h2.main_tit01{font-size: 30px;font-weight: 700;color: #222;}
h2.main_tit01 span{color: #0068b7;}


#section01{line-height: 1;padding: 60px 0;background:url(/images/main/main_bg01_mob.jpg)bottom right no-repeat;background-size:cover ;}
#section01 .tit_box {margin-bottom: 35px;}
#section01 .tit_box h2{text-align: center;margin-bottom: 30px;}
#section01 .tit_box p{font-size: 13px;color: #222;opacity: .6;text-align: center;}
#section01 ul{display: flex;}
#section01 ul.pc_list{display: none;}
#section01 ul.tab_list{display: block;}
#section01 ul li{position: relative;overflow:hidden;}
#section01 ul li img{transition:.5s;width: 100%;}
#section01 ul li:hover > img{transform:scale(1);}
#section01 ul li a{position: relative;}
#section01 ul li .box{position: absolute;padding-left: 30px;left: 0;top: 0;display: flex;width: 100%;height: 100%;gap:20px;align-items:center;justify-content: flex-start;flex-direction: inherit;}
#section01 ul li .box .ico_box{margin-bottom: 0px;}
#section01 ul li:nth-child(1) .box .ico_box img{width: 33px;}
#section01 ul li:nth-child(2) .box .ico_box img{width: 43.5px;}
#section01 ul li:nth-child(3) .box .ico_box img{width: 37.5px;}
#section01 ul li .box p{font-size: 16px;font-weight: 600;color: #fff;margin-bottom: 7px;text-align: left;}
#section01 ul li .box span{font-size: 12px;color: #fff;opacity: .6;}
#section01 ul li .box a{display: none;height: 0;transition:.5s;overflow:hidden;margin: 0;width: 150px;line-height: 38px;text-align: center;font-size: 13px;color: #fff;opacity: .6;}
#section01 ul li:hover .box a{height: 0px;margin-top:28px;border: 0px solid #fff;}



#section02{line-height: 1;padding: 60px 0;background:url(/images/main/main_bg02_mob.jpg)left center no-repeat;background-size:50% 100%;}
#section02 .inner{display: block; justify-content: space-between;align-items:center;}
#section02 .con01{margin-bottom: 35px;}
#section02 .con01 h2{line-height:1;margin-bottom:25px;text-align: center;}
#section02 .con01 h2 br{display: none;}
#section02 .con01 p{font-size: 13px;line-height: 1.3;color: #999;text-align: center;}
#section02 .con01 p br{display: none}
#section02 .con01 p span{display: none;}

#section02 .con02{width: 100%;overflow-X:scroll;}
#section02 .con02::-webkit-scrollbar{display:none;}
#section02 .con02 ul{display: flex;gap:10px;width: max-content;}
#section02 .con02 ul li{width: 200px;}
#section02 .con02 ul li a{position: relative;}
#section02 .con02 ul li a .img_box{position:relative; width:100%; padding-bottom:150%;}
#section02 .con02 ul li a .img_box img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%}
#section02 .con02 ul li a p{position: absolute;bottom: 20px;left: 20px;font-size: 18px;color: #fff;font-weight: 700;}
#section02 .con02 ul li a .more_box{display: none;position: absolute;transition:.4s;opacity: 0;width: 100%;height: 100%;top: 0;left: 0;gap:20px;align-items:center;justify-content: center;flex-direction: column;background: rgba(0,104,183,.7);}
#section02 .con02 ul li a:hover .more_box{opacity: 0;}
#section02 .con02 ul li a .more_box span{font-size: 18px;font-weight: 600;color: #fff;}


#section03{line-height: 1;height:348px;padding-top: 40px;color: #fff;background:url(/images/main/main_bg03_mob.jpg)center no-repeat;background-size:cover ;}
#section03 strong{display: block;font-size: 30px;line-height: 38px;font-weight: 400;margin-bottom: 12px;}
#section03 strong em{font-weight: 600;}
#section03 strong b{display: block;}
#section03 p{font-size: 12px;line-height: 20px;margin-bottom: 25px;}
#section03 p em{display: none;}
#section03 p br{display: none;}
#section03 p b{display: block;}
#section03 a{display: flex;gap:10px;width: 210px;height: 40px;background: #0068b7;align-items:center;justify-content: center;}
#section03 a span{font-size: 12px;color: #fff;}
#section03 a img{width: 11.5px;}


#section04{line-height: 1;padding: 60px 0;background:url(/images/main/main_bg04_mob.png)bottom center no-repeat;background-size:auto 300px;}
#section04 .con01{display: block;margin-bottom: 30px; justify-content: space-between;}
#section04 .con01 h2{text-align: center;}
#section04 .con01 p{font-size: 13px;color: #999;margin-top: 25px;line-height: 20px;text-align: center;}
#section04 .con01 p br{display: none;}
#section04 .con01 p b{display: block;}

#section04 .con02 ul{display: block;gap:60px;}
#section04 .con02 ul li{display: flex;width:100%;box-shadow: 3px 3px 40px 0px rgba(3,72,167,.09);height: 150px;margin-bottom: 10px;background: #fff;align-items:center;}
#section04 .con02 ul li:last-child{margin-bottom: 0;}
#section04 .con02 ul li .img_wrap{width: 130px;}
#section04 .con02 ul li .img_box{position:relative; width:100%; padding-bottom:115.769%;}
#section04 .con02 ul li .img_box img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%}
#section04 .con02 ul li .txt{width: calc(100% - 130px);height: auto;background: #fff;padding: 0 25px 0 25px;transition:.4s;}
#section04 .con02 ul li .txt strong{display: block;font-size: 15px;color: #222;transition:.4s;font-weight: 600;margin-bottom: 10px;text-align: left;}
#section04 .con02 ul li .txt p{color: #999;font-size: 12px;line-height: 16px;transition:.4s;margin-bottom: 15px;text-align: left;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#section04 .con02 ul li .txt p br{display: none;}
#section04 .con02 ul li .txt a{display: block;margin: 0;width: 70px;transition:.4s;height: 25px;line-height: 23px;text-align: center;font-size: 10px;color: #0068b7;border: 1px solid #0068b7;}


#section04 .con02 ul li:hover .txt{background: #fff;}
#section04 .con02 ul li:hover .txt strong{color: #222;}
#section04 .con02 ul li:hover .txt p{color: #999;}
#section04 .con02 ul li:hover .txt a{border: 1px solid #0068b7;background: #fff;}


#section05{line-height: 1;padding: 30px 0;}
#section05 ul{display: flex;}
#section05 ul li{flex:1;border-right: 1px solid rgba(0,0,0,.10);}
#section05 ul li:nth-child(2) {padding: 0 5px;}
#section05 ul li:last-child{border-right: 0;}
#section05 ul li a{display: flex;height: 130px;align-items:center;justify-content: center;flex-direction: column;}
#section05 ul li:nth-child(1) a .ico_box{margin-bottom: 14px;}
#section05 ul li:nth-child(2) a .ico_box{margin-bottom: 19px;}
#section05 ul li:nth-child(3) a .ico_box{margin-bottom: 15px;}
#section05 ul li:nth-child(1) a .ico_box img{width: 43.5px;}
#section05 ul li:nth-child(2) a .ico_box img{width: 55.5px;}
#section05 ul li:nth-child(3) a .ico_box img{width: 60px;}
#section05 ul li a p{position: relative;padding-right: 23px;transition:.4s;font-size: 14px;color: #999;font-weight: 600; text-align: center;}
#section05 ul li a p:after{content:'';position: absolute;transition:.4s;right: 0;top: 50%;transform:translateY(-50%);width: 18px;height: 18px;background:url(/images/main/main_ico10_pc.png)center no-repeat;background-size:cover ;}
#section05 ul li:hover a p{color: #999; text-align: center; line-height: 1.5;}
#section05 ul li:hover a p:after{background:url(/images/main/main_ico10_pc.png)center no-repeat;background-size:cover ;}



#footer{line-height: 1;padding: 25px 0 25px;background: #0068b7;color: #fff;}
#footer .inner{display: block;gap:50px;}
#footer .left a{display: flex;justify-content: center;}
#footer .left a img{width: 145px;}
#footer .right{width:100%;padding-top:13px;}
#footer .right ul{display: flex;gap:20px;padding-bottom: 13px;margin-bottom: 13px;border-bottom: 1px solid rgba(255,255,255,.3);justify-content: center;}
#footer .right ul li{position: relative;}
#footer .right ul li:nth-child(1):after{content:'';position: absolute;right: -12px;top: 50%;width: 1px;height: 10px;background: #fff;opacity: .3;transform:translateY(-50%);}
#footer .right ul li a{font-size: 11px;color: #fff;}
#footer .right address{font-size: 11px;color: rgba(255,255,255,.6);line-height: 22px;margin-bottom: 12px;text-align: center;}
#footer .right address del {display: block;}
#footer .right address em{display: block;color: #fff;}
#footer .right address span{display: inline-block;width: 1px;height: 10px;background: #fff;opacity: .4;margin: 0 8px;}
#footer .right address span:nth-child(2){display: none;}
#footer .right address span:nth-child(3){display: none;}
#footer .right address span:nth-child(5){display: none;}
#footer .right address span:nth-child(7){display: none;}

#footer .right address b{display: block;}
#footer .right address br{display: none;}
#footer .right .copy{font-size: 11px;opacity: .4;text-align: center;}

/* quick_menu */
.quick_menu {position: fixed; right:1.6%; bottom:10px; z-index: 2000;}
.quick_menu li{text-align: center;  margin-bottom: 5px;}
.quick_menu li a {display:flex;gap:5px;width: 45px;height: 45px;border-radius:50%;background: #fff; align-items:center;justify-content: center;flex-direction: column; box-shadow: 0 5px 10px 0 rgba(53, 53, 55, .2);}
.quick_menu li a.quick01{border: 1px solid rgba(255,255,255,.3); width: 70px; height: 70px; border-radius:10px; background:#0068b7 url('/images/main/quick_bg.png') no-repeat right bottom; background-size:35px ;}
.quick_menu li p {font-size: 11px;color: #fff;line-height: 10px;}
.quick_menu li p img {width: 14px;}
.quick_menu li span{font-size: 15px; color: #fff; line-height: 1.3; padding-top:0;}


/* sub */
#sub_visual_wrap { position:relative;}
#sub_visual_wrap .txt_wrap { position:absolute; left:0; right:0; top:47%; transform:translateY(-50%); text-align:center; line-height:1;}
#sub_visual_wrap .txt_wrap h2 { margin-bottom:25px; font-size:30px; color:#fff; font-weight:600;}
#sub_visual_wrap .txt_wrap .sub_list { display: flex;align-items:center;justify-content: center;gap:23px}
#sub_visual_wrap .txt_wrap .sub_list img{width:13px;}
#sub_visual_wrap .txt_wrap .sub_list li { position:relative;font-size:12px; color:#fff; font-weight:300;}
#sub_visual_wrap .txt_wrap .sub_list li::before { content:''; position:absolute; right:-18px; top:50%; width:2.5px; height:2.5px;border-radius:50%;background: #fff;transform:translateY(-50%);}
#sub_visual_wrap .txt_wrap .sub_list li:last-child::before{display: none;}

#sub_contents.inner_none .inner {width: 100%;}

/* tab_menu */
.tab_menu {position: relative;display: block; width:100%; height:46px;left: 0;bottom: 0px;background: linear-gradient( to right, transparent 80%, #fff 20%);}
.tab_menu .inner{position:relative; display: flex; height:45px;background:#fff;padding: 0;border-bottom:1px solid #ddd;}
.tab_menu .on .arrow02{background: url(/images/sub/sub_ico05_pc.png)center no-repeat;}
.tab_menu .home{display: none;width: 60px; height: 60px; background: url(/images/sub/sub_ico02_pc.png)center no-repeat #0068b7;}
.tab_menu .menu {display: flex;width: 100%; height:100%;}
.tab_menu .menu > li{position:relative; min-width:auto;flex:1; height:100%; background:url("/images/sub/sub_ico04_pc.png") center right 10px no-repeat; background-size:9px auto;}
.tab_menu .menu > li:after{content:'';position: absolute;right: 0px;top: 50%;width: 1px ;height: 35px;background: #ddd;transform:translateY(-50%);}
.tab_menu .menu > li:last-child:after{display: none;}
.tab_menu .menu > li.on {background:url("/images/sub/sub_ico03_pc.png") center right 10px no-repeat; background-size:9px auto;}
.tab_menu .menu > li > a {display:flex; align-items:center;padding: 0 10px 0 10px; width:100%; height:100%; font-size: 12px; color:#222; font-weight: 500; text-indent:0;}
.tab_menu .menu > li ul {display:none; position:absolute;width:100%; top:100%; left:0; background-color:#f7f7f7;z-index:2000;padding: 15px 0;}
.tab_menu .menu > li ul li{margin-bottom: 15px;}
.tab_menu .menu > li ul li:last-child{margin-bottom: 0px;}
.tab_menu .menu > li ul li a {display:block;height: auto;font-size:12px; color:#222; line-height:1; font-weight: 500;padding:0 10px;}


#sub_contents{padding: 40px 0 80px;}
#sub_contents .contop h2{font-weight: 700;font-size: 28px;line-height: 1;margin: 0 0 30px 0;text-align: center;color: #333;}

.depth03{display: none;gap:20px;margin-bottom: 50px;justify-content: center;}
.depth03 h3 a{display: block;width: 200px;height: 60px;border-radius: 60px;background: #f1f1f1;font-size: 18px;color: #666;font-weight: 500;text-align: center;line-height: 59px;}
.depth03 h3.on a{border: 1px solid #0068b7;color: #0068b7;background: #fff;}


.depth03_wrap{display: block; position:relative; z-index:1000;margin-bottom: 40px;}
.depth03_wrap .depth03_tab{position:relative; width:100%; height: 40px;}
.depth03_wrap .depth03_tab em{display:flex; align-items:center; justify-content:center; width:100%; height: 100%; font-size:12px; color:#333; line-height:1.2; border:1px solid #ddd;
background: url(/images/sub/sub_ico04_tab.png)center right 10px no-repeat #fff; background-size: 10px auto;font-weight: 500;}
.depth03_wrap .depth03_tab ul{position:absolute; display: none; padding:20px 0; width: 100%; border: 1px solid #ddd; border-top:none; background-color: #fff;}
.depth03_wrap .depth03_tab ul li ~ li { margin-top:20px;}
.depth03_wrap .depth03_tab ul li a{display: block; font-size: 12px; line-height: 1; color:#333; text-align:center;font-weight: 400;}
.depth03_wrap .depth03_tab.on em{background-image: url(/images/sub/sub_ico03_tab.png);}


/* 공통 */
a.sub_btn01{display: flex;gap:10px;width: 150px;height: 35px;background: #03c75a;align-items:center;justify-content: center;}
a.sub_btn01 span{font-size: 12px;color: #fff;}
a.sub_btn01 img{width: 12px;}

h3.sub_tit01{position: relative;padding-left: 30px;font-size: 18px;font-weight: 600;color: #222;margin-bottom: 30px;}
h3.sub_tit01:after{content:'';position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 20px;height: 15px;background:url(/images/sub/sub0101_ico01_pc.png)center no-repeat;background-size:cover ;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con01{margin-bottom: 40px;}
.sub0101_wrap .con01 p{font-size: 19.5px;font-weight: 700;color: #ccc;margin-bottom: 15px;text-align: center;}
.sub0101_wrap .con01 p em{color: #0068b7;font-weight: 700;}
.sub0101_wrap .con01 span{display: block;font-size: 15px;line-height: 25px;color: #555;text-align: center;}
.sub0101_wrap .con01 span em{display: block;}

.sub0101_wrap .con02{padding: 60px 0;background: #f9fafb;margin-bottom: 60px;}
.sub0101_wrap .con02 .box01{margin-bottom: 127px;}
.sub0101_wrap .con02 .box01 .img_box{display: none;justify-content: center;}
.sub0101_wrap .con02 .box01 .img_box img{width: 718px;}

.sub0101_wrap .con02 .box01 .mob_box{display: block;}
.sub0101_wrap .con02 .box01 .mob_box .txt01{display: flex;width: 265px;height: 265px;border-radius: 50%;background: #e0ebf4;margin: 0 auto 30px;align-items:center;justify-content: center;}
.sub0101_wrap .con02 .box01 .mob_box .txt01 p{text-align: center;font-size: 18px;color: #222;line-height: 36px;}
.sub0101_wrap .con02 .box01 .mob_box .txt01 p span{color: #0068b7;font-size: 24px;font-weight: 700;}
.sub0101_wrap .con02 .box01 .mob_box ul li:not(:last-child){margin-bottom: 30px;}
.sub0101_wrap .con02 .box01 .mob_box ul li strong{display: block;font-size: 20px;color: #0068b7;margin-bottom: 10px;}
.sub0101_wrap .con02 .box01 .mob_box ul li strong em{font-size: 14px;font-weight: 700;}
.sub0101_wrap .con02 .box01 .mob_box ul li p{font-size: 12px;line-height: 17px;color: #222;}

.sub0101_wrap .con02 .box02 ul{display: block;gap:30px;}
.sub0101_wrap .con02 .box02 ul li{width:100%;background: #fff;margin-bottom: 20px;}
.sub0101_wrap .con02 .box02 ul li:last-child{margin-bottom: 0;}
.sub0101_wrap .con02 .box02 ul li .img_box{position:relative; width:100%; padding-bottom:50.704%;}
.sub0101_wrap .con02 .box02 ul li .img_box img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%}
.sub0101_wrap .con02 .box02 ul li .txt{height: auto;padding: 25px 0;border: 1px solid #ddd;border-top: 0;text-align: center;}
.sub0101_wrap .con02 .box02 ul li .txt strong{display: block;font-size: 15px;font-weight: 600;color: #222;margin-bottom: 10px;}
.sub0101_wrap .con02 .box02 ul li .txt p{font-size: 12px;color: #555;line-height: 18px;}
.sub0101_wrap .con02 .box02 ul li .txt p br{display: block;}
.sub0101_wrap .con02 .box02 ul li .txt p b{display: none;}

.sub0101_wrap .con03 .txt01{display: flex;gap:20px;height: 70px;margin-bottom: 30px;border-radius: 15px;box-shadow: 0px 0px 20px 0px rgba(0,104,183,.12);align-items:center;justify-content: center;}
.sub0101_wrap .con03 .txt01 span{font-size: 15px;color: #555;font-weight: 600;}
.sub0101_wrap .con03 .txt01 p{font-size: 21px;font-weight: 700;color: #0068b7;}
.sub0101_wrap .con03 ul{display: block;gap:60px 40px;flex-wrap:wrap;}
.sub0101_wrap .con03 ul li{display: flex;width:100%;margin-bottom: 30px;align-items:center;justify-content: center;flex-direction: column;}
.sub0101_wrap .con03 ul li:last-child{margin-bottom: 0;}
.sub0101_wrap .con03 ul li .ico_box{margin-bottom: 15px;}
.sub0101_wrap .con03 ul li .ico_box img{width: 90px;}
.sub0101_wrap .con03 ul li strong{display: block;font-size: 18px;font-weight: 700;color: #0068b7;padding-bottom: 15px;margin-bottom: 15px;width: 100%;text-align: center;border-bottom: 2px solid #0068b7;}
.sub0101_wrap .con03 ul li p{font-size: 14px;font-weight: 600;color: #222;margin-bottom: 15px;}
.sub0101_wrap .con03 ul li span{display: block;font-size: 12px;color: #555;line-height: 1;text-align: center;}
.sub0101_wrap .con03 ul li span br{display: none;}

/* sub0102 */
.sub0102_wrap .img{text-align: right;}
.sub0102_wrap .img img.tab_img{display: none;}
.sub0102_wrap .img img.mob_img{width:calc(100% - 20px) ; display: inline-block;}
.sub0102_wrap .txt > strong{display: block; font-size:27px; font-weight: 600; color: #999; margin-top: 30px;}
.sub0102_wrap .txt > span{font-size: 17px; color: #0068b7; display: block; margin:20px 0;}
.sub0102_wrap .txt > span em{font-weight: 600;}
.sub0102_wrap .txt > p{font-size: 12px; color: #222; margin-bottom: 10px;}
.sub0102_wrap .name{text-align: right; font-size: 15px; color: #222; margin-top: 20px;} 

/* sub0103 */
.sub0103_wrap {}
.sub0103_wrap .history_wrap {position: relative; width: 100%; background: none;}
.sub0103_wrap .history_wrap p.line {position: absolute; content: ''; width: 1px; height: 100%; top: auto; left: 5%; z-index: -1; background: #ddd;}
.sub0103_wrap .history_wrap .history01 {}
.sub0103_wrap .history_wrap .right {margin-left: 5%; margin-bottom: 40px;}
.sub0103_wrap .history_wrap .right:last-child {margin-bottom: 0;}
.sub0103_wrap .history_wrap .left {margin-right: 0;  margin-left: 5%;  margin-bottom: 40px; text-align: left;}
.sub0103_wrap .history_wrap .left:last-child {margin-bottom: 0;}
.sub0103_wrap .history_wrap h5.year {font-size: 18px; color: #0068b7; font-weight: 800; position: relative; padding-left: 20px; margin-bottom: 14px;}
.sub0103_wrap .history_wrap h5.year:before {width: 16px; height: 16px; border: 4px solid #0068b7; top: 6px; left: -7px;}
.sub0103_wrap .history_wrap .left h5.year {padding-left: 20px; padding-right: 0;}
.sub0103_wrap .history_wrap .left h5.year:before {left: -7px; right: 0;}
.sub0103_wrap .history_wrap ul.his_li01 {padding-left: 20px;}
.sub0103_wrap .history_wrap .left ul.his_li01 {padding-left: 20px; padding-right: 0;}
.sub0103_wrap .history_wrap ul.his_li01 li {display: flex;margin-bottom: 14px;}
.sub0103_wrap .history_wrap ul.his_li01 li:last-child {margin-bottom: 0;}
.sub0103_wrap .history_wrap ul.his_li01 li span.month {display: block;width: 20px;font-size: 14px; color: #333; font-weight: 600; float: initial; margin-top: -2px;}
.sub0103_wrap .history_wrap .left ul.his_li01 li span.month {display: block;width: 20px;float: initial;right: auto;left: 0;}
.sub0103_wrap .history_wrap ul.his_li01 li ul.his_li02 {width: calc(100% - 10px); margin-bottom: 14px;}
.sub0103_wrap .history_wrap ul.his_li01 li ul.his_li02:last-child {margin-bottom: 0;}
.sub0103_wrap .history_wrap ul.his_li01 li ul.his_li02 li {display: flex;margin-bottom: 5px;}
.sub0103_wrap .history_wrap ul.his_li01 li ul.his_li02 li.his_txt {font-size: 12px; color: #555; padding-left: 30px;}
.sub0103_wrap .history_wrap .left ul.his_li01 li ul.his_li02 li.his_txt {padding-left: 30px; padding-right: 0;}
.sub0103_wrap .history_wrap ul.his_li01 li ul.his_li02 li:last-child {margin-bottom: 0;}
.sub0103_wrap .history_wrap .left ul.his_li01 li ul.his_li03 li.his_img {flex-direction: row;}
.sub0103_wrap .history_wrap ul.his_li01 li ul.his_li03 li.his_img {display: flex; flex-wrap:wrap; gap: 10px; padding-left: 30px;}

.sub0103_wrap .history_wrap .left .his_img_box{align-content: space-between}

.sub0103_wrap .history_wrap ul.his_li01 li ul.his_li04 {width: calc(100% - 10px); margin-bottom: 14px;}
.sub0103_wrap .history_wrap ul.his_li01 li ul.his_li04:last-child {margin-bottom: 0;}
.sub0103_wrap .history_wrap ul.his_li01 li ul.his_li04 li {margin-bottom: 5px;}
.sub0103_wrap .history_wrap ul.his_li01 li ul.his_li04 li.his_txt {font-size: 12px; color: #555; padding-left: 30px;}
.sub0103_wrap .history_wrap ul.his_li01 li ul.his_li04 li:last-child {margin-bottom: 0;}
.sub0103_wrap .history_wrap ul.his_li01 li ul.his_li04 li.his_txt {font-size: 12px; color: #555; padding-left: 30px;}

/* sub0104 */
.sub0104_wrap iframe{width: 100%; height: 200px;}
.sub0104_wrap .map_txt{border-top: 2px solid #0068b7; font-size: 13px; color: #555; margin-top: 10px; padding: 10px;}
.sub0104_wrap .map_txt img{vertical-align: middle; margin-right: 10px; width: 30px; position: absolute; left: 0; top: 5px;}
.sub0104_wrap .map_txt p{border-bottom: 0; padding: 10px; position: relative; padding-left: 100px;}
.sub0104_wrap .map_txt span{color: #222; font-weight: 500; display: inline-block; margin-right: 20px; position: absolute; left: 40px; top: 10px;}
.sub0104_wrap .map_txt ul{display: flex; border-bottom: 1px solid #ddd; flex-wrap:wrap; padding-bottom: 10px;}
.sub0104_wrap .map_txt ul li{padding: 10px; width: 100%; border-bottom:0; position: relative; padding-left:95px;}
.sub0104_wrap .map_txt ul li:last-child{border-bottom: 0;}

/* sub02 */
.sub02_wrap .txt{text-align: center; margin-bottom: 30px;}
.sub02_wrap .txt p{font-size: 20px; color: #0068b7; font-weight: 600; margin-bottom: 10px; line-height: 1.3;}
.sub02_wrap .txt span{font-size: 13px; color: #555;}
.sub02_wrap .box_wrap{display: flex; gap:20px; flex-wrap:wrap;}	
.sub02_wrap .box_wrap .box{border: 1px solid #ddd; border-radius:15px ;  width: calc(48% - 10px); text-align: center; padding: 20px; position: relative;}	
.sub02_wrap .box_wrap .box:before{position: absolute; content: ''; background: url('/images/sub/sub02_arrow.png') no-repeat; width: 7px; height: 9px; background-size:100% ; right: -14px; top: 50%; transform:translateY(-50%);}
.sub02_wrap .box_wrap .box p{font-size: 14px; color: #222; font-weight:600; margin-top: 10px;}
.sub02_wrap .box_wrap .box p em {font-size: 14px;}
.sub02_wrap .box_wrap .box img{width: 100px;}

/* sub0202 */
ul.sub0202_list{display: flex; flex-wrap:wrap;gap:20px; line-height: 1;}
ul.sub0202_list li{position: relative;width: 100%;}
ul.sub0202_list li .img_box{position: relative;}
ul.sub0202_list li .img_wrap{position:relative; width:100%; padding-bottom:71.831%;}
ul.sub0202_list li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
ul.sub0202_list .txt01{position: absolute; left: 0; bottom: 0; width: 100%;height: 30px; background: rgba(0,104,183,.7); }
ul.sub0202_list .txt01 p{line-height: 30px; color: #fff;text-align: center;font-size: 12px;}
ul.sub0202_list em{position: absolute; top: 15px; left: 15px; display: block; height: 20px; line-height: 21px; font-size: 11px;padding: 0px 10px; background: #222; text-align: center; border-radius:50px;font-weight: 500;}
ul.sub0202_list em.tag01{color: #fff;}
ul.sub0202_list em.tag02{color: #fffd71;}
ul.sub0202_list em.tag03{color: #92f9ff;}
ul.sub0202_list .txt_wrap{position: relative;height: 90px;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd ;margin-top: 10px;}
ul.sub0202_list .txt_wrap p{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);font-size: 12px; color: #555;text-align: center; line-height: 19px;width: 100%;word-break: keep-all;}
ul.sub0202_list .txt_wrap p i{display: inline;}
ul.sub0202_list .txt_wrap p b{display: inline;}
ul.sub0202_list .txt_wrap p del{display: block;}

/* sub0203 */
.sub0203_wrap{line-height: 1;}
.sub0203_wrap > ul{display: block;gap:20px;flex-wrap:wrap;}
.sub0203_wrap > ul > li{display: block;width: 100%;gap:80px;margin-bottom: 0px;height: auto;background:url(/images/sub/sub0203_bg01_pc.png)bottom right no-repeat #f7f8f9;background-size:0px auto;align-items:center;}
.sub0203_wrap > ul > li:last-child{margin-bottom: 0;}
.sub0203_wrap > ul > li .img_wrap{width: 100%;}
.sub0203_wrap > ul > li .img_wrap .img_box{position:relative; width:100%; padding-bottom:100%;border: 1px solid #ddd;}
.sub0203_wrap > ul > li .img_wrap .img_box img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100}
.sub0203_wrap > ul > li .txt_wrap{width: 100%;padding: 25px; word-break: keep-all;}
.sub0203_wrap > ul > li .txt_wrap strong{display: block;font-size: 18px;font-weight: 600;color: #333;margin-bottom: 10px;}
.sub0203_wrap > ul > li .txt_wrap p{font-size: 13px;color: #333;margin-bottom: 10px;line-height: 20px;}
.sub0203_wrap > ul > li .txt_wrap ul{margin-bottom: 15px;}
.sub0203_wrap > ul > li .txt_wrap ul li{position: relative;padding-left: 13px;margin-bottom: 10px;font-size: 12px;line-height: 18px;color: #555;}
.sub0203_wrap > ul > li .txt_wrap ul li:after{content:'';position: absolute;left: 0;top: 7px;width: 3px;height: 3px;border-radius: 50%;background: #0068b7;}
.sub0203_wrap > ul > li .txt_wrap ul li:last-child{margin-bottom: 0;}

/* sub0301 */
.sub0301_wrap{line-height: 1;}
.sub0301_wrap .box02 ul{display: block;gap:10px;}
.sub0301_wrap .box02 ul li:nth-child(1){margin-bottom: 15px;}
.sub0301_wrap .box02 ul li img{width: 100%;}
.sub0301_wrap h2.sub_tit01{font-size: 22px;font-weight: 700;text-align: center;color: #0068b7;margin-bottom: 25px;}
.sub0301_wrap .con01{margin-bottom: 30px;}
.sub0301_wrap .con01 ul{display: block;gap:30px;}
.sub0301_wrap .con01 ul li{position: relative;width: 100%;}
.sub0301_wrap .con01 ul li:nth-child(1){margin-bottom: 15px;}
.sub0301_wrap .con01 ul li img{width: 100%;}
.sub0301_wrap .con01 ul li .txt{position: absolute;display: flex;gap:10px;width: 100%;left: 0;bottom: 0;height: 40px;background: rgba(0,104,183,.6);color: #fff;align-items:center;justify-content: center;}
.sub0301_wrap .con01 ul li .txt strong{font-size: 15px;}
.sub0301_wrap .con01 ul li .txt p{font-size: 12px;}

.sub0301_wrap .con02{padding: 30px 0;background: #f2f7fb;margin-bottom: 30px;}
.sub0301_wrap .con02 .box01{margin-bottom: 25px;}
.sub0301_wrap .con02 .box01 ul{display: flex;gap:29px;align-items:center;justify-content: center;}
.sub0301_wrap .con02 .box01 ul li{position: relative;display: flex;flex-direction: column;align-items:center;}
.sub0301_wrap .con02 .box01 ul li:after{content:'';position: absolute;right: -15px;top: 50%;transform:translateY(-50%);width: 1px;height: 40px;background: #ddd;}
.sub0301_wrap .con02 .box01 ul li p{font-size: 13px;color: #222;margin-bottom: 20px;}
.sub0301_wrap .con02 .box01 ul li .txt{display: flex;gap:5px;align-items:flex-end;justify-content: center;}
.sub0301_wrap .con02 .box01 ul li .txt strong{font-size: 16px;color: #222;}
.sub0301_wrap .con02 .box01 ul li .txt span{position: relative;top: -2px;font-size: 11px;color: #555;}

.sub0301_wrap .con03 .box01 ul{display: block;border-top: 2px solid #0068b7;margin-bottom: 30px;}
.sub0301_wrap .con03 .box01 ul li{display: flex;flex:1;border-bottom: 1px solid #ddd;border-right: 0px solid #ddd;}
.sub0301_wrap .con03 .box01 ul li:last-child{border-right: 0px solid #ddd;}
.sub0301_wrap .con03 .box01 ul li span{display: flex;height: auto;width: 105px;align-items:center;justify-content: center;line-height: 1;text-align: center;background: #f7f7f7;border-bottom: 0px solid #ddd;font-size: 12px;font-weight: 500;color: #222;}
.sub0301_wrap .con03 .box01 ul li p{width: 80%; display: flex;padding-left: 10px;line-height: 20px;height: 70px;font-size: 12px;color: #222;font-weight: 500;text-align: left;align-items:center;justify-content: center;}
.sub0301_wrap .con03 .box01 ul li p br {display: none;}


/* sub0302 */
/* .sub0302_wrap p{background: #f7f8fa; font-size: 13px; line-height: 2; color: #222; padding:30px; text-align: center; font-weight: 500; margin-bottom: 30px;} 
.sub0302_wrap p br{display: none;}
.sub0302_wrap p span{color: #0068b7;}
.sub0302_wrap img{width: 100%;}
.sub0302_wrap .img_wrap01 {margin-bottom: 30px;} */
.sub0302_wrap{line-height: 1;}
.sub0302_wrap .con01{position: relative;margin-bottom: 220px; width: 100%;}
.sub0302_wrap .con01 .img_wrap{position:relative; width:100%; padding-bottom:91.69%;}
.sub0302_wrap .con01 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0302_wrap .con01 .txt_wrap{position: absolute; top: calc(100% - 120px); left: 50%;transform:translateX(-50%); width: calc(100% - 30px);background: rgba(255,255,255,.8);padding: 20px; height: auto;box-shadow: 3px 0px 11px rgba(0,0,0,.1);}
.sub0302_wrap .con01 .txt_wrap strong{display: block;margin-bottom: 7px;font-size: 20px; color: #0068b7; font-weight: 700;}
.sub0302_wrap .con01 .txt_wrap p{font-size: 12px; color: #222; line-height: 22px;}
.sub0302_wrap .con01 .txt_wrap p i{display: inline;}
.sub0302_wrap .con01 .txt_wrap p b{display: inline;}
.sub0302_wrap .con01 .txt_wrap p em{display: block;}
.sub0302_wrap .con01 .txt_wrap p:not(:last-child){margin-bottom: 10px;}
.sub0302_wrap .con02 img{width: 100%;}

/* sub0304 */
.sub0304_wrap{line-height: 1;}
.sub0304_wrap ul.dots_slide{position: relative; margin-bottom: 20px;}
.sub0304_wrap ul.dots_slide .slick-list{width: calc(100% + 20px); padding: 0px;padding: 20px 0px;}
.sub0304_wrap ul.dots_slide li{display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;width: 12.6vw; height: 12.6vw;border:none; background: transparent; padding-top: 0px;margin-right: 20px;border-radius:50%;cursor:pointer;transition:.5s;}
.sub0304_wrap ul.dots_slide li::after{content:''; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 86px;height: 86px;background: #f1f1f1;border:2px solid #888; border-radius:50%;z-index: -1;}
.sub0304_wrap ul.dots_slide li span{display: block;font-size: 12px; color: #999; font-weight: 800;text-align: center; transition:.5s;}
.sub0304_wrap ul.dots_slide li em{position: absolute; top: 50%; right: -16px; transform:translateY(-50%);background: url(/images/sub/sub0304_arr.png)center no-repeat; width: 9px; height: 14px; background-size: cover;transition:.5s;}
.sub0304_wrap ul.dots_slide li p{font-size: 10px; color: #999; margin-top: 5px;font-weight: 600;text-align: center; transition:.5s; line-height: 1.2;}
.sub0304_wrap ul.dots_slide li p i{display: block;}
.sub0304_wrap ul.dots_slide li.slick-current{background: transparent;border:none; }
.sub0304_wrap ul.dots_slide li.slick-current::after{border:2px solid #0068b7;background: #fff;}
.sub0304_wrap ul.dots_slide li.slick-current span{color: #0068b7;}
.sub0304_wrap ul.dots_slide li.slick-current p{color: #222;}
.sub0304_wrap ul.dots_slide li.slick-current em{background: url(/images/sub/sub0304_arr_on.png)center no-repeat; background-size: cover;}
.sub0304_wrap ul.img_slide{}
.sub0304_wrap ul.img_slide .slick-list{width: calc(100% + 2px);}
.sub0304_wrap ul.img_slide li{display: block;border: 1px solid #ddd;}
.sub0304_wrap ul.img_slide li .txt_wrap{position: relative;width: 100%;padding: 20px;}
.sub0304_wrap ul.img_slide li .txt_wrap::after{content:'';position: absolute;bottom: 5px; right: 20px; background: url(/images/sub/sub0304_bg01.png)center no-repeat; background-size: cover; width: 254px; height: 60px; z-index: -1;}
.sub0304_wrap ul.img_slide li .txt_wrap strong{display: block;font-size: 17px;color: #0068b7; font-weight: 700;}
.sub0304_wrap ul.img_slide li .txt_wrap p{font-size: 17px;color: #222; font-weight: 700;padding: 11px 0px 15px;}
.sub0304_wrap ul.img_slide li .txt_wrap span{display: block;font-size: 12px;color: #555; font-weight: 400; line-height: 19px;}
.sub0304_wrap ul.img_slide li .txt_wrap span i{display: inline;}
.sub0304_wrap ul.img_slide li .img_box{width: 100%;}
.sub0304_wrap ul.img_slide li .img_wrap{position:relative; width:100%; padding-bottom:71.429%;}
.sub0304_wrap ul.img_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}

/* sub0401 */
.sub0401_wrap .con {margin-top:40px;}
.sub0401_wrap .con:first-child {margin-top:0;}
.sub0401_wrap .bg {background:#f2f7fb;padding:40px 0 80px;margin-bottom:-80px;}
.sub0401_wrap .con .con_wrap {margin-top:80px;}
.sub0401_wrap .con .con_wrap:first-child {margin-top:0;}
.sub0401_wrap .con .con_top {position:relative;}
.sub0401_wrap .con .con_top p {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:18px;color:#fff;font-weight:600;text-align:center;}
.sub0401_wrap .con .ul_box {display:flex;flex-direction:column;gap:30px;}
.sub0401_wrap .con .ul_box li {width:100%;background:rgba(0,104,183,0.1);border-radius:10px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;}
.sub0401_wrap .con .ul_box li .txt_wrap h6 {font-size:20px;color:#0068b7;text-align:center;}
.sub0401_wrap .con .ul_box li .txt_wrap p {font-size:12px;color:#222;margin-top:20px;text-align:center;}
.sub0401_wrap .con .ul_box li .txt_wrap p br {display: none;}
.sub0401_wrap .con .img_box img {width:100%;}

/* sub0402 */
.sub0402_wrap{line-height: 1;}
.sub0402_wrap .tab-con ul{display: flex; flex-wrap:wrap;gap:10px;}
.sub0402_wrap .tab-con ul li{position: relative;width: 100%; height: 230px;padding: 20px;background: #f5faff;border:1px solid #0068b7;}
.sub0402_wrap .tab-con ul li p{font-size: 20px; font-weight: 300;color: #0068b7;}
.sub0402_wrap .tab-con ul li span{display: block; color: #555;font-size: 12px; line-height: 17px; padding-top: 15px;word-break: keep-all;}
.sub0402_wrap .tab-con ul li span i{display: block;}
.sub0402_wrap .tab-con ul li img{position: absolute; bottom: 20px; right: 20px;height: 20%;}

/* sub0503 */
.sub0503_wrap{line-height: 1;}
.sub0503_wrap .txt_box{position: relative;background: #f7f8fa; min-height: 154px; margin-bottom: 30px;}
.sub0503_wrap .txt_box p{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);width: 100%;font-size: 13px; line-height: 22px;color: #222;text-align: center;padding: 0 20px; word-break:keep-all;}
.sub0503_wrap .txt_box p span{color: #0068b7;}
.sub0503_wrap .txt_box p i{display: inline;}
.sub0503_wrap .txt_box p b{display: inline;}
.sub0503_wrap .tbl_con{margin-bottom: 30px;}
.sub0503_wrap .tbl_con .tit{display: flex; justify-content:space-between;align-items: baseline;margin-bottom: 10px;}
.sub0503_wrap .tbl_con .tit h3{font-size: 20px; color: #222; font-weight: 700;}
.sub0503_wrap .tbl_con .tit p{font-size: 12px; color: #555;}
.sub0503_wrap .tbl_con .tit p em{color: #ff4200;}
table.tbl01{border-top: 2px solid #0068b7; width: 100%;}
table.tbl01 tr th{width: 30%; font-size: 13px; color: #222; font-weight: 500;border:1px solid #ddd;}
table.tbl01 tr th em{color: #ff4200;}
table.tbl01 tr td{width: 70%;padding: 10px; border:1px solid #ddd;}
table.tbl01 tr td p{font-size: 13px; color: #222; font-weight: 500;}
table.tbl01 tr td input[type="text"]{width: 100%;height: 30px;border:1px solid #ddd;font-size: 14px; color: #555; padding-left: 15px;}
table.tbl01 tr td input[type="text"].input02{width: 100%;}
table.tbl01 tr td input[type="text"]::placeholder{font-size: 12px;color: #acacac;}
table.tbl01 tr td select{width: calc(100% - 55px);height: 30px; border:1px solid #ddd;font-size: 12px; color: #555; font-weight: 500;}
table.tbl01 tr td textarea{width: 100%; height: 80px; padding: 10px;border:1px solid #ddd; resize:none;}
table.tbl01 tr td textarea::placeholder{font-size: 12px;color: #acacac;}
table.tbl01 tr td textarea.textarea02{height: 100px;}
table.tbl01 tr td .radio_wrap{display: flex;gap:10px 15px;flex-wrap: wrap;}
table.tbl01 tr td .radio_wrap .input{display: flex;gap:10px; align-items:center;}
table.tbl01 tr td .radio_wrap .input label{font-size: 12px; color: #555; font-weight: 500;}
table.tbl01 tr td .add_wrap{display: flex;flex-wrap:wrap;gap:10px;}
table.tbl01 tr td .add_wrap input[type="text"]:nth-of-type(1){width: calc(100% - 110px);}
table.tbl01 tr td .add_wrap input[type="text"]:nth-of-type(2){width: 100%;}
table.tbl01 tr td .add_wrap button{font-size: 12px; color: #fff; font-weight: 500; background: #555; width: 100px; height: 30px; border-radius:5px;}
table.tbl01 tr td .input_wrap{display: flex;gap:10px;flex-wrap: wrap;}
table.tbl01 tr td .input_wrap .input{display: flex;gap:10px 5px; flex-wrap: wrap; align-items:center;justify-content: end;}
table.tbl01 tr td .input_wrap .input:nth-child(1) p {width: 86px;}
table.tbl01 tr td .input_wrap .input:nth-child(1) > input.input_n[type="text"]{width: calc(100% - 91px);}
table.tbl01 tr td .input_wrap .input p{width: 50px; font-size: 12px; color: #555; font-weight: 500;}
table.tbl01 tr td .input_wrap .input p:nth-of-type(2){width: auto;}
table.tbl01 tr td .input_wrap .input input[type="text"]{width: calc(100% - 55px);}
table.tbl01 tr td .input_wrap .input:nth-child(3) input[type="text"]{width: calc((100% - 76px) / 2);}
table.tbl01 tr td .input_wrap02{display: flex; flex-wrap:wrap; gap:10px;}
table.tbl01 tr td .input_wrap02 p{width: 124px;font-size: 12px; color: #555; font-weight: 500;}
table.tbl01 tr td .input_wrap02 .input{display: flex;align-items: center;width: 100%;}
table.tbl01 tr td .input_wrap02 .input input[type="text"]{width: calc(100% - 50px);}
table.tbl01 tr td .chk_wrap{position: relative;}
table.tbl01 tr td .chk_wrap input[type="text"]{width: 120px;}
table.tbl01 tr td .chk_wrap span{display: inline-block; padding-left: 15px;position: relative; top: 50%; right: 0; transform:initial;font-size: 12px; color: #555;}
table.tbl01 tr td .chk_wrap span::before{content:'';position: absolute;left: 0;top: 35%;transform: translateY(-50%);display: block; background: url(/images/sub/chk_icon.png)center no-repeat; width: 10px; height: 9px; background-size: cover;}

.sub0503_wrap .con .txt{border:1px solid #ddd; padding: 20px; max-height:200px; overflow-y: scroll;}
.sub0503_wrap .con .txt p{font-size: 16px; color: #222; font-weight: 700;margin-bottom: 20px;}
.sub0503_wrap .con .txt span{font-size: 12px; color: #555; line-height: 22px;}
.sub0503_wrap .con .txt span i{display: block;}
.sub0503_wrap .con .radio_box{display: flex; gap: 10px;align-items:flex-start; justify-content:space-between;margin: 10px 0px 10px; padding: 10px 15px;background: #f7f8fa;flex-direction: column;}
.sub0503_wrap .con .radio_box p{color: #222;font-size: 12px; font-weight: 500;}
.sub0503_wrap .con .radio_box input{vertical-align: text-top;}
.sub0503_wrap .con .radio_box input:nth-of-type(2){margin-left: 20px;}
.sub0503_wrap .con .radio_box label{font-size: 12px; color: #555; font-weight: 500;margin-left: 10px;}
.sub0503_wrap .con span{display: block;font-size: 12px; color: #555; font-weight: 500;line-height: 1.3;}
.sub0503_wrap .con button{display: block;margin: 20px auto 0; width: 120px; height: 40px; background: #222; color: #fff; font-size: 13px; font-weight: 700;}

/* sub0601 */
.sub0601_wrap{line-height: 1;}
.sub0601_wrap .con{position: relative;height: auto;}
.sub0601_wrap .con .img_box{display: flex;position: inherit;margin-bottom: 30px;top: 0%;left: 0%;transform:translate(0% , 0%);justify-content: center;}
.sub0601_wrap .con .img_box img{width: 265px;}
.sub0601_wrap .con ul{display: block;height: 100%;gap:20px;flex-wrap:wrap;}
.sub0601_wrap .con ul.pc_list01{display: none;}
.sub0601_wrap .con ul.mob_list01{display: block;}
.sub0601_wrap .con ul li{display: flex;width: 100%;height: 150px;padding-left: 15px;gap:15px;border-radius: 15px;box-shadow: 0px 0px 15px 0px rgba(0,104,183,.12);align-items:center;}
.sub0601_wrap .con ul li .ico_box img{width: 90px;}
.sub0601_wrap .con ul li .txt strong{display: block;font-size: 15px;font-weight: 600;color: #0068b7;margin-bottom: 7px;}
.sub0601_wrap .con ul li .txt p{font-size: 12px;line-height: 18px;color: #222;}
.sub0601_wrap .con ul li .txt p br{display: block;}
.sub0601_wrap .con ul li .txt p b{display: none;}
.sub0601_wrap .con ul li{position: inherit;margin-bottom: 15px;}
.sub0601_wrap .con ul li:last-child{margin-bottom: 0;}
.sub0601_wrap .con ul li:nth-child(1){top: 0;left: 50%;transform:translateX(0%);}
.sub0601_wrap .con ul li:nth-child(2){left: 0;top: 235px;}
.sub0601_wrap .con ul li:nth-child(3){right: 0;top: 235px;}
.sub0601_wrap .con ul li:nth-child(4){left: 0;bottom: 235px;}
.sub0601_wrap .con ul li:nth-child(5){right: 0;bottom: 235px;}
.sub0601_wrap .con ul li:nth-child(6){bottom: 0;left: 50%;transform:translateX(0%);}

/* sub0602_wrap */
.sub0602_wrap{line-height: 1;}
.sub0602_wrap .con:not(:last-child){margin-bottom: 50px;}
.sub0602_wrap h3{display: flex;gap:12px;margin-bottom: 30px;align-items:center;justify-content: center;}
.sub0602_wrap h3 span{font-size: 23px;color: #333;font-weight: 700;}
.sub0602_wrap h3 img{width: 25px;}
.sub0602_wrap ul{display: flex;gap:15px;flex-wrap:wrap;}
.sub0602_wrap ul li{display: flex;width: calc((100% - 15px)/2);height: 263px;padding-top: 30px;padding: 20px 5px 0;border-radius:10px;box-shadow: 1px 1px 20px 0px rgba(0,104,183,.15);flex-direction: column;align-items:center;}
.sub0602_wrap .con:nth-child(1) ul li {height: 263px;}
.sub0602_wrap .con:nth-child(1) ul li:nth-child(-n+2) {height: 304px;}
.sub0602_wrap .con:nth-child(1) ul li:nth-child(3) {height: 280px;}
.sub0602_wrap .con:nth-child(1) ul li:nth-child(4) {height: 280px;}
.sub0602_wrap .con:nth-child(2) ul li {height: 263px;}
.sub0602_wrap .con:nth-child(2) ul li:nth-child(-n+4) {height: 304px;}
.sub0602_wrap .con:nth-child(3) ul li {height: 263px;}
.sub0602_wrap .con:nth-child(3) ul li:nth-child(5) {height: 350px;}
.sub0602_wrap ul li .ico_box{margin-bottom: 20px;}
.sub0602_wrap ul li strong{display: block;width: 100%;height: 32px;border-radius: 32px;text-align: center;margin-bottom: 13px;line-height: 32px;font-weight: 600;background: #0068b7;color: #fff;font-size: 12px;}
.sub0602_wrap ul li p{text-align: center;color: #555;font-size: 13px;line-height: 23px;}
.sub0602_wrap .con:last-child ul li{height: 186px;}
.sub0602_wrap .con:last-child ul li strong{margin-bottom: 0;}
}