/* 珥덇린�솕 */
html { overflow-y:scroll; background: #fff; }
body { margin:0; padding:0; font-size:16px; font-family:'Pretendard', dotum, sans-serif; color: #222; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard', dotum, sans-serif;font-size:1em}
select {margin:0}
p { margin:0; padding:0; word-break:break-all; }
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a { color:#222; text-decoration:none; }

*, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
input[type=text],input[type=password], textarea { -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; outline:none; }
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus, select:focus { border: 1px solid #aaa !important; }

.placeholdersjs {color:#aaa !important}

/* user */
.scroll_on { opacity: 0; transition: all 1s;}
.scroll_on.active {opacity: 1 !important; transform: translate(0, 0) !important;}
.scroll_on.type_top {transform: translate(0, -50px);}
.scroll_on.type_bottom {transform: translate(0, 50px);}
.scroll_on.type_left {transform: translate(-50px, 0);}
.scroll_on.type_right {transform: translate(50px, 0);}

.scroll_on02 { transition: all 1s; }
.scroll_on02.active {  }

@keyframes ani01 {
    0% { transform: translate(0, 0px); }
    100% { transform: translate(0px, -10px); }
}

.wrap { position: relative; width: 1280px; margin: 0 auto; }

/* head */
.head { position: absolute; top: 0px; left: 0px; z-index: 999; width: 100%; background: #fff; }
.head.scrolled { position: fixed; }

.head_inr01 { width: 100%; height: 45px; background: #264186; }
.head.scrolled .head_inr01 { display: none; }
.head_inr01 .wrap { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; height: 100%; }
.head_inr01 .smenu { display: flex; flex-wrap: wrap; }
.head_inr01 .smenu li { position: relative; padding: 0 20px; }
.head_inr01 .smenu li:first-child { padding-left: 0px; }
.head_inr01 .smenu li:last-child { padding-right: 0px; }
.head_inr01 .smenu li:after { content:''; position: absolute; top: 15%; right: 0px; width: 1px; height: 70%; background: rgba(255, 255, 255, 0.2); }
.head_inr01 .smenu li:last-child:after { display: none; }
.head_inr01 .smenu li a { color: rgba(255, 255, 255, 0.8); font-size: 14px; }
.head_inr01 .smenu li a strong { color: rgba(255, 255, 255, 1); }

.head_inr02 { background: #fff; border-bottom: 1px solid #ddd; }
.head_inr02 .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 95px; }
.head .hd-menu .gnb-wrap { height:100%;}
.head .hd-menu .gnb-wrap .gnb { display:flex; justify-content:center; align-items:center;height:100%; text-align:center;}
.head .hd-menu .gnb-wrap .gnb > li { position: relative; display: flex; justify-content: center; align-items: center; transition: all ease .3s; }
.head .hd-menu .gnb-wrap .gnb > li:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#449105; transform:translate(-50%); }
.head .hd-menu .gnb-wrap .gnb > li > a { position: relative; display: flex; justify-content: center; align-items: center; padding: 0px 40px; height: 95px; font-size: 20px; font-weight: 700; line-height: 1; transition: 0.3s; }
.head .hd-menu .gnb-wrap .gnb > li:hover > a { color: #264186; }
.head .hd-menu .gnb-wrap .gnb > li > a.active { color: #264186; text-decoration: underline; }
.head .hd-menu .gnb-wrap .gnb > li > a.point, .head .hd-menu .gnb-wrap .gnb > li > a.point:hover { color: #df5050; }
.head .hd-menu .gnb-wrap .gnb > li > a.active.point { color: #df5050; text-decoration: underline; }
.head .hd-menu .gnb-wrap .gnb > li .depth { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; padding-top:30px; width:100%; }
.head .hd-menu .gnb-wrap .gnb > li .depth:before { content: ""; position: absolute; left: 0; top: 30px; width: 1px; height: 190px; background: rgba(0, 0, 0, 0.1); }
.head .hd-menu .gnb-wrap .gnb > li:first-child .depth:before {display:none;}
.head .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a { display: block; padding: 8px 10px; color: rgba(0, 0, 0, 0.7); font-weight: 500; line-height: 1.4; letter-spacing: -0.03em; word-break: keep-all; transition: 0.3s; }
.head .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a:hover, .head.on .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a:hover { color: rgba(0, 0, 0, 1); font-weight: 800; }
.head .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a > span {position:relative;} 

.head.on { overflow:hidden; height:390px; background: #fff url('../image/top/menu_bg01.png') center bottom no-repeat; background-size: cover; border-bottom: 1px solid #ddd; box-shadow:1px 1px 25px rgb(67 67 67 / 10%); }
.head.scrolled.on { height: 340px; }

.head.on .hd-menu .gnb > li .depth { opacity:1; visibility:visible; transition-delay: 0.1s; transition:all 0.3s; }

.menu-toggler, .mobile_menu { display: none; }

/* footer */
.footer_banner { padding: 30px 0; border-top: 1px solid #ddd; }
.footer_banner .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer_banner_btnbox { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; /*gap: 5px;*/ width: 150px; }
.footer_banner_btnbox .swiper-button-prev, .footer_banner_btnbox .swiper-button-next { position: relative; bottom: auto; margin-top: 0; margin-right:5px; background: #f4f4f4; border: none; }
.footer_banner_btnbox .swiper-button-prev, .footer_banner_btnbox .swiper-rtl .swiper-button-next { right: auto; left: auto; }
.footer_banner_btnbox .swiper-button-next, .footer_banner_btnbox .swiper-rtl .swiper-button-prev { right: auto; left: auto; }
.footer_banner_btnbox .btn_pause { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 40px; height: 40px; background: #f4f4f4; border-radius: 500px; cursor: pointer; }
.footer_banner_btnbox .btn_pause:after { content:'\ea3b'; font-family: 'xeicon'; position: absolute; top: 0px; left: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 40px; height: 40px; }
.footer_banner_btnbox .btn_pause.on:after { content:'\ea3e'; }

.footer_banner .partner_list { width: calc(100% - 150px); }
.footer_banner .swiper-slide { border: 1px solid #ddd; }

.footer_inr01 { width: 100%; height: 70px; background: #f2f2f2; }
.footer_inr01 .wrap { display: flex; flex-wrap: wrap; align-items: center; height: 100%; }
.footer_menu { display: flex; flex-wrap: wrap; }
.footer_menu li { position: relative; padding: 0 20px; }
.footer_menu li:first-child { padding-left: 0px; }
.footer_menu li:last-child { padding-right: 0px; }
.footer_menu li:after { content:''; position: absolute; top: calc(50% - 1px); right: 0px; width: 3px; height: 3px; background: #222; border-radius: 3px; }
.footer_menu li:last-child:after { display: none; }
.footer_menu li a { font-weight: 700; transition: 0.3s; }
.footer_menu li a:hover { color: #264186; }

#top_btn { position: absolute; top: 0; right: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width: 70px; height: 70px; background: #222; border: none; color: #fff; font-size: 22px; transition: 0.3s; }
#top_btn:hover { background: #111; }
#top_btn span { display: block; width: 100%; margin-top: 3px; font-size: 13px; }

.footer_inr02 { text-align: center; padding: 50px 0; background: #111930; color: #fff; }
.footer_inr02 .footer_info { margin-top: 30px; }
.footer_inr02 span { position: relative; display: inline-flex; flex-wrap: wrap; padding: 0 20px; word-break: keep-all; }
.footer_inr02 span:first-child:after { content: ''; position: absolute; top: 15%; right: 0px; width: 1px; height: 70%; background: rgba(255, 255, 255, 0.4); }
.footer_inr02 p { margin-top: 15px; color: rgba(255, 255, 255, 0.4); word-break: keep-all; }

.ft_quick { position: fixed; right: 20px; bottom: 20px; z-index:99; }
.ft_quick h3 { position: relative; z-index: 9; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 80px; height: 80px; background: #df5050; border-radius: 500px; color: #fff; }
.ft_quick_list { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; margin-top: -20px; padding: 30px 0; background: #fff; border: 1px solid #ddd; border-radius: 500px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
.ft_quick_list li { position: relative; margin-bottom: 10px; padding-bottom: 10px; }
.ft_quick_list li:last-child { display: none; }
.ft_quick_list li:nth-child(3) { margin-bottom: 0px; padding-bottom: 0px; }
.ft_quick_list li:after { content:''; position: absolute; left: 10%; bottom: 0px; width: 80%; height: 1px; background: #ddd; }
.ft_quick_list li:nth-child(3):after { display: none; }
.ft_quick_list li a { overflow: hidden; position: relative; display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; /*gap: 7px 0;*/ width: 80px; height: 50px; border-radius: 500px; color: #222; opacity: 0.7; transition: 0.3s; }
.ft_quick_list li a:hover { opacity: 1; }
.ft_quick_list li a span { position: relative; display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; width: 100%; height: auto; border-radius: 500px; transition: 0.3s; }
.ft_quick_list li a .icon { font-size: 24px; margin-bottom:7px; }
.ft_quick_list li a.iconbox img { width: 30px; }
.ft_quick_list li a .txt { font-size: 14px; font-weight: 600; }

/* main */
.main_vis { position: relative; width: 100%; height: 600px; margin-top: 140px; background: #fff; }

.main_vis_list { width: 100%; height: 100%; }
.main_vis_list .swiper-slide { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; }
.main_vis_list .main_vis01 { background: #fff url('../image/main/main_vis_bg01.jpg') center top no-repeat; background-size: auto 100%; }
.main_vis_list .main_vis02 { background: #fff url('../image/main/main_vis_bg02.jpg') center top no-repeat; background-size: auto 100%; }
.main_vis_list .main_vis03 { background: #fff url('../image/main/main_vis_bg03.jpg') center top no-repeat; background-size: auto 100%; }

.main_vis .swiper-pagingbox { position: absolute; bottom: 0px; left: 0; right: 0; z-index: 999; display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width: 150px; height: 45px; background: rgba(0, 0, 0, 0.7); border-radius: 500px; }
.main_vis .swiper-pagination-fraction { position: relative; bottom: auto; text-align: center; margin: 0 15px 0 15px; width: 40px; color: #fff; }
.main_vis .swiper-pagination-fraction span { display: inline-block; width: 10px; }

.main_vis .swiper-button-prev, .main_vis .swiper-button-next { position: relative; width: auto; height: auto; top: auto; margin-top: 0; background: transparent; border: none; border-radius: 0px; color: rgba(255, 255, 255, 0.9); }
.main_vis .swiper-button-prev, .main_vis .swiper-rtl .swiper-button-next { left: auto; right: auto; }
.main_vis .swiper-button-next, .main_vis .swiper-rtl .swiper-button-prev { right: auto; left: auto; }
.main_vis .swiper-button-prev:after, .main_vis .swiper-button-next:after { font-family: 'xeicon' !important; font-size: 24px; font-weight: normal; }
.main_vis .swiper-button-prev:after { content: "\e93c"; }
.main_vis .swiper-button-next:after { content: "\e93f"; }

.main_vis_cont { position: absolute; top: 0; z-index: 9; width: 100%; height: 100%; }
.main_vis_cont .wrap { display: flex; flex-wrap: wrap; align-content: center; justify-content: space-between; height: 100%; }

.main_text { position: relative; color: #fff; }
.main_text span.stitle { border-bottom: 2px solid #fff; font-size: 19px; font-weight: 600; text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5); }
.main_text h2 { margin-top: 30px; font-size: 48px; font-weight: 400; letter-spacing: -0.05em; line-height: 1.4; text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5); }
.main_text h2 strong { font-weight: 900; }

.main_quick { position: relative; width: 320px; padding: 50px 30px; background: #264186; border-radius: 15px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); }
.quick_btn { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 310px; height: 75px; margin-left: -50px; padding: 0 35px; border-radius: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); }
.quick_btn:hover { animation: ani01 0.3s infinite alternate; }
.quick_btn01 { margin-bottom: 15px; background: #df5050; color: #fff; }
.quick_btn02 { margin-bottom: 30px; background: #fff; color: #222; }
.quick_btn span { font-size: 20px; font-weight: 900; }
.quick_btn span i { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.7); font-size: 13px; font-weight: 600; font-style: normal; }
.quick_btn img { margin-right: 10px; }
.quick_menu li { display: flex; flex-wrap: wrap; align-items: center; height: 50px; padding: 0 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.quick_menu li:last-child { border-bottom: none; }
.quick_menu li a { display: inline-flex; flex-wrap: wrap; align-items: center; color: #fff; font-size: 18px; font-weight: 600; }
.quick_menu li a img { margin-right: 20px; }

.main_con { padding: 80px 0; }

.main_con_title { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 50px; }
.main_con_title h2 { font-size: 36px; font-weight: 900; }
.main_con_title h2 span { position: relative; display: inline-flex; flex-wrap: wrap; padding-right: 25px; }
.main_con_title h2 span:after { content:''; position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; background: #2c98e3; border-radius: 10px; }

.main_swiper_btnbox { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; /* gap: 5px; */ position: absolute; right: 0; bottom: 0; }

.main_con_more { position: relative; right: 0; bottom: 0; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 120px; height: 40px; background: #fff; border: 1px solid #ddd; border-radius: 500px; color: #444; font-weight: 600; transition: 0.3s; }
.main_con_more:hover { border: 1px solid #264186; background: #264186; color: #fff; }
.main_con_more i { margin-left: 10px; font-weight: bold; }

.main_con_inr { display: flex; flex-wrap: wrap; }

.swiper { width: 100%; height: 100%; }
.swiper-slide { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.swiper-slide video { display: block; width: 100%; height: 232px; object-fit: cover; }

.main_con01 .wrap { display: flex; flex-wrap: wrap; /*gap: 20px;*/ }
.main_con01_banner { flex: 1; border-radius: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); margin-right:20px; }
.main_con01_banner01 { background: #f3f5f9 url('../image/main/main_con01_banner01_bg.png') bottom 30px right 20px no-repeat; }
.main_con01_banner02 { background: #f3f9f7 url('../image/main/main_con01_banner02_bg.png') bottom 30px right 20px no-repeat; }
.main_con01_banner03 { background: #f9f3f3 url('../image/main/main_con01_banner03_bg.png') bottom 30px right 0px no-repeat; margin-right:0px; }
.main_con01_banner a { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; padding: 50px; }
.main_con01_banner h3 { margin-bottom: 30px; font-size: 28px; font-weight: 800; }
.main_con01_banner p { height: 75px; margin-bottom: 50px; color: #666; font-size: 17px; font-weight: 500; line-height: 1.4; letter-spacing: -0.03em; }
.main_con01_banner span { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 120px; height: 40px; background: #264186; border-radius: 500px; color: #fff; font-weight: 600; }
.main_con01_banner:hover span { animation: ani01 0.3s infinite alternate; }
.main_con01_banner span i { margin-left: 10px; font-weight: bold; }
.main_con01_banner:hover span i { transform:rotate(360deg); transition:all 0.5s; }

.main_con_inr .imgbox { overflow: hidden; display: block; width: 100%; margin-bottom: 30px; background: #fff; border-radius: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); }
.main_con_inr .contbox { width: 100%; }
.main_con_inr .contbox .cont_title { display: -webkit-box; display: -ms-flexbox; display: box; overflow: hidden; vertical-align: top; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 18px; font-weight: 600; line-height: 1.6; word-break: keep-all; }

.main_con02 { background: #264186; color: #fff; }
.main_con02 .wrap { display: flex; flex-wrap: wrap; align-content: flex-start; }
.main_con02_inr01 { position: relative; width: calc(70% - 50px); margin-right: 50px; }
.main_con02_inr02 { position: relative; width: 30%; height: 100%; }

.main_con02_btnbox { position: absolute; top: 5px; right: 0; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; /* gap: 5px; */ }
.main_con02_inr02 .main_con02_btnbox { bottom: 0; }

/*TAB CSS*/
.tabs { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; padding: 0px; }
.tabs li { position: relative; padding: 0 30px; }
.tabs li:first-child { padding-left: 0px; }
.tabs li:first-child:after { content: ''; position: absolute; bottom: 3px; right: 0px; width: 2px; height: 25px; background: rgba(255, 255, 255, 0.4); }
.tabs li a { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; height: 42px; color: rgba(255, 255, 255, 0.6); font-size: 26px; transition: all 0.3s; }
.tabs li a:hover { color: #fff; }
.tabs li.active a { color: #fff; font-size: 36px; font-weight: 800; }
.tabs li.active, .tabs li.active a:hover  { z-index: 2; color: #fff; }

/*Tab Conent CSS*/
.tab_container { }
.tab_content {  }
.tab_content_inr { display: flex; flex-wrap: wrap; }

.main_con02 .swiper-button-prev, .main_con02 .swiper-button-next { background: transparent; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; margin-right: 5px; }
.main_con02 .btn_pause02 { position: relative; right: 0px; bottom: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 40px; height: 40px; background: transparent; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 500px; cursor: pointer; }
.main_con02 .btn_pause02:after { content: '\ea3b'; font-family: 'xeicon'; position: absolute; top: 0px; left: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 40px; height: 40px; }
.main_con02 .btn_pause02.on:after { content: '\ea3e'; }

.main_con02 .main_con_more { background: transparent; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; }
.main_con02 .main_con_more:hover { background: #fff; border: 1px solid rgba(255, 255, 255, 1); color: #222; }

.main_con02_inr01 .swiper-slide { justify-content: flex-start; text-align: left; height: auto; padding: 50px 30px; background: #fff; border-radius: 5px; color: #222; }
.main_con02_inr01 .swiper-slide .cont_title { font-size: 20px; font-weight: 700; }
.main_con02_inr01 .swiper-slide div { height: 52px; }
.main_con02_inr01 .swiper-slide p { display: -webkit-box; display: -ms-flexbox; display: box; overflow: hidden; vertical-align: top; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 84px; color: rgba(0, 0, 0, 0.7); font-size: 15px; line-height: 1.5; }
.main_con02_inr01 .swiper-slide .date { color: rgba(0, 0, 0, 0.5); font-size: 14px; }

.main_con02_inr02 .swiper-pagination-fraction { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; /* gap: 0 5px; */ width: 40px; height: 40px; left: auto; right: 140px; bottom: 0; }
/*.main_con02_inr02 .swiper-button-prev, .main_con02_inr02 .swiper-rtl .swiper-button-next { right: 90px; }
.main_con02_inr02 .swiper-button-next, .main_con02_inr02 .swiper-rtl .swiper-button-prev { right: 45px; }*/

.main_con02_inr02 .swiper-slide { align-items: flex-start; }
.main_con02_inr02 .swiper-slide img { border-radius: 5px; }

.main_con03 { background: #f4f6fa; }

/* sub */
.sub_vis { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 200px; margin-top: 140px; background: url('../image/sub/sub_vis01.jpg') center center no-repeat; background-size: cover; }
.sub_vis h2 { margin-bottom: 15px; color: #fff; font-size: 45px; font-weight: 900; }
.sub_vis p { color: rgba(255, 255, 255, 0.6); font-weight: 600; }
.sub_contents { margin: 80px 0; line-height: 1.6; }
.sub_title { text-align: center; margin-bottom: 50px; }
.sub_title h2 { margin-bottom: 20px; font-size: 45px; font-weight: 900; line-height: 1; }
.sub_title p { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #666; font-size: 0.95em; }
.sub_title p .mlr5 { margin: 0 5px; }

.subpage_inr { margin-bottom: 50px; }
.subpage_inr_last { margin-bottom: 0px; }

.sub_contents h3 { position: relative; margin-bottom: 30px; padding-left: 40px; font-size: 24px; font-weight: 800; }
.sub_contents h3:after { content: ''; position: absolute; top: 6px; left: 0px; width: 25px; height: 25px; border: 6px solid #264186; border-color: #5075df #264186 #264186 #5075df; border-radius: 3px; }

.subpage_inr .cont01 { padding-left: 40px; font-size: 1.1em; }
.subpage_inr .cont01 .stxt { color: #666; font-size: 0.9em; }

.center_top { margin-bottom: 50px; padding: 50px; padding-right: 390px; background: #f4f6fa url('../image/sub/center_introduction_img02.png') right bottom no-repeat; background-size: contain; border-radius: 5px; font-size: 1.05em; word-break: keep-all; }
.center_stitle { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 50px; margin-bottom: 20px; padding: 0 20px; background: #264186; border-radius: 5px; color: #fff; font-weight: 700; font-size: 1.15em; }
.center_cont { margin-bottom: 50px; padding: 30px; background: #f4f6fa; border-radius: 5px; }
.center_cont li { margin-bottom: 10px; font-weight: 300; }
.center_cont li:last-child { margin-bottom: 0px; }
.center_cont li dl { margin: 10px 0 0; padding-left: 20px; }
.center_cont li dl dd { margin-bottom: 5px; }
.center_cont li dl dd:last-child { margin-bottom: 0px; }

.center_list01 { display: flex; flex-wrap: wrap; /*gap: 0 20px;*/ margin-bottom: 50px; }
.center_list01 li { flex: 1; padding: 30px; border: 1px solid #d5d8e1; border-radius: 5px; margin-right:20px; }
.center_list01 li:last-child { margin-right:0px; }
.center_list01 li h4 { margin-bottom: 20px; color: #264186; font-size: 1.3em; font-weight: 700; line-height: 1; }
.center_list01 li img { max-width: 100%; }
.center_list01 li .text_list { display: flex; flex-wrap: wrap; /* gap: 5px 0; */ }
.center_list01 li .text_list dd { position: relative; width: 100%; padding-left: 15px; }
.center_list01 li .text_list.wh50 dd { width: 50%; }
.center_list01 li .text_list dd:after { content:''; position: absolute; top: 10px; left: 0px; width: 4px; height: 4px; border-radius: 5px; background: #264186; }

.link_btn01 { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 35px; padding: 0 20px; background: #5075df; border-radius: 500px; color: #fff; font-size: 0.85em; }
.link_btn01:hover { text-decoration: underline; }

.link_btn02 { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 35px; padding: 0 30px; background: #df5050; border-radius: 500px; color: #fff; font-size: 0.9em; font-weight: 500; }
.link_btn02:hover { text-decoration: underline; }

.guide_textlist01 { margin-left: 40px; }
.guide_textlist01 li { position: relative; margin-bottom: 10px; padding-left: 20px; font-size: 1.1em; }
.guide_textlist01 li:last-child { margin-bottom: 0px; }
.guide_textlist01 li:after { content:''; position: absolute; top: 11px; left: 0px; width: 4px; height: 4px; border-radius: 5px; background: #264186; }

.guide_list01 { display: flex; flex-wrap: wrap; /*gap: 0 30px;*/ margin: 30px 0; margin-left: 40px; }
.guide_list01 li { flex: 1; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; text-align: center; padding: 30px; border: 2px solid #d5d8e1; border-radius: 3px; margin-right:30px; }
.guide_list01 li:last-child { margin-right:0px; }
.guide_list01 li h4 { width: 100%; margin-bottom: 20px; color: #264186; font-size: 1.3em; line-height: 1; }
.guide_list01 li .icon { width: 100%; margin-bottom: 20px; }
.guide_list01 li a { margin-top: 10px; }

.guide_noti { text-align: right; font-size: 1.1em; }
.guide_noti strong { color: #df5050; font-weight: 800; }

.procedures_imgbox { text-align: center; }
.procedures_imgbox img { max-width: 100%; }
.procedures_textlist01 { list-style: decimal; margin-left: 40px; }
.procedures_textlist01 li { margin-left: 20px; margin-bottom: 15px; padding-left: 5px; font-size: 1.1em; font-weight: 500; }

.reward_step01 { display: flex; flex-wrap: wrap; /*gap: 10px;*/ margin-left: 40px; }
.reward_step01 li { flex: 1; text-align: center; padding: 30px 10px; border: 2px solid #d5d8e1; border-radius: 3px; line-height: 1.2; margin-right:10px; }
.reward_step01 li:last-child { margin-right:0px; }
.reward_step01 li .num {  }
.reward_step01 li .num i { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 30px; height: 30px; background: #264186; border-radius: 500px; font-size: 13px; font-weight: 600; font-style: normal; color: #fff; }
.reward_step01 li .icon { margin: 20px 0; }
.reward_step01 li h4 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 65px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 1.2em; }
.reward_step01 li p {  }
.reward_step01 li p strong { font-size: 1.1em; }

.report_textbox { padding: 30px; background: #f4f6fa; border-radius: 5px; }
.report_textbox p { word-break: keep-all; }
.report_textbox > ul { list-style: disc; }
.report_textbox > ul > li { margin-left: 20px; margin-bottom: 20px; }
.report_textbox > ul > li:last-child { margin-bottom: 0px; }
.report_textbox > ul > li h4 { margin-bottom: 10px; font-size: 1.15em; letter-spacing: -0.03em; }
.report_textbox > ul > li ul { list-style: circle; margin-left: 20px; }
.report_textbox > ul > li ul li { margin-bottom: 10px; }
.report_textbox > ul > li ul li:last-child { margin-bottom: 0px; }
.report_textbox > ul > li ul li p { color: #444; font-size: 0.95em; }
.report_textbox > ul > li ul li p strong { color: #0048ff; text-decoration: underline; }

.report_agreebox { display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-end; text-align: right; margin-top: 20px; }
.report_inr_last .report_agreebox { margin-bottom: 50px; }
.report_agreebox label { /*display: inline-flex; flex-wrap: wrap;*/ font-weight: 500; }
.report_agreebox label.agree_point { color: #264186; }
.report_agreebox label input { margin-right: 5px; }

.report_inr_last { border-top: 1px solid #d5d8e1; }

.report_list { border-top: 2px solid #222; }
.report_list li { display: flex; flex-wrap: wrap; height: 60px; border-bottom: 1px solid #d5d8e1; }
.report_list li.board_title { border-bottom: 1px solid #8b8d93; font-weight: 600; }
.report_list li.board_cont { transition: all 0.3s; height: auto; min-height: 60px;}
.report_list li.board_cont:hover { background: #f7f7f7; }
.report_list li > div { flex: 1; display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; }
.report_list li .check_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 80px; height: 35px; background: #264186; border: 1px solid #264186; border-radius: 3px; color:#fff; font-size: 14px; transition: all 0.3s; }
.report_list li .check_btn:hover { background: #152349; }

.report_btnbox { display: flex; flex-wrap: wrap; justify-content: center; /* gap: 0 10px; */ }
.report_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 320px; height: 60px; border: 1px solid #264186; border-radius: 3px; color: #264186; font-size: 1.1em; font-weight: 700; letter-spacing: -0.03em; transition: all 0.3s; margin:0 5px 0 5px;;}
.report_btn i { margin-right: 10px; font-size: 1.3em; }
.report_btn:hover { background: #264186; color: #fff; }

.report_top { display: flex; flex-wrap: wrap; margin-bottom: 50px; padding: 50px; padding-right: 390px; background: #f4f6fa url('../image/sub/report_write_img01.png') center right no-repeat; background-size: contain; border-radius: 5px; font-size: 1.1em; word-break: keep-all; }
.report_top strong { display: block; margin-bottom: 10px; font-size: 1.4em; }

.report_cases_list { display: flex; flex-wrap: wrap; /* gap: 20px 0; */}
.report_cases_list li { text-align: center; width: 24%; margin-left: 1.333%; padding: 30px; border: 1px solid #d5d8e1; border-radius: 5px; margin-bottom: 20px;}
.report_cases_list li:nth-child(4n+1) { margin-left: 0%; }
.report_cases_list li .icon { text-align: center; width: 100%; margin-bottom: 20px; }
.report_cases_list li h5 { margin-bottom: 10px; font-size: 1.2em; word-break: keep-all; }
.report_cases_list li p { color: #555; font-size: 0.95em; }
.report_cases_list li.cases_morebox { padding: 0; background: #eaedf3; border: 1px solid #eaedf3; transition: all 0.3s; }
.report_cases_list li.cases_morebox:hover { border: 1px solid #a3aecf; }
.report_cases_list li .cases_more { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; color: #333; font-size: 1.2em; font-weight: 700; letter-spacing: -0.03em; transition: all 0.3s; }
.report_cases_list li .cases_more:hover { color: #264186; }

.report_stext { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; color: #df5050; font-weight: 500; }
.report_stext span { color: #555; }
.report_stext span i { color: #df5050; font-style: normal; }

.report_datalist { display: flex; flex-wrap: wrap; /* gap: 10px; */ }
.report_datalist li { position: relative; width: 100%; padding-left: 20px; margin-bottom:10px; }
.report_datalist li:last-child { margin-bottom: 0px; }
.report_datalist li:after { content:''; position: absolute; top: 11px; left: 0px; width: 8px; height: 1px; background: #444; }
.report_datalist li .blue { color:blue; font-weight:bold;}

.data_table01 { margin-top: 15px; border-top: 1px solid #555; border-right: 1px solid #ddd; }
.data_table01 th, .data_table01 td { text-align: center; height: 50px; padding: 10px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; font-size: 1em; }
.data_table01 th { background: #f4f4f4; }
.data_table01 td {  }

.survey_title { position: relative; margin-bottom: 20px; padding-left: 25px; color: #264186; font-size: 1.2em; letter-spacing: -0.025em; }
.survey_title:after { content:''; position: absolute; top: 13px; left: 0px; width: 15px; height: 2px; background: #264186; }
.survey_list { display: flex; flex-wrap: wrap; /* gap: 10px 0; */ margin: 0px 0 30px;padding: 30px; background: #e7efff; border-radius: 5px; }
.survey_list li { width: 50%; padding-right: 10px; margin: 5px 0px;}
.survey_list li label { display: inline-flex; flex-wrap: wrap; align-items: center; /* gap: 10px; */ width: 100%; height: 50px; padding: 0 20px; background: #fff; border: 1px solid #264186; border-radius: 3px; color: #264186; font-weight: 600; }
.survey_list li label input { margin-right:10px; }
.survey_list li .survey_input_etc { margin: auto; height: 32px; width: 70%;}

.report_checkbox { display: flex; flex-wrap: wrap; margin: 0px 0 50px; padding: 30px; background: #fff2f2; border-radius: 5px; }
.report_checkbox h4 { margin-bottom: 20px; font-size: 1.2em; font-weight: 700; letter-spacing: -0.025em; }
.report_checkbox h4 i { position: relative; top: 3px; font-size: 23px; }
.report_checkbox h4 strong { color: #df5050; font-weight: 700; }
.report_checklist { width: 100%; margin-bottom: 20px; }
.report_checklist li { position: relative; margin-bottom: 10px; padding-left: 25px; }
.report_checklist li:last-child { margin-bottom: 0px; }
.report_checklist li input { position: absolute; top: 6px; left: 0px; }
.report_checklist li label strong { color: #df5050; }
.report_checkbox p { position: relative; display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 20px; color: #264186; font-weight: 600; }
 
.report_filebox { display: flex; flex-wrap: wrap; /* gap: 10px 0; */ margin: 30px 0 0; padding: 30px; background: #f4f6fa; border-radius: 5px; }
.report_filebox h4 { width: 100%; margin-bottom: 10px; font-size: 1.2em; font-weight: 700; letter-spacing: -0.025em; border-bottom: solid 1px #bcbcbc; box-shadow: 0px 0.5px 0px 0px grey;}
.report_file_inr { width: 100%; margin: 5px 0px;}
.report_file_inr .file_control{ width:calc(100% - 200px); }
.report_file_inr .file_box { width:100%; }
.report_file_inr .file_box .file_origin{ width:calc(100% - 160px); height:50px; padding:0 8px; background-color:#fff; border:none; border-radius:5px; -webkit-text-fill-color:#777; opacity: 1; }
.report_file_inr .file_box input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border:0;}
.report_file_inr .upload_file_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100px; height: 50px; background: #264186; border-radius: 5px; color: #fff; }
.report_file_inr .delete_file_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 50px; height: 50px; background: #264186; border-radius: 5px; color: #fff; }

.law_top { display: flex; flex-wrap: wrap; align-items: center; min-height: 200px; margin-bottom: 50px; padding: 50px; padding-right: 390px; background: #f4f6fa url('../image/sub/law_img01.png') center right no-repeat; background-size: contain; border-radius: 5px; font-size: 1.1em; word-break: keep-all; }
.law_tab { display: flex; flex-wrap: wrap; margin-bottom: 30px; /* gap: 5px 0; */ }
.law_tab li { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 19%; height: 40px; margin: 5px 0px; margin-left: 1.25%; }
.law_tab li:nth-child(5n+1) { margin-left: 0%; }
.law_tab li a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; padding: 0 15px; border: 1px solid #ddd; border-radius: 3px; color: #333; font-weight: 500; transition: all 0.3s; }
.law_tab li:hover a { background: #f4f6fa; color: #264186; }
.law_tab li.active a { border: 1px solid #264186; color: #264186; }
.law_box { margin-bottom: 50px; }
.law_box h4 { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 50px; margin-bottom: 20px; padding: 0 20px; background: #264186; border-radius: 5px; color: #fff; font-weight: 700; font-size: 1.15em; }
.law_cont { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px; background: #f4f6fa; border-radius: 5px; }
.law_cont_inr { width: 50%; border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
.law_cont_inr:first-child { border-right: 1px solid rgba(0, 0, 0, 0.3); }
.law_cont_inr .title { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-top: 1px solid rgba(0, 0, 0, 0.8); border-bottom: 1px solid rgba(0, 0, 0, 0.3); height: 45px; font-size: 1.15em; font-weight: 700; }
.law_cont_inr .law_text { padding: 20px; }
.law_cont_inr strong { display: block; }

.law_textlist01 { margin-left: 20px; }

.law_noti { text-align: right; color: #777; font-size: 1.05em; }
.law_noti a { color: #5075df; font-weight: 800; }
.law_noti a:hover { text-decoration: underline; }

.cases_tabs { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; /* gap: 0 10px; */ margin-bottom: 50px; padding: 0px; }
.cases_tabs li { position: relative; margin: 0px 5px;}
.cases_tabs li a { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; min-width: 200px; height: 60px; padding: 0 30px; border: 1px solid #ddd; color: #888; font-size: 1.15em; transition: all 0.3s; }
.cases_tabs li a:hover { border: 1px solid #264186; color: #264186; }
.cases_tabs li.active a { border: 1px solid #264186; color: #264186; font-weight: 700; }
.cases_tabs li.active, .cases_tabs li.active a:hover  { z-index: 2; }

.cases_list { display: flex; flex-wrap: wrap; /* gap: 50px 4%; */ }
.cases_inr { display: flex; flex-wrap: wrap; width: 48%; margin-bottom: 50px; margin-left: 4%;}
.cases_inr:nth-child(2n+1) { margin-left: 0%; }
.cases_inr:nth-child(4n+3) { margin-bottom: 0px; }
.cases_inr:nth-child(4n+4) { margin-bottom: 0px; }

.cases_title { width: 100%; height: 80px; margin-bottom: 30px; }
.cases_title h4 { position: relative; margin-bottom: 10px; padding-left: 65px; font-size: 25px; }
.cases_title h4 span { position: absolute; top: 0px; left: 0px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; width: 55px; color: #264186; font-size: 36px; font-weight: 700; line-height: 1; }
.cases_title h4 span i { position: relative; bottom: 2px; font-size: 16px; font-style: normal; }
.cases_title p { padding-left: 65px; color: #666; font-size: 1.15em; }

.cases_cont { display: flex; flex-wrap: wrap; align-content: space-between; width: 100%; height: calc(100% - 110px); padding: 30px; background: #f4f6fa; border-radius: 5px; }
.cases_cont_in { margin-bottom: 30px; }
.cases_cont_in .cases_imgbox { text-align: center; width: 100%; margin-bottom: 30px; }
.cases_cont_in .cases_imgbox img { max-width: 100%; }
.cases_cont_in p { width: 100%; word-break: keep-all; }
.cases_info { width: 100%; padding: 20px; background: #fff; border-radius: 5px; }
.cases_info li { position: relative; display: flex; flex-wrap: wrap; align-items: center; min-height: 30px; margin-bottom: 10px; padding-left: 90px; }
.cases_info li:last-child { margin-bottom: 0px; }
.cases_info li strong { position: absolute; left: 0px; top: 0px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 80px; height: 30px; background: #264186; border-radius: 3px; color: #fff; font-size: 0.9em; }
.cases_info li span { display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: flex-start; width: 100%; }

.bd_pagination { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; /* gap: 4px; */ margin-top: 50px; }
.bd_pagination a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; min-width: 35px; height: 35px; border: 1px solid #d5d8e1; border-radius: 3px; font-size: 14px; }
.bd_pagination a:hover { text-decoration: underline; }
.bd_pagination a.active { background: #264186; border: 1px solid #264186; color: #fff; }
.bd_pagination a.page_first { background: url('../image/sub/page_first.png') center center no-repeat; }
.bd_pagination a.page_prev { background: url('../image/sub/page_prev.png') center center no-repeat; }
.bd_pagination a.page_next { background: url('../image/sub/page_next.png') center center no-repeat; }
.bd_pagination a.page_end { background: url('../image/sub/page_end.png') center center no-repeat; }

.bd_pagination strong { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; min-width: 35px; height: 35px; border-radius: 3px; font-size: 14px; background: #264186; border: 1px solid #264186; color: #fff;}


.cases_pagination { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; /* gap: 4px; */ margin-top: 50px; }
.cases_pagination button { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; min-width: 35px; height: 35px; background: transparent; border: 1px solid #d5d8e1; border-radius: 3px; font-size: 14px; margin: 0px 2px; }
.cases_pagination button:hover { text-decoration: underline; }
.cases_pagination button.nav-btn:hover, .cases_pagination button.active { background: #264186; border: 1px solid #264186; color: #fff; text-decoration: none; }

.board_top { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 10px; }
.board_list { border-top: 2px solid #222; }
.board_list li { display: flex; flex-wrap: wrap; height: 60px; border-bottom: 1px solid #d5d8e1; }
.board_list li.board_title { border-bottom: 1px solid #8b8d93; font-weight: 600; }
.board_list li.board_cont { transition: all 0.3s; }
.board_list li.board_cont:hover { background: #f7f7f7; }
.board_list li > div { display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; }
.board_list li .num { width: 80px; }
.board_list li .title { width: calc(100% - 300px); padding: 0 20px; }
.board_list li.board_cont .title { justify-content: flex-start; }
.board_list li.board_cont .title a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.board_list li .name { width: 120px; }
.board_list li .date { width: 100px; }

.board_view_head .board_title { text-align: center; margin: 0; padding: 20px; background: #f9f9f9; border-top: 2px solid #264186; color: #333; font-size: 18px; font-weight: 700; line-height: 1.2; }
.board_info { display:flex; flex-wrap:wrap; padding:10px 0; border-top:1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.board_info li{ overflow:hidden;position:relative;display: inline-flex;flex-wrap: wrap;/*align-items: center;*/margin-right:30px;color: #555;}
.board_info li strong{ margin-right: 15px; padding-left:15px; }
.board_info li strong:before{ content:'';position:absolute; top:11px; left:0; display:inline-block; width:4px; height:4px; border-radius: 5px; background:#757575; }		
.board_info li.file { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; flex-basis: 100%; max-width: 100%; margin-top: 10px; margin-right: 0px; }
.board_info li.file span{ display:block; width: calc(100% - 95px); margin-bottom:5px;}
.board_info li.file span i { font-size: 0.85em; font-style: normal; }
.board_info li.file strong{ display: inline-flex; width:80px; }
.board_info li.file a{ position:relative; display:inline-block; margin-top:4px; color: #555;}
.board_info li.file strong+span{margin-top:0;}
.board_info li.file strong+span>a:first-child{margin-top:0;}
.board_info li.file a:hover,.bd_view_ul_info li.file a:active,.bd_view_ul_info li.file a:focus{text-decoration:underline;}
.board_view_contents { padding: 30px; border-bottom: 1px solid #e0e0e0; word-break: keep-all; }
.board_view_imgbox img { max-width: 100%; }
.board_view_imgbox video { width: 100%; }
.board_view_footer { display: flex; flex-wrap: wrap; justify-content: flex-end; /* gap: 5px; */ text-align: right; margin-top: 30px; }
.board_view_footer.align_C { justify-content: center; }
.board_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 120px; height: 45px; border: 1px solid #d5d8e1; }
.board_btn01 { background: #444; border: 1px solid #444; color: #fff; }
.board_reply_box { width: auto; margin: 10px; }
.board_reply_box ul { background: #f5f5f5; border-radius: 10px; padding: 10px; }
.board_reply_box ul li { border-bottom: solid 1px; border-color: darkgrey; padding: 6px; }
.board_reply_box ul li:last-child { border-bottom: solid 0px; }
.board_reply_box ul li .writedate{ float: right; }



.board_view_btnbox { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 10px; }
.board_view_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 320px; height: 60px; border: 1px solid #264186; border-radius: 3px; color: #264186; font-size: 1.1em; font-weight: 700; letter-spacing: -0.03em; transition: all 0.3s; }
.board_view_btn:hover { background: #264186; color: #fff; } 

.board_wirte { border-top: 2px solid #222; }
.board_wirte_inr { display: flex; flex-wrap: wrap; padding: 15px 15px; border-bottom: 1px solid #d5d8e1; }
.board_wirte_inr label { display: flex; flex-wrap: wrap; align-items: center; width: 200px; font-weight: 600; }
.board_wirte_inr label i.required_icon { margin-left: 5px; color: #df5050; font-style: normal; }
.board_wirte_inputbox { position: relative; display: flex; flex-wrap: wrap; align-items: center; /* gap: 0 5px; */ width: calc(100% - 200px); white-space:pre-line; }
.board_wirte_inr input, .board_wirte_inr textarea { width: calc(100% - 200px); padding: 10px; border: 1px solid #d5d8e1; }
.board_wirte_inr .board_wirte_inputbox input, .board_wirte_inr .board_wirte_inputbox textarea { width: 100%; }
.board_wirte_inr input { height: 50px; }
.board_wirte_inr textarea { height: 300px; }
.board_wirte_inr select { min-width: 200px; height: 50px; padding: 10px; border: 1px solid #d5d8e1; }
.board_wirte_inr input.half_input { width: calc(50% - 200px); }
.board_wirte_inr .board_wirte_inputbox input.half_input { width: 50%; }
.board_wirte_inr input.email_input { width: 30%; }
.board_wirte_inr input.date_input { width: 30%; }
.board_wirte_inr .board_wirte_inputbox .adress_box { display: flex; flex-wrap: wrap; width: 100%; /* gap: 10px; */ margin-bottom: 10px; }
.board_wirte_inr .board_wirte_inputbox .adress_box .address_input01 { width: calc(100% - 130px);  }
.board_wirte_inr .board_wirte_inputbox .adress_box .address_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 120px; height: 50px; border: 1px solid #264186; color: #264186; margin-left: 10px;}
.example_text { margin-left: 30px; color: #666; font-size: 0.85em; }
.board_wirte_inputbox .noti { margin-bottom: 10px; color: #555; font-size: 0.95em; font-weight: 500; letter-spacing: -0.03em; }
.board_wirte_inputbox .noti i { color: #df5050; font-style: normal; }

.board_wirte_inr .file_control{ width:calc(100% - 200px); }
.board_wirte_inr .file_box { width:100%; }
.board_wirte_inr .file_box .file_origin{width:calc(70% - 155px); height:50px; padding:0 8px; background-color:#eee; border:none; border-radius:0; -webkit-text-fill-color:#aaa; opacity: 1;}
.board_wirte_inr .file_box input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border:0;}
.board_wirte_inr .upload_file_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 150px; height: 50px; background: #444; color: #fff; }

.faq_title { position: relative; display: flex; flex-wrap: wrap; align-items: center; text-align: left; width: 100%; height: 70px; margin-bottom: 10px; padding: 0 30px; border: 1px solid #d5d8e1; border-radius: 3px; font-size: 1.1em; font-weight: 500; cursor: pointer; transition: all 0.3s; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }
.faq_title.active, .faq_title:hover { border: 1px solid #264186; }
.faq_title:after { content: '\002B'; position: absolute; right: 30px; margin-left: 5px; color: #264186; font-size: 1.3em; }
.faq_title.active:after { content: "\2212"; }
.faq_title i { margin-right: 10px; color: #264186; font-size: 1.3em; font-weight: 600; font-style: normal; opacity: 0.2; }
.faq_title.active i { opacity: 1; }

.faq_content { overflow: hidden; max-height: 0; transition: max-height 0.2s ease-out; }
.faq_content_inr { margin-bottom: 20px; padding: 40px 30px; background-color: #f4f6fa; border-radius: 3px; word-break: keep-all; }

.board_img_list { display: flex; flex-wrap: wrap; /* gap: 30px 0; */ }
.board_img_list li { width: 32%; margin-left: 2%; }
.board_img_list li:nth-child(3n+1) { margin-left: 0%; }
.board_img_list li .imgbox { overflow: hidden; position: relative; width: 100%; /* height: 230px; */ margin-bottom: 20px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); }
.board_img_list li .imgbox:after { content: ""; display: block; padding-bottom: 100%; }
.board_img_list li .imgbox a { position: absolute; display: block; width: 100%; height: 100%; }
.board_img_list li .imgbox img { display: block; width: 100%; height: 100%; object-fit: cover; }
.board_img_list li .title {  }
.board_img_list li .title a { text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center; font-size: 1.1em; font-weight: 600; word-break: keep-all; }

.board_movie_list { display: flex; flex-wrap: wrap; /* gap: 30px 0; */ }
.board_movie_list li { width: 32%; margin-left: 2%; }
.board_movie_list li:nth-child(3n+1) { margin-left: 0%; }
.board_movie_list li .imgbox { overflow: hidden; position: relative; width: 100%; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); }
.board_movie_list li .imgbox:after { content: ""; display: block; padding-bottom: 60%; }
.board_movie_list li .imgbox a { position: absolute; display: block; width: 100%; height: 100%; }
.board_movie_list li .imgbox img { display: block; width: 100%; height: 100%; object-fit: cover; }
.board_movie_list li .title {  }
.board_movie_list li .title a { text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center; font-size: 1.1em; font-weight: 600; word-break: keep-all; }
.board_movie_list video {width: 100%;}

.privacy_top { position: relative; margin-bottom: 50px; padding: 50px; background: #f4f6fa; border-radius: 5px; word-break: keep-all; }

.privacy_imgbox { text-align: center; }
.privacy_imgbox img { max-width: 100%; }
.privacy_list01 { counter-reset: circle 0; }
.privacy_list01 li { position: relative; list-style: none; display: flex; flex-wrap: wrap; margin-bottom: 10px; padding-left: 25px; }
.privacy_list01 li::before { position: absolute; top: 12px; left: 0; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 16px; height: 18px; transform: translateY(-50%); counter-increment: circle 1; content: counter(circle); font-size: 0.8em; }
.privacy_list01 li::after { content: ''; position: absolute; top: 12px; left: 0; transform: translateY(-50%); display: inline-block; border: 1px solid #333; border-radius: 50%; width: 16px; height: 16px; }
.privacy_list01 li:last-child { margin-bottom: 0px; }
.privacy_list01 li strong { width: 100%; }
.privacy_list01 li table { margin-bottom: 10px; }
.privacy_list01 li dl { width: 100%; margin: 10px 0; }
.privacy_list01 li dl dt { font-size: 0.9em; font-weight: 600; }
.privacy_list01 li dl dd { margin-bottom: 10px; font-size: 0.9em; }
.privacy_list01 li dl dd:last-child { margin-bottom: 0px; }

.bg_list01 { width: 100%; padding: 30px; background: #f4f4f4; border-radius: 3px; }

.mb20 { margin-bottom: 20px; }

.popup_wrap {
	display: block;
	height: auto;
	width: 740px;
	line-height: 30px;
	padding: 20px 16px;
	background: #fff;
	position: relative;
}
.popup_contents { margin: 20px 0; line-height: 1.6; }
.popup_title { text-align: center; margin-bottom: 30px; }
.popup_title h2 { font-size: 1.6em; }

.popuppage_inr { margin-bottom: 50px; }
.popuppage_inr_last { margin-bottom: 0px; }
.popuppage_inr .cont01 { padding-left: 40px; font-size: 1.1em; }
.popuppage_inr .cont01 .stxt { color: #666; font-size: 0.9em; }

.address_tabs { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; /* gap: 0 10px; */ margin-bottom: 10px; padding: 0px; }
.address_tabs li { position: relative; margin: 0px 5px;}
.address_tabs li a { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; min-width: 200px; height: 60px; padding: 0 30px; border: 1px solid #ddd; color: #888; font-size: 1.15em; transition: all 0.3s; }
.address_tabs li a:hover { border: 1px solid #264186; color: #264186; }
.address_tabs li.active a { border: 1px solid #264186; color: #264186; font-weight: 700; }
.address_tabs li.active, .cases_tabs li.active a:hover  { z-index: 2; }

.address_searchbox { display: flex; flex-wrap: wrap; padding: 15px 15px; border-bottom: 1px solid #d5d8e1; }
.address_searchbox select { min-width: 160px; height: 40px; border: 1px solid #d5d8e1; margin-right: 5px; }
.address_searchbox input { height: 40px; }
.address_searchbox .address_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 120px; height: 40px; border: 1px solid #264186; color: #264186; margin-left: 10px;}

.address_list { border-top: 2px solid #222; }
.address_list div.address_cont { height: 250px;padding-bottom: 10px;overflow-y: auto; }
.address_list li { display: flex; flex-wrap: wrap; height: 60px; border-bottom: 1px solid #d5d8e1; }
.address_list li.address_title { border-bottom: 1px solid #8b8d93; font-weight: 600; }
.address_list li.address_cont { transition: all 0.3s; height: 50px; }
.address_list li.address_cont:hover { background: #f7f7f7; }
.address_list li > div { flex: 1; display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; }
.address_list li > div.address_wh01 { flex: 2; }
.address_list li > div.address_wh02 { flex: 1; }

.result_textbox { padding: 30px; background: #f4f6fa; border-radius: 5px; }
.result_textbox > ul { list-style: disc; }
.result_textbox > ul > li { margin-left: 20px; margin-bottom: 10px; }
.result_textbox > ul > li:last-child { margin-bottom: 0px; }

.result_list01 { counter-reset: circle 0; }
.result_list01 li { position: relative; list-style: none; display: flex; flex-wrap: wrap; margin-bottom: 10px; }
.result_list01 li:last-child { margin-bottom: 0px; }
.result_list01 li strong { width: 100%; }
.result_list01 li table { margin-bottom: 10px; }
.result_list01 li dl { width: 100%; margin: 10px 0; }
.result_list01 li dl dt { font-size: 0.9em; font-weight: 600; }
.result_list01 li dl dd { margin-bottom: 10px; font-size: 0.9em; }
.result_list01 li dl dd:last-child { margin-bottom: 0px; }

.text_end { margin: 5px 0 5px 0; text-align: right; }