@charset "utf-8";
@import url(font.css);
@import url(layout.css);
@import url(board.css);
@import url(member.css);

.header_wrap.sub_header{color:#222; box-shadow: 0 10px 15px rgba(0,0,0,0.05);}
.sub_header header h1 a{background-image: url(/images/page/common/t_logo_bk.png);}
.sub_wrap{margin:80px auto 0;}

.sub_top{text-align:center; margin:80px auto 0; padding-top:120px; color:#222; position: relative; overflow: hidden;}
.sub_top> *{position: relative; z-index: 1;}
.sub_top:before, .sub_top:after{content:''; width:30%; height:100%; display:block;background:url(/images/page/common/sub_top_bg2.png); background-repeat: no-repeat; background-size: 100%; background-position: center right; position: absolute; top:0; z-index: 0; opacity: 0.6;}
.sub_top:before{left:0;}
.sub_top:after{right:0; transform: scale(-1);}
.sub_top h3{font-family: var(--tit_font); font-size: 90px; font-weight: 500; line-height: 100%; text-shadow: 10px 10px 10px rgba(0,0,0,0.05); color:#111; word-break: keep-all;}
.sub_top .location{display:flex; align-items: center; position:relative; padding-left:20px; width:fit-content; margin:15px auto 0;}
.sub_top .location:before{content:"\f43e"; font-family: boxicons !important; position:absolute; left:0; font-size:14px; color:#999;}
.sub_top .location li{font-size:15px; padding:0 8px 0 16px; color:#999; position:relative; z-index: 0;}
.sub_top .location li:before{content:""; width:5px; height:5px; border:1px solid #999; border-width: 1px 1px 0 0; transform: rotate(45deg); position:absolute; top:0; bottom:0; left:0; margin:auto;}

.sub_con{padding:60px;}

.sub_tab_menu{margin-top:60px; border-bottom: 1px solid #ddd;}
.sub_tab_menu > ul{display:flex; justify-content: center; gap: 20px}
.sub_tab_menu > ul > li{border-bottom:2px solid transparent;}
.sub_tab_menu > ul > li > a{display:block; padding:10px 40px; font-size:18px; line-height:125%; white-space: nowrap}

.sub_tab_menu > ul > li.on, .sub_tab_menu > ul > li:hover{border-color:var(--sub_color);}
.sub_tab_menu > ul > li.on > a, .sub_tab_menu > ul > li:hover > a{color:var(--sub_color); font-weight: 500}

/* center */
.center_top_img{padding-top:45%; margin-bottom:40px; border-radius:10px;}
.center_wrap.biz_right .biz_right_tit strong{margin-bottom:20px;}
.center_wrap.biz_right .biz_right_tit p{font-weight: 400; line-height: 175%;}

.map_wrap{width:100%; border:1px solid #ddd; border-radius:10px; overflow:hidden; margin-bottom:40px;}
.map_wrap .root_daum_roughmap{width:100%;}
.map_wrap .root_daum_roughmap .border1,
.map_wrap .root_daum_roughmap .border2,
.map_wrap .root_daum_roughmap .border3,
.map_wrap .root_daum_roughmap .border4,
.map_wrap .root_daum_roughmap .wrap_controllers{display:none;}
.map_wrap .root_daum_roughmap .wrap_btn_zoom{display:none;}
.map_wrap .root_daum_roughmap .cont{display:none;}

.direction_info table th, .direction_info table td{border:1px solid #ddd;}
.direction_info table th{background:#f9f9f9;}
.direction_info table td{text-align: left;}

/* biz_con */
.biz_container{display:flex; justify-content: space-between; gap:60px;}
.biz_container + .biz_container{margin-top:60px; padding-top:60px; border-top:1px dashed #ddd;}

.biz_left{width:320px;}
.biz_left .biz_left_tit h4{font-family: var(--tit_font); color:#222; font-size:24px; font-weight: 600;}

.biz_right{width:calc(100% - 380px);}

.biz_right .biz_right_tit span{color:var(--sub_color);}
.biz_right .biz_right_tit strong{display:block; font-family:var(--tit_font); font-weight: 600; font-size:36px; color:#222; margin:10px 0; line-height: 125%;}
.biz_right .biz_right_tit p{font-size:18px; font-weight:500; color:#666;}

.biz_right .list_st_dot{font-size:15px;}
.biz_right .list_st_dot > li:before{top:7px;}
.biz_right .list_st_dot > li + li{margintop:3px;}
.biz_right .list_st_dash{font-size:15px;}
.biz_right .list_st_dash > li:before{top:7px;}
.biz_right .list_st_dash > li + li{margin-top:3px;}

.biz_icon_card{display:flex; justify-content: space-between; align-items: stretch; margin-top:40px;}
.biz_icon_card li{width:32%; border:1px solid #ddd; border-radius:20px; padding:15px; text-align: center;}
.biz_icon_card img{display:block; margin:30px auto; width:45px;}
.biz_icon_card b{font-family: var(--tit_font); font-size:20px; font-weight:600; color:#222; word-break: keep-all;}
.biz_icon_card p{font-size:15px; color:#666; line-height:145%; margin-top:8px; word-break: keep-all;}

.biz_org_sys{display:flex; justify-content: space-between; align-items: center; margin-top:40px;}
.biz_org_sys li{display:flex; justify-content: center; align-items: center;}
.biz_org_sys span{color:#222; font-size:16px; font-weight: 500;}
.biz_org_sys span:after{content:'|'; font-size:12px; display:inline-block; padding:0 10px;}
.biz_org_sys div.img_box{width:160px; padding-top:48px; background:#fff; border:none;}
.biz_org_sys img{object-fit: contain;}

.strategy_con + .strategy_con{margin-top:80px;}

.point_color_box{background:#E6ECFF; text-align:center; padding:6px; font-family: var(--tit_font); font-size:24px; font-weight: 700; color:#222; border-radius:30px; word-break: keep-all;}

.strategy_list{display:flex; justify-content: space-between; align-items: center; margin-bottom:60px;}
.strategy_list > li{width:23%; height:325px; border:1px solid #ddd; border-radius:10px; display:flex; flex-direction: column; justify-content: space-between; position:relative; overflow:hidden;}
.strategy_list > li > span{display:block; color:var(--sub_color); font-size:12px; text-align:center; width:50%; padding:5px 0; background:#E6ECFF; border-radius: 0 0 10px 10px; position:absolute; top:0; left:0; right:0; margin:auto; font-weight: 500;}
.strategy_list > li > p{width:100%; height:45%; position: relative;}
.strategy_list > li > p > strong{font-family: var(--tit_font); font-size:20px; color:#222; font-weight: 600; text-align: center; position:absolute; top:25px; bottom:0; left:0; right:0; margin:auto; height:fit-content; line-height:125%;}
.strategy_list .list_st_dot{background:#f9f9f9; padding:20px; height:55%; width:100%;}
.strategy_list .list_st_dot small{font-size:12px;}

.biz_semi_tit{margin-bottom:40px;}
.biz_semi_tit > h5{font-family: var(--tit_font); position:relative; color:var(--sub_color); font-size:20px; font-weight:600; padding-left:24px; padding-top:10px;}
.biz_semi_tit > h5:before{content:"\f43f"; font-family:'boxicons' !important; font-size:24px; position:absolute; top:0; left:0; color:orange;}
.biz_semi_tit .bx{vertical-align: middle;}
.biz_semi_tit > h5 > span{color:#222;}
.biz_semi_tit > p{margin-top:10px; color:#666; font-size:14px;}

.sup_place_list{margin-top:40px; display:flex; justify-content: space-between; align-items: center;}
.sup_place_list > li{width:23%; border:1px solid #ddd; border-radius:10px; overflow:hidden; box-shadow: 3px 3px 3px rgba(0,0,0,0.05);}
.sup_place_list > li .img_box{border:none;}
.sup_place_list > li .img_box > img{}
.sup_place_list > li > span{display:block; width:100%; height:32px; background:#222; color:#fff; line-height:32px; text-align: center; font-size:14px;}

.sup_network > ul > li{display:flex; justify-content: space-between; align-items: center; gap: 60px;}
.sup_network > ul > li + li{margin-top:40px;}
.sup_network .circle_img_wrap{position:relative; width:450px; height:320px;}
.sup_network .circle_img_wrap > p.img_box{position:absolute; border-radius:110px; width:300px; padding-top:210px; border:none; box-shadow: 3px 3px 10px rgba(0,0,0,0.2);}
.sup_network .circle_img_wrap > p.img_box + p.img_box{left:auto; top:auto; right:0; bottom:0;}
.sup_network .txt_box{width:calc(100% - 510px); padding:30px; border:1px solid #ddd; border-radius:20px;}
.sup_network .txt_box > strong{font-family: var(--tit_font); font-size:20px; font-weight: 600; color:#222; margin-bottom:15px; display:block;}

.sup_tool_wrap{padding:40px; border:1px solid #ddd; border-radius:20px;}

.sup_tool{display:flex; justify-content: center; align-items: center;}
.sup_tool > li{width:150px; height:150px; border-radius: 50%; border:5px solid #e6ecff; position: relative;}
.sup_tool > li + li{margin-left:-10px;}
.sup_tool div{text-align: center; height:fit-content; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.sup_tool div > *{display:block; margin:0 auto;}
.sup_tool div img{width:35px; height:35px; margin-bottom:10px;}
.sup_tool div span{font-size:12px;}
.sup_tool div strong{font-family: var(--tit_font); font-weight: 600; color:#222; line-height: 100%;}

.sup_user{display:flex; justify-content: space-between; align-items: center;}
.sup_user > div{position:relative; padding-top:60px;}
.sup_user > div:before{content:''; width:50px; height:50px; display:block; background:url(/images/page/contents/sup_tool_arrow.png) no-repeat; background-size: 100%; position:absolute; top:0; left:0; right:0; margin:auto;}
.sup_user > div:nth-child(2):before{transform: rotate(-90deg);}
.sup_user ul{display: flex; justify-content: center; align-items: center; gap:10px; position: relative; padding:25px 25px 0;}
.sup_user > div:after{content:''; width:100%; height:30px; border-radius:30px 30px 0 0; border:3px solid #eee; display:block; border-width:3px 3px 0 3px; position: absolute; top:60px; left:0; right:0; margin:auto;}
.sup_user ul li{width:100px; height:100px; border-radius:50%; background:#e6ecff; position:relative; text-align: center;}
.sup_user ul li div{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height: fit-content;}
.sup_user ul li span{display:block; font-family: var(--tit_font); font-weight: 500; color:#222; line-height:100%;}
.sup_user ul li small{font-size:10px; padding:2px 3px; border:1px solid var(--sub_color); color:var(--sub_color); border-radius:20px;}
.sup_user strong{font-family: var(--tit_font); font-weight: 600; color:#fff; background:var(--sub_color); border-radius:15px; padding:5px 0; text-align: center; display:inline-block; margin:20px auto; width:100%;}

.sup_eq{display:flex; justify-content: space-between; flex-wrap: wrap; gap:40px;}
.sup_eq > li{width:calc((100% - 80px)/3);}
.sup_eq > li > span{display:block; font-size:14px; background:#E6ECFF; color:var(--sub_color); text-align:center; width:40%; height:32px; line-height:32px; border-radius:5px 5px 0 0;}
.sup_eq > li > .img_box{margin-bottom:20px;}
.sup_eq > li > strong{width:95%; margin:0 auto; font-family: var(--tit_font); color:#222; font-size:20px; font-weight: 600; display:block; margin-bottom:10px; word-break: keep-all;}
.sup_eq > li > p{margin-top:10px;}

.sup_eq.eq_col4 > li{width:calc((100% - 120px)/4); text-align: center; word-break: keep-all;}
.sup_eq.eq_col4 > li > strong{font-size:16px; line-height:125%;}
.sup_eq.eq_col4 > li > p{font-size:15px;}

.sup_edu{margin-top:60px;}

.sup_program{display:flex; gap:40px;}
.sup_program > *{width:calc((100% - 40px)/2);}
.sup_program .img_box{padding-top:45%; border-radius:20px;}
.sup_program > ul{border:3px solid #e6ecff; padding:30px; border-radius:20px;}
.sup_program > ul > li + li{margin-top:20px;}
.sup_program > ul > li > b{color:#222; font-size:18px; font-weight:700; line-height:125%; margin-bottom:10px; display:block; text-decoration: underline; text-decoration-color:rgba(255, 208, 27,0.5); text-decoration-thickness:0.5em; text-underline-offset:-0.35em;}
.sup_program > ul > li > span{color:#222; font-weight: 700; line-height:100%; display:block; margin-bottom:5px; font-size:13px;}
.sup_program > ul > li > div > p{margin-bottom:10px; font-size:15px; word-break: keep-all;}

.test_process {padding:20px; border:1px solid #ddd;}
.test_process > ul{display:flex; position: relative; padding:50px 20px 50px 0;}
.test_process > ul:before{content:''; width:100%; height:10px; display:block; background:#E6ECFF; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.test_process > ul:after{content:''; width:1px; height:1px; border:10px solid transparent; border-top-color: #E6ECFF; border-right-color:#E6ECFF; position:absolute; right:0; top:0; bottom:0; margin:auto; transform:rotate(45deg); }
.test_process > ul > li{width:16.6666%; text-align:center; position: relative;}
.test_process > ul > li > *{display:block; position: relative;}
.test_process > ul > li > span{width:25px; height:25px; background:var(--sub_color); color:#fff; border-radius:50%; line-height:25px; margin:0 auto; font-size:13px;}
.test_process > ul > li > b{word-break: keep-all; position:absolute; left:0; right:0; margin:auto; line-height:120%; font-weight: 500; font-size:12px;}
.test_process > ul > li:nth-child(2n+1) > b{bottom:-35px;}
.test_process > ul > li:nth-child(2n) > b{top:-35px;}

.sup_help > strong{display:block; padding:10px 20px; text-align: center; font-family: var(--tit_font); color:#fff; background: var(--sub_color); font-weight:600; font-size: 20px; border-radius:10px; margin-bottom:60px; position:relative;}
.sup_help > strong:before, .sup_help > strong:after{content:''; width:40px; height:40px; display:block; background:url(/images/page/contents/tech_help_map_arrow.png) no-repeat; background-size:100%; position: absolute; bottom:-50px;}
.sup_help > strong:before{transform:rotate(-45deg); left:25%;}
.sup_help > strong:after{transform: rotate(-135deg); right:25%;}
.sup_help > ul{display:flex; justify-content: space-between; gap:10px;}
.sup_help > ul > li{width:calc((100% - 10px)/2); border-radius:10px; border:1px solid #ddd; overflow:hidden;}
.sup_help > ul > li > strong{padding:10px; font-family: var(--tit_font); font-weight: 500; text-align: center; display:block; background:#E6ECFF; color:#222;}
.sup_help > ul > li > .list_st_dot{padding:20px; font-size:14px}
.sup_help > ul > li > .list_st_dot > li:before{top:7px; word-break: keep-all;}

/* biz02 */
.info_graph_map{text-align: center; border:1px solid #ddd; padding:40px; border-radius:20px;}
.info_graph_map > strong{display:inline-block; width:fit-content; padding:10px 20px; border-radius:15px; background:var(--main_color); color:#fff; font-family: var(--tit_font); font-weight: 600; font-size: 18px; margin:0 auto ;}
.info_graph_map .info_graph_top{border:1px solid #ddd; border-radius:15px; width:320px; margin:30px auto 0; overflow:hidden;}
.info_graph_map .info_graph_top > b{background:var(--sub_color); display:block; font-family: var(--tit_font); font-weight: 600; font-size: 18px; color:#fff; padding:10px 20px; line-height: 125%;}
.info_graph_map .info_graph_body > ul{padding-top:30px; display:flex; gap: 30px;}
.info_graph_map .info_graph_body > ul > li{position:relative; padding-top:60px; width: calc((100% - 120px)/5);}
.info_graph_map .info_graph_body > ul > li:before{content:''; width:40px; height:40px; display:block; background:url(/images/page/contents/tech_help_map_arrow.png) no-repeat; background-size: 100%; position:absolute; top:0; left:0; right:0; margin:auto;}
.info_graph_map .info_graph_body > ul > li:nth-child(1):before{transform: rotate(-45deg); left:15px;}
.info_graph_map .info_graph_body > ul > li:nth-child(2):before{transform: rotate(-45deg); left:15px;}
.info_graph_map .info_graph_body > ul > li:nth-child(3):before{transform: rotate(-90deg);}
.info_graph_map .info_graph_body > ul > li:nth-child(4):before{transform: rotate(-135deg); right:15px;}
.info_graph_map .info_graph_body > ul > li:nth-child(5):before{transform: rotate(-135deg); right:15px;}
.info_graph_map .info_graph_body div{border:1px solid #ddd; border-radius: 15px; overflow:hidden;}
.info_graph_map .info_graph_body b{display:block; color:#222; font-family: var(--tit_font); font-weight: 600; background:#e6ecff; padding:5px 20px; line-height: 125%;}
.info_graph_map .list_st_dot{text-align: left; padding:15px 10px;}

.vnv_guideline{text-align:center; width:70%; margin:0 auto;}
.vnv_guideline > p{display:inline-block; padding:10px 20px; text-align: center; font-family: var(--tit_font); font-weight: 600; font-size:18px; color:#222; border-radius:15px; border:3px solid #e6ecff; margin:0 auto;}
.vnv_guideline > p > span{display:inline-block; padding:0 10px; text-align: center; color:#fff; background:var(--sub_color); margin:0 5px;}
.vnv_guideline > ul{display:flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px; margin:0 auto; padding-top:60px; position: relative;}
.vnv_guideline > ul:before{content:''; width:40px; height:40px; display:block; background:url(/images/page/contents/tech_help_map_arrow.png) no-repeat; background-size:100%; position: absolute; left:0; right:0; top:10px; margin:auto; transform: rotate(90deg);}
.vnv_guideline > ul > li{width:calc((100% - 40px)/3); border:1px solid #ddd; border-radius:15px; overflow:hidden;}
.vnv_guideline > ul > li > strong{display:block; padding:10px 20px; background:#e6ecff; font-family: var(--tit_font); color:#222; font-weight: 600; }
.vnv_guideline > ul .list_st_dot{text-align:left; padding:20px;}
.vnv_guideline > div{border:3px solid #e6ecff; border-radius:20px; padding:20px; margin:60px auto 0; position: relative;}
.vnv_guideline > div:before{content:''; width:40px; height:40px; display:block; background:url(/images/page/contents/tech_help_map_arrow.png) no-repeat; background-size:100%; position: absolute; left:0; right:0; top:-50px; margin:auto; transform: rotate(90deg);}
.vnv_guideline > div > ul{display:flex; flex-wrap: wrap; justify-content: center; gap:8px 40px; text-align:left;}
.vnv_guideline > div > ul > li{width:calc((100% - 40px)/2);}
.vnv_guideline > div > ul > li + li{margin-top:0;}

.img_twin{display:flex; justify-content: center; align-items: center; border:1px solid #ddd; margin-bottom:30px; padding:40px; border-radius:20px;}
.img_twin > img{max-width:50%;}

.edu_step > ul {display:flex; align-items: stretch;}
.edu_step > ul > li{border:1px solid #ddd; font-size:14px; padding:2px 10px; border-radius:5px; width: calc((100% - 160px)/4); text-align: center; line-height:125%; display:flex; justify-content: center; align-items: center; background:#e6ecff;}
.edu_step > ul > li + li{position: relative; margin-left:40px;}
.edu_step > ul > li + li:before{content:'';  width:20px; height:20px; display:block; background:url(/images/page/contents/tech_help_map_arrow.png) no-repeat; background-size:100%; position:absolute; left:-30px; top:0; bottom:0; margin:auto;}

.sup_tb_wrap + .sup_tb_wrap{margin-top:60px;}
.sup_tb_wrap > strong{text-align: center; padding:5px 15px; border-radius: 20px; background:var(--sub_color); font-family: var(--tit_font); font-size:16px; color:#fff; font-weight: 600; display:inline-block; margin-bottom:15px;}

.edu_step.varify_step{margin:30px auto;}
.edu_step.varify_step > ul{display:flex; justify-content: space-between;}
.edu_step.varify_step > ul > li{background:#fff; border:3px solid #e6ecff; padding:20px 10px; width:calc((100% - 160px)/4)}
.edu_step.varify_step > ul > li:before{left:-40px;}

/* bbs */
.bbs_search_box{margin-bottom:60px; display:flex; justify-content: center; align-items: center; gap: 6px;}
.bbs_search_slt{width:15%; height:50px; line-height:50px; margin:0;}
.bbs_search{background: #fff; border:1px solid #E6EBF1; border-radius:5px; width:60%; max-width:640px; min-width:320px; display:flex; align-items: center; margin:0;}
.bbs_search input[type="text"]{border:none !important; width:calc(100% - 60px) !important; height:50px; line-height:50px; margin:0;}
.bbs_search button{width:50px; height:50px; font-size:24px; line-height:54px; min-width: unset; padding:0; color:var(--sub_color); margin:0;}
.bbs_search button.go_reset{color:#fff; background:#ddd; border-radius:50%; width:25px; height:25px; line-height:28px; font-size:15px; transition:background 0.2s;}
.bbs_search button.go_reset:hover{background:var(--sub_color);}

.bbs_top{display:flex; space-between; align-items: center; margin-bottom:15px;}
.bbs_top .total{color:#333;}
.bbs_top .total i.bx{vertical-align: middle; color:#666;}
.bbs_top .total b{color:var(--sub_color); }

.no_list{width:100% !important; background:none !important; padding:0 !important; border:none !important; margin:0 !important;}
.no_list div{padding:30px; background:#fff; border-radius:20px; border:1px solid #ddd; text-align: center; display:block !important;}
.no_list div img{width:80px; height:80px; min-width:unset !important;}
.no_list p{color:#333; font-family: var(--tit_font); margin-top:10px;}

.bbs_type_list > ul > li{border-top:1px solid #ddd}
.bbs_type_list > ul > li:last-child{border-bottom:1px solid #ddd;}
.bbs_type_list > ul > li:hover.bbs_tit{text-decoration: underline; text-decoration-thickness: 15px; text-decoration-color: #f1f1ff;}
.bbs_type_list > ul > li > div{display:flex; justify-content: space-between; align-items: center; color:#666; padding:20px 0;}
.bbs_type_list > ul > li > div > *{min-width: 100px; text-align:center;}
.bbs_type_list .bbs_num{color:#666; font-weight: 300; font-size:15px;}
.bbs_type_list .bbs_tit{display:flex; color: #222; font-size: 18px; text-align: left; width:100%; transition: all 0.4s;}
.bbs_type_list .bbs_tit:hover{color:var(--main_color); font-weight: 600;}
.bbs_type_list .bbs_tit .ellip{max-width:95%;}
.bbs_type_list .bbs_tit .bx{vertical-align: middle;}
.bbs_type_list .bbs_date{font-weight: 300; font-size:15px;}

.bbs_type_gallery > ul{display:flex; gap:60px; flex-wrap: wrap;}
.bbs_type_gallery > ul > li{width:calc((100% - 180px)/4);}
.bbs_type_gallery > ul > li > div{transition:all 0.3s;}
.bbs_type_gallery .img_box{border-radius:10px; overflow:hidden; transition: all 0.4s;}
.bbs_type_gallery .img_box img{ transition: all 0.4s;}
.bbs_type_gallery .img_box strong{font-family: var(--tit_font); color:#fff; font-weight: 600; position:absolute; inset:0; margin:auto; height:fit-content; display:block; padding:30px; font-size:24px; text-align: center;}
.bbs_type_gallery .txt_box {margin-top:10px;}
.bbs_type_gallery .bbs_gall_tit{font-size:18px; color:#222; font-weight: 500;}
.bbs_type_gallery .bbs_gall_exp{margin-top:5px; font-size:15px; color:#666;}

.bbs_type_gallery > ul > li > div:hover .img_box{transform:translateY(-10px);}
.bbs_type_gallery > ul > li > div:hover .img_box:hover img{transform: scale(1.1);}
.bbs_type_gallery > ul > li > div:hover .bbs_gall_tit{color:var(--main_color); font-weight: 700;}

.bbs_badge{display:inline-block; padding:2px 5px; font-size:12px; border-radius:2px; background:#f1f1ff; color:#242490; margin-right:5px;}
.bbs_badge.Qsign{color:#242490; border:1px solid #242490; background:#fff;}
.bbs_badge.re_sign{position:relative; margin-left:40px;}
.bbs_badge.re_sign:before{content:"\fc55"; font-family: boxicons !important; position:absolute; left:-35px; top:-3px; bottom:0; margin:auto; font-size:18px; color:#242490; transform: scale(-1);}

.bbs_type_view{border-top:1px solid #222;}

/* rent_list */
.rent_list > ul{display:flex; gap:40px; flex-wrap: wrap;}
.rent_list > ul > li{width:calc((100% - 120px)/4);}

.rent_list .img_box > span{font-size:20px; font-family: var(--tit_font); font-weight: 600; color:#222; position:absolute; bottom:0; top:0; left:20px; margin:auto; width:calc(70% - 40px); height:fit-content;}
.rent_list .txt_box{margin-top:15px;}
.rent_list .txt_box > a{display:block;}
.rent_list .txt_box > a > strong{font-size:18px; color:#222; font-weight: 600; font-family: var(--tit_font); display:block; margin-bottom:10px;}

.rent_option {margin-top:15px; background:#f9f9f9; border-radius:5px; padding:5px;}
.rent_option > li{display:flex; justify-content: space-between; align-items: center; padding:5px;}
.rent_option > li + li{border-top:1px dashed #ddd;}
.rent_option > li span{font-size:14px;}

/* 시설 안내 커스텀 */
.fac_list_row{display:flex; justify-content: space-between; align-items: flex-start; gap: 60px;}
.fac_list_row .fac_cal_wrap{width:900px; margin-bottom:0;}
.fac_list_row .fac_cal_wrap .fc-daygrid-dot-event .fc-event-title{width:100%;}
.fac_list_row .fac_cal_wrap a.fc-event.fc-daygrid-dot-event{padding:5px 10px;}
.fac_list_row .fac_list_con{width:calc(100% - 960px);}
.fac_list_row .rent_fac_list > ul > li{width:100%;}

/* 장비 안내 커스텀 */
.eq_list_row{display:flex; gap: 60px}
.eq_list_row .eq_rsv_status{width:280px; height:fit-content; overflow:hidden; border:1px solid #ddd; border-radius:10px; position: relative; padding: 10px}
.eq_list_row .eq_rsv_status h4{font-size:24px; color: #222; margin-bottom:10px; font-family: var(--tit_font); font-weight:600; text-align: center;}
.eq_list_row .eq_rsv_status .status_list{max-height:488px;}
.eq_list_row .eq_rsv_status .status_list ul{height:488px !important;}
.eq_list_row .eq_rsv_status .status_list ul li{height:122px !important;}
.eq_list_row .eq_rsv_status .status_list ul li + li{border-top:1px dashed #ddd;}
.eq_list_row .eq_rsv_status .status_item{background:#fff; border-radius:5px; padding:15px; height:122px;}
.eq_list_row .eq_rsv_status .status_item > strong{font-size:18px; border-width:1px 0; font-family: var(--tit_font); font-weight: 500; color:#333;}
.eq_list_row .eq_rsv_status .status_item > strong span{margin-right:5px;}
.eq_list_row .eq_rsv_status .status_item dl{display:flex; flex-wrap:wrap; font-size:15px; margin-top:20px;}
.eq_list_row .eq_rsv_status .status_item dl > *{}
.eq_list_row .eq_rsv_status .status_item dl dt{width:80px; text-align:left;}
.eq_list_row .eq_rsv_status .status_item dl dd{width:calc(100% - 80px); text-align:right;}

.status_paging{transform:none; display:flex; justify-content: center; align-items: center; margin-top:15px;}
.status_paging span{display:block; margin:0 5px; width:10px; height:10px; border-radius:5px; border:1px solid #ddd; background:#fff;}
.status_paging span.swiper-pagination-bullet-active{background:var(--main_color);}

.eq_list_row .eq_rsv_status .status_list:after{content:''; width:100%; height:50px;  background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); position:absolute; bottom:0; left:0; z-index: 5;}

.eq_list_row .eq_list_con{width:calc(100% - 340px);}


/* rent_detail */

/* photo slide view */
.photoSlide .swiper{border-radius:10px;}
.photoSlide .swiper, .photoSlide .swiper-container {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; font-size:0;}
.photoSlide .photo_main{border:1px solid #ddd;}
.photoSlide .photo_main ul li {position: relative; height: 0; padding-top: 50%; overflow: hidden; background: #fff;}
.photoSlide .photo_main ul li img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; object-fit: contain;}

/* .photoSlide .photo_thum ul{} */
.photoSlide .photo_thum {margin-top: 20px;}
.photoSlide .photo_thum ul li {position:relative; height:0; padding-top:19%; overflow:hidden; border-radius:5px; border:1px solid #ddd;}
.photoSlide .photo_thum ul li:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid var(--main_color); box-sizing: border-box; opacity: 0; z-index: 1; border-radius:5px;}
.photoSlide .photo_thum ul li.swiper-slide-thumb-active:before {opacity: .8;}
.photoSlide .photo_thum ul li img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; object-fit: cover; padding:5px;}

.rent_detail > div + div{margin-top:50px;}
.rent_detail .item_box {display: flex; justify-content: space-between; gap:60px;}
.rent_detail .item_box .photoSlide {max-width: 640px; width:45%;}
.rent_detail .item_box .photo_main ul li {padding-top: 65% !important;}

.rent_detail .item_info {width:100%;}
.rent_detail .item_info .tit {padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.rent_detail .item_info .tit p span.cate{margin-top:5px;}
.rent_detail .item_info .tit h3 {display: block; font-family: var(--tit_font); font-size: 30px; font-weight: 700; color:#222;}
.rent_detail .item_info .tit .txt {font-size: 1rem; color: #999; margin-top: 10px;}

.rent_detail .item_info .btn_wrap a {display: block; width: 100%; height: 60px; line-height: 60px; background-color: var(--main_color); font-size: 18px; color: #fff; transition: all .2s;}
.rent_detail .item_info .btn_wrap a:hover {border-radius: 35px; background-color: #111;}

.sm_tit {display: block; border-bottom: 1px solid #111; padding-bottom: 20px; margin-bottom:30px;}
.sm_tit h4 {font-size: 24px; font-weight: 800; color:#222;}
.rent_detail .detail_item dl {font-size: 0; padding: 15px 20px; border-bottom: 1px solid #ddd; display:flex; flex-wrap: wrap;}
.rent_detail .detail_item dl *{font-size:14px;}
.rent_detail .detail_item dl dt {position: relative; width: 180px; padding-left: 20px; color: #111; font-weight: 600; line-height: 1.7rem; width:180px;}
.rent_detail .detail_item dl dt:before {content: ''; position:absolute; left:0; top:13px; display:block; width:3px; height:3px; background:#000;}
.rent_detail .detail_item dl dd {width: calc(100% - 180px); color: #666; font-weight: 400;}
.rent_detail .detail_item dl dd .dd_tit{color:#222; display:block;}
.rent_detail .detail_item dl dd .dd_tit + *{margin-top:6px;}
.rent_detail .detail_item dl dd * + ul.list_st_dash{margin-top:6px; margin-left:10px;}

/* cate */
.cate {display: inline-block; min-width: 45px; font-size: 14px; color: #666; text-align: center; background-color: #efefef; white-space: nowrap; padding: 2px 10px; border-radius:3px;}

/* rent_form */
.rsv_wrap .inner{max-width:1280px;}
.rsv_date_wrap{width:100%;}
.rsv_date_wrap .m_only{display:none;}
.mini_cal_wrap{display:flex; gap: 20px;}

.fac_agree_box{margin-top:50px;}
.fac_agree_top{padding:20px 15px; display:flex; justify-content: space-between; align-items: center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9;}
.fac_agree_top .designChk + a{border:1px solid #ddd; display:inline-block; padding:5px 10px; border-radius:5px; transition:0.4s; font-size:14px; background:#fff;}
.fac_agree_top .designChk + a:hover{border-color:var(--sub_color); background:var(--sub_color); color:#fff;}
.fac_agree_con{border-bottom:1px solid #ddd; padding:30px; height:350px; overflow-y:auto; display:none;}
.fac_agree_con h5{font-size:20px; font-family: var(--tit_font); font-weight:600; color:#222; margin-bottom:10px;}
.fac_agree_con .policy_list{font-size:14px; color:#666;}

.rsv_fac{display:flex; gap:20px; align-items: center;}
.rsv_fac_date{width:100%; max-width:calc(100% - 520px);}
.slt_time{display:flex; gap: 6px; flex-wrap: wrap;}
.slt_time > li{width:calc((100% - 18px)/4); position: relative;}
.slt_time label{border:1px solid #ddd; text-align:center; width:100%; padding:10px; border-radius:5px;}
.slt_time input[type="checkbox"]{appearance: none; width:100%; height:100%; position: absolute; top:0; left:0; z-index: 10;}
.slt_time input[type="checkbox"]:checked + label{border-color:var(--ad-sub-pur); color::var(--ad-sub-pur);}
.slt_time input[type="checkbox"]:disabled + label{background:#eee; color:#aaa;}

.reject_reason{background:rgba(var(--ad-danger-rgb), 0.04); padding:20px; border-radius:10px; margin-bottom:20px;}
.reject_reason dt{color:#222; font-size:15px; font-weight: 600; margin-bottom:10px;}
.reject_reason dd{}
.reject_reason dd textarea{}

.my_rsv_con + .my_rsv_con{margin-top:60px;}
.my_rsv_con .pagination{margin-top:30px;}

/* rent_form_view */
.rent_detail + .rev_info{margin-top:60px;}

/* mypage */
.my_con h3{margin-bottom:5px; font-family: var(--tit_font); font-weight:600; font-size:28px; margin-bottom:20px; color:#222;}
.my_con .login_center{width:45%; min-width:375px; margin:0 auto; padding:30px; border:1px solid #222; border-width: 1px 0;}
.my_con .login_center h3 + .exp_wrap{margin-bottom:30px;}

.my_rsv_wrap{display:flex; gap: 60px;}
.my_rsv_wrap .my_rsv_con{width:calc((100% - 60px)/2);}

.rsv_cal_wrap{margin-bottom: 60px;}
.rsv_cal_wrap .rsv_cal{border:1px solid #ddd; border-radius:10px; padding:40px;}

.my_rsv_con h3{text-align:left;}
.rsv_cal .bbsList tbody th{padding:8px 16px; font-weight: 400; color:#666;}
.rsv_list a{color:#222;}
.rsv_list a:hover{text-decoration: underline;}

.perms_box{border-radius:10px; padding:20px; background:rgba(var(--main_color_rgb),0.1);}
.perms_box .perms_tit{font-family:var(--tit_font); font-weight: 500; color:#222; text-align: center; margin-bottom:20px;}
.perms_box .perms_tit br{display:none;}
.perms_box .dl_tb_group{padding:10px; border-radius:10px; background:#fff; border:none;}


/* 관련 기관 - 서브전용 */
.sub_rlt_rolling{border-top:1px solid #222;}

/* 팝업 커스텀 */
.passChk{text-align:center;}
.passChk > *{display:block;}
.passChk > strong{font-size:24px; font-family: var(--tit_font); font-weight: 600; color:#222; word-break: keep-all; margin-bottom:10px;}
.passChk > input[type="text"]{max-width: 300px; width:100%; margin:30px auto; height:60px; font-size:20px;}


@media (max-width: 1920px) {

	

}

@media (max-width: 1440px) {

	.center_wrap{display:flex; flex-direction: column-reverse; gap:40px;}
	.center_top_img{margin-bottom:0;}

	/* biz */
	.biz_container{display:block;}
	
	.biz_left{width:100%;}
	.biz_left .biz_left_tit{margin-bottom:40px;}
	.biz_left .biz_left_tit h4{font-size:42px;}

	.biz_right{width:100%;}
	.biz_right .biz_right_tit strong{margin:5px 0; font-size:32px;}

	/* rent */
	.rent_list > ul > li{width:calc((100% - 80px)/3);}
	.rent_detail .item_box .photoSlide{max-width:425px;}

	/* 시설 안내 커스텀 */
	.fac_list_row{flex-direction: column;}
	.fac_list_row .fac_cal_wrap{width:100%;}
	.fac_list_row .fac_list_con{width:100%;}	
	.fac_list_row .rent_fac_list > ul > li{width:calc((100% - 40px)/4);}

}

@media (max-width: 1280px) {

	.sub_top{padding-top:60px;}
	.sub_top h3{font-size:70px;}

	/* biz */
	.sup_program{gap:20px;}
	.sup_program > *{width:calc((100% - 20px)/2);}
	.sup_program > ul{padding:20px;}

	/* bbs */
	.bbs_type_gallery > ul{gap:50px;}
	.bbs_type_gallery > ul > li{width:calc((100% - 100px)/3);}

	/* rent */
	.rent_list > ul > li{width:calc((100% - 80px)/3);}

	.fac_list_row .rent_fac_list > ul > li{width:calc((100% - 40px)/3);}

	/* rsv_wrap */
	.rsv_fac{flex-direction: column; align-items: center;}
	.rsv_fac_date{max-width: 100%;}
	.slt_time > li{width:calc((100% - 18px)/4);}
	
}

@media (max-width: 1024px) {

	.sub_con{padding:60px 0;}

	.sub_top{padding-top:50px;}
	.sub_top h3{font-size:60px;}

	/* biz */
	.sup_network > ul > li{gap:20px; flex-direction: column;}
	.sup_network > ul > li + li{flex-direction: column-reverse;}
	.sup_network .circle_img_wrap{display:flex; gap:20px; width:100%; position:static;}
	.sup_network .circle_img_wrap > p.img_box{width:calc((100% - 20px)/2); border-radius:20px; position:relative;}
	.sup_network .circle_img_wrap > p.img_box + p.img_box{right:auto; bottom:auto;}
	.sup_network .txt_box{width:100%;}

	.vnv_guideline{width:100%;}

	.sup_user ul{padding:25px 15px 0;}
	.sup_user ul li{width:80px; height:80px;}

	.info_graph_map{display:flex; flex-wrap: wrap; align-items: center; padding:20px; gap:0 20px; position: relative; justify-content: space-between;}
	.info_graph_map > strong{margin-bottom:20px;}
	.info_graph_map .info_graph_top{width:calc(50% - 20px); margin:0;}
	.info_graph_map .info_graph_body{width:50%;}
	.info_graph_map .info_graph_body > ul{flex-direction: column; gap: 60px; padding-top:0;}
	.info_graph_map .info_graph_body > ul > li{width:100%; padding-top:0; padding-left:60px;}
	.info_graph_map .info_graph_body > ul > li:first-child,
	.info_graph_map .info_graph_body > ul > li:last-child{position: absolute; left:20px; width:calc(50% - 40px); padding:0; }
	.info_graph_map .info_graph_body > ul > li:first-child{}
	.info_graph_map .info_graph_body > ul > li:last-child{bottom:20px;}
	.info_graph_map .info_graph_body > ul > li:before{left:0; right:auto; bottom:0; z-index: -1; }
	.info_graph_map .info_graph_body > ul > li:nth-child(1):before{left:0; right:0; bottom:-25px; top:auto; transform: rotate(90deg);}
	.info_graph_map .info_graph_body > ul > li:nth-child(2):before{left:0; top:15px;transform: rotate(135deg);}
	.info_graph_map .info_graph_body > ul > li:nth-child(3):before{ transform: rotate(180deg);}
	.info_graph_map .info_graph_body > ul > li:nth-child(4):before{right:auto; bottom:15px;}
	.info_graph_map .info_graph_body > ul > li:nth-child(5):before{right:0; bottom:auto; top:-25px; transform: rotate(-90deg);}
	.info_graph_map .info_graph_body div{border-radius: 8px;}

	.info_graph_map .list_st_dot{background:#fff;}

	/* bbs */
	.bbs_type_list .bbs_tit{font-size:16px;}

	.bbs_type_gallery > ul{gap:40px;}
	.bbs_type_gallery > ul > li{width:calc((100% - 80px)/3);}

	/* rent */
	.eq_list_row{flex-direction: column;}
	.eq_list_row .eq_rsv_status{width:100%;}
	.eq_list_row .eq_rsv_status h4{border-bottom:1px dashed #ddd; margin-bottom:15px; padding-bottom:10px;}
	.eq_list_row .eq_rsv_status .status_list:after{display:none;}
	.eq_list_row .eq_rsv_status .status_list ul{height:fit-content !important;}
	.eq_list_row .eq_rsv_status .status_list ul li{overflow:hidden;}
	.eq_list_row .eq_rsv_status .status_list ul li + li{border-top:none;}
	.eq_list_row .eq_rsv_status .status_list ul li div{border:1px solid #ddd;}

	.eq_list_row .eq_list_con{width:100%;}


	.rent_detail .item_box{flex-wrap:wrap;}
	.rent_detail .item_box .photoSlide{width:100%; max-width:unset;}
	.rent_detail .item_info{width:100%; margin-left:0; max-width:100%;}

	.fac_list_row .rent_fac_list > ul > li{width:calc((100% - 40px)/2);}

	.passChk > strong{font-size:18px;}
	.passChk > input[type="text"]{font-size:16px; margin:15px auto;}

}



@media (max-width: 768px) {	

	/* center */
	.map_wrap .root_daum_roughmap{height:460px;}
	.map_wrap .root_daum_roughmap .wrap_map{height:100%;}

	/* biz */
	.biz_left .biz_left_tit{margin-bottom:20px;}
	.biz_left .biz_left_tit h4{font-size:32px;}

	.center_wrap.biz_right .biz_right_tit strong{font-size: 28px;}
	.biz_right .biz_right_tit p{font-size:15px;}

	.biz_icon_card p > br{display:none;}

	.biz_org_sys{display:block;}
	.biz_org_sys span{font-size:14px;}
	.biz_org_sys div.img_box{width:110px;}

	.strategy_list{flex-wrap: wrap; gap: 20px; margin-bottom:40px;}
	.strategy_list > li{width:calc((100% - 20px)/2);}

	.sup_eq{gap:20px;}
	.sup_eq > li{width:calc((100% - 40px)/3);}

	.sup_eq.eq_col4{flex-wrap: wrap;}
	.sup_eq.eq_col4 > li{width:calc((100% - 20px)/2);}

	.sup_program{flex-direction: column;}
	.sup_program > *{width:100%;}
	.sup_program .img_box{padding-top:100%;}

	.sup_tool_wrap{display:flex; justify-content: center;}
	.sup_tool{flex-direction: column;}
	.sup_tool > li + li{margin-left:0; margin-top:-20px;}
	.sup_user{flex-direction: column; gap: 40px;}
	.sup_user > div{padding-top:0; padding-left:100px;}
	.sup_user > div:before{right:auto; bottom:0; transform: rotate(45deg);}
	.sup_user > div:nth-child(2):before{transform: rotate(45deg);}
	.sup_user > div:after{width:30px; height:100%; top:0; left:60px; right:auto; border-width:3px 0 3px 3px; border-radius:30px 0 0 30px;}
	.sup_user ul{padding:25px 20px 0;}
	
	.edu_step{width:100%;}
	.edu_step > ul{flex-direction: column; max-width: 320px; margin: 0 auto;}
	.edu_step > ul > li, .edu_step.varify_step > ul > li{width:100%;}
	.edu_step > ul > li + li{margin-left:0; margin-top:20px;}
	.edu_step > ul > li + li:before, .edu_step.varify_step > ul > li:before{left:0; right:0; bottom:auto; top:-25px; transform: rotate(90deg); z-index: -1;}

	.edu_step.varify_step{border:1px solid #ddd; padding:20px; border-radius:10px;}

	/* bbs */
	.bbs_type_list > ul > li > div{padding: 20px 10px;}
	.bbs_type_list > ul > li > div > *{min-width:60px;}
	.bbs_type_list .bbs_date{display:none;}

	.bbs_type_gallery > ul{gap:30px;}
	.bbs_type_gallery > ul > li{width:calc((100% - 30px)/2);}
	.bbs_type_gallery .bbs_gall_tit{font-size:16px; font-weight: 600;}

	/* rent */
	.rent_list > ul{gap:20px;}
	.rent_list > ul > li{width:calc((100% - 20px)/2);}
	.rent_list .txt_box{font-size:14px;}

	/* mypage */
	.rsv_cal_wrap{display:none;}

	.perms_box .perms_tit br{display:block;}
	
}

@media (max-width: 640px) {

	/* sut_top */
	.sub_top{padding-top:80px; margin:80px auto 0;}
	.sub_top:before{width:100%; height:100%; opacity:0.4;}
	.sub_top:after{display:none;}
	.sub_top h3{font-size:28px;}
	.sub_top .location{display:none;}

	.sub_con{padding:30px 0;}

	.sub_tab_menu{overflow-x:auto; width:100%;}
	.sub_tab_menu::-webkit-scrollbar{display:none;}
	.sub_tab_menu > ul{width:fit-content; margin:0 auto;}
	.sub_tab_menu > ul > li{max-width:80vw; width:100%;}
	.sub_tab_menu > ul > li > a{font-size:15px; overflow:hidden; display:block; text-overflow: ellipsis; white-space: nowrap; padding:15px;}

	/* biz */
	.sup_tool_wrap{display: block; padding:20px;}
	.sup_tool{flex-direction: row;}
	.sup_tool > li + li{margin-left:-20px; margin-top:0;}
	.sup_user{flex-direction: row;}
	.sup_user > div{padding-left:0; padding-top:60px; width:calc((100% - 40px)/2);}
	.sup_user > div:before{right:0; bottom:auto; transform: rotate(135deg);}
	.sup_user > div:nth-child(2):before{transform: rotate(135deg);}
	.sup_user > div:after{width:100%; height:30px; top:60px; left:0;border-width: 3px 3px 0 3px; border-radius:30px 30px 0 0;}
	.sup_user ul{flex-wrap: wrap;}
	.sup_user ul li{width:fit-content; height:auto; border-radius: 10px; padding:5px;}
	.sup_user ul li div{position:static;}

	.info_graph_map{gap:0;}
	.info_graph_map .info_graph_body > ul{gap:100px;}
	.info_graph_map .info_graph_body b{font-size:15px; padding:5px 0;}
	.info_graph_map .list_st_dot{font-size:14px;}

	/* rent */
	.rent_detail .item_box{gap:40px;}
	.rent_detail .item_info .tit{padding-bottom:10px;}
	.rent_detail .item_info .tit h3{font-size:24px;}
	.rent_detail .detail_item dl{flex-direction: column; gap:10px; padding:15px 0;}
	.rent_detail .detail_item dl dt, .rent_detail .detail_item dl dd{width:100%;}
	.rent_detail .detail_item dl dt{padding-left:10px;}
	.rent_detail .detail_item dl dd{border-top:1px solid #ddd; padding-top:10px;}

	/* 시설 안내 커스텀 */
	.fac_list_row .rent_fac_list > ul > li{width:100%;}
	.fac_list_row .fac_cal_wrap .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{display:flex; justify-content: center; flex-wrap: wrap;}
	.fac_list_row .fac_cal_wrap a.fc-event.fc-daygrid-dot-event{border:none; background:transparent; padding:2px;}
	.fac_list_row .fac_cal_wrap .fc-daygrid-event-dot{height:4px; border-radius:2px;}
	.fac_list_row .fac_cal_wrap .fc-event-time, .fac_list_row .fac_cal_wrap .fc-event-title{display:none;}


	/* rsv_wrap */
	.rsv_date_wrap .pc_only{display:none;}
	.rsv_date_wrap .m_only{display:block;}

	.fac_agree_top{flex-direction: column; gap:20px;}

	/* bbs_search_box */
	.bbs_search_slt{width:160px; flex-shrink: 0;}
	.bbs_search{width:calc(100% - 166px);}


}

@media (max-width: 576px) {
	
	/* biz */
	.biz_left .biz_left_tit h4{font-size:28px;}

	.biz_semi_tit{margin-bottom:20px;}

	.center_wrap.biz_right .biz_right_tit strong{font-size: 24px;}

	.biz_icon_card{flex-direction: column; gap:20px;}
	.biz_icon_card li{width:100%; display:flex; justify-content: space-between; align-items: center; text-align: left;}
	.biz_icon_card li img{width:45px;}
	.biz_icon_card li div{width:calc(100% - 120px);}

	.strategy_list > li{width:100%; height:255px;}

	.sup_place_list{gap:20px; flex-wrap: wrap;}
	.sup_place_list > li{width:calc((100% - 20px)/2);}

	.sup_tool {border:3px solid #e6ecff; border-radius: 20px; padding:15px 10px;}
	.sup_tool > li{border-radius:0; border:none; width:32%; height:auto;}
	.sup_tool > li + li{margin-left:0;}
	.sup_tool div{position:static;}

	.sup_eq > li{width:100%;}

	.strategy_con + .strategy_con{margin-top:60px;}

	.info_graph_map .info_graph_body > ul > li{padding-left:25px;}
	.info_graph_map .info_graph_body > ul > li:nth-child(2):before{top:auto; bottom:-25px;}
	.info_graph_map .info_graph_body > ul > li:nth-child(4):before{bottom:auto; top:-25px;}
	.info_graph_map .list_st_dot{padding:10px 6px;}

	.vnv_guideline > ul{gap: 10px; align-items: stretch;}
	.vnv_guideline > ul > li{width:calc(50% - 10px);}

	/* bbs */
	.bbs_type_gallery > ul{gap:30px 15px;}
	.bbs_type_gallery > ul > li{width:calc((100% - 15px)/2);}

	/* bbs_search_box */
	.bbs_search_box{flex-direction: column;}
	.bbs_search_slt{width:100%}
	.bbs_search{width:100%;}

}

@media (max-width: 425px) {

	/* bbs */
	.bbs_type_list .bbs_num{display:none;}

	/* mypage */
	.my_con .login_center{width:100%; min-width: 100%; padding:30px 10px;}

}