@import url('https://fonts.cdnfonts.com/css/novecento-sans-wide');
.nove_font{font-family: "Novecento sans wide" !important; font-weight: 600;}

img {max-width:100%;}

/* 공통적용 */
.inner {width: 90%; max-width:1400px; margin:0 auto;}
.inner_100 {width: 100%;}
.sec_t {margin-top: 120px;}
.shadow {box-shadow: 10px 10px 0 rgba(0, 0, 0, 1) ; -webkit-box-shadow: 10px 10px 0 rgba(0, 0, 0, 1); -moz-box-shadow: 10px 10px 0 rgba(0, 0, 0, 1); }
.lock_scroll {overflow: hidden;}
.embed-container { position: relative; aspect-ratio: 16/9; overflow: hidden; max-width: 100%; width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; }

/* image style */
.box_img { position: relative; display:block !important; height: 0; overflow: hidden; max-width: 100%; background: #fff;}
.box_img img {position:absolute;  top:50%; left:50%; transform: translate(-50%,-50%);}
.box_img.img11 {padding-bottom: 100%;} /*1:1*/
.box_img.img21 {padding-bottom: 50%;} /*2:1*/
.box_img.img12 {padding-bottom: 200%;} /*1:2*/
.box_img.img43 {padding-bottom: 75%;} /*4:3*/
.box_img.img169 {padding-bottom: 56.25%;} /*16:9*/

.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}

.pc_only{display: block;}
.mo_only{display: none;}

/* input style */
input, button, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 

input[type="text"],
input[type="password"],
input[type="date"],
input[type="email"],
input[type="tel"] {border: 0; border: 1px solid #000; padding: 10px; height: 50px;}  

textarea { width: 100%; resize: none; height: 100px; border: 0; border: 1px solid #000; padding: 10px;} 
select {
    padding: 0 30px 0 10px; height: 50px; line-height: 50px;
    border: 1px solid #000;
    background:url('/img/icon_select_arr-8fe855fb71a12653703a9649adda1cd1.png') no-repeat #fff calc(100% - 10px) 50%/13px auto;
}
select option {line-height: 30px;}

input::placeholder,
textarea::placeholder { color: #aaa; } 

input[type="button"] {
    border: 1px solid #0066FF; padding: 10px;
    text-align: center; display: inline-block; background: #0066FF; color: #fff; 
    transition: 0.3s ease-in-out; cursor: pointer;
} 

input[type="radio"] { border-radius: 10px; margin-top: -1px;}
input[type="checkbox"] { margin-top: 0px; } 

input[type="checkbox"],
input[type="radio"] {
    margin-right: 7px; border: 1px solid #000; background: #fff; vertical-align: middle; width: 20px; height: 20px;
} 
input[type="checkbox"]:checked,
input[type="radio"]:checked { border: 5px solid #0066FF; } 
label { margin-right: 20px; display: inline-block; } 
label:last-child { margin-right: 0; } 

button {
    border: 1px solid #0066FF; background: #0066FF;
    color: #fff; width: 100%; border-radius: 20px; height: 45px; line-height: 45px;  padding: 0 20px;  cursor: pointer;
}


/* padding · margin style*/
.padding_tb {padding:90px 0;}
.padding_t {padding-top: 90px;}
.padding_b {padding-bottom: 90px;}
.margin_tb {margin:90px 0;}
.margin_t {margin-top: 90px;}
.margin_b {margin-bottom: 90px;}


/* popup style */
.popup {overflow-y:auto; display:none; position:fixed; width:100%; height:100%; z-index:9999;top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.5); z-index: 9999;}
.popup.on {display:block;}
.popup .popup_inner {width:100%; height: 100%; padding:15px; display: table; position: relative; margin:0 auto; box-sizing: border-box;}
.popup .popup_wrap {display:table-cell; vertical-align: middle; position: relative; }
.popup .pop_tit {padding:0 15px; height: 46px; line-height:46px; font-size: 20px; background:#000; color:#fff; text-align: center;}
.popup .view_box .close {position: absolute; right:-4px; top: -4px; width: 50px; height: 50px; background: #000; padding:15px;}
.popup .view_box {width: 95%; background: #fff; margin:0 auto; position: relative; border:4px solid #000;}
.popup.cp_intro_view .view_box {max-width: 700px;} /* 참가기업소개팝업 */


/* btn style */
.btn_st1 {border:2px solid #000; background: #0066FF; color: #fff; padding: 15px 20px; width: 100%; display: block; text-align: center; transition: all .3s; font-weight: 700;}
.btn_st1:hover {background: #fff; color: #000;}
/* .btn_st1 {border:4px solid #000; background: #0066FF; color: #fff; padding: 15px 20px; width: 100%; display: block; text-align: center; transition: all .3s; font-weight: 700;}
.btn_st1:hover {background: #B8D200; color: #000;} */

/* font */
.fw_bold {font-weight: 700;}
.txt_point {color: #0066FF;}
.color_green {color: #B8D200;}
.color_blue {color: #0066FF;}

/* header */
.border{border-bottom: 1px solid #d5d5d5;}
#header {width: 100%; height:120px; display: flex; align-items: center; position: fixed; z-index: 900;border-bottom: 1px solid #0066FF; top: 0;}
#header .inner {display: flex; align-items: center; height: 100%; gap: 60px; max-width: 1400px;}
#header .logo {font-size: 0;}
#header .logo img {height: 65px; width: 100%; object-fit: contain;}
#header .nav_wrap {width: 100%; display: flex;align-items: center; gap:80px}
#header .menu {display: flex; gap: 60px; align-items: center; color: #000; height: 100%;}
#header .menu > li {height: 100%; position: relative;}
#header .menu > li > a {height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; font-weight: 600; position: relative;}
#header .utils{display: flex; margin-left: auto; align-items: center; gap: 24px;}
#header .utils .has-sub{position: relative;}

#header .submenu {display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,.9);padding: 15px; text-align: center; min-width: 120px;}
#header .submenu > div {display: flex; flex-direction: column; gap: 15px}
#header .submenu > div > a {white-space: nowrap; display: block; color: #fff; font-size: 0.875rem; line-height: 1;}
#header .submenu > div > a:hover {font-weight: 700;}

#header .hamberg {display: none;}
#header .megamenu{display: block;}
#header .megamenu {width: 24px; height: 24px; font-size: 0; display: flex; align-items: center; cursor: pointer; position: relative; z-index: 2;}
#header .megamenu span {width: 100%; margin-bottom: 1px; height: 2px; background: #000; display: block; position: relative; transition: all .3s;}
#header .megamenu span::before,
#header .megamenu span::after {display: block; content: ""; width: 100%; height: 2px; background: #000; position: absolute; transition: all .3s;}
#header .megamenu span::before {top: -8px;}
#header .megamenu span::after {top: 8px;}
#header .megamenu.on span {background: rgba(255,255,255,0);}
#header .megamenu.on span::before {top: 0; transform: rotate(-45deg);}
#header .megamenu.on span::after {top: 0; transform: rotate(45deg);}

.hd_site_map {background: #fff;position: fixed;top: 120px;left: -100%;bottom: 0;width: 100%;transition: all .5s;border-top: 1px solid var(--mainColor);}
.hd_site_map.on {left: 0;transition: all .5s;}
.hd_site_map .site_map_box {position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 1400px;}
.hd_site_map .site_map_nav{display: flex;flex-direction: column;gap: 30px;}
.hd_site_map .site_map_nav .dept1 {display: flex;justify-content: space-between;}
.hd_site_map .site_map_nav .dept1>li {width: 18%;}
.hd_site_map .site_map_nav .dept1>li>a {color: #0066FF; display: block;border-bottom: 2px solid var(--mainColor);font-size: 2rem;font-weight: 700;padding-bottom: 20px;}
.hd_site_map .site_map_nav .dept1>li>a:hover {color: var(--mainColor);transition: all .3s}
.hd_site_map .site_map_nav .dept2>li {padding-top: 25px;}
.hd_site_map .site_map_nav .dept2>li>a {font-size: 1.5rem;line-height: 1.9rem;display: block;}
.hd_site_map .site_map_nav .dept2>li>a:hover {color: var(--mainColor);transition: all .3s}
.hd_site_map .site_map_nav .dept2 span{font-weight: 500;}

.utils_item{display: flex; align-items: center; gap: 12px;}
.login_btn{background: #0066FF; color: #fff; border-radius: 50px;padding: 8px 20px; border: 1px solid #0066FF;}
.my_btn{background: #0066FF; color: #fff; border-radius: 50px;padding: 8px 20px; border: 1px solid #0066FF;}

.site_map_top {display: none;}

#header.active {background: rgba(255,255,255);}

.has-sub:hover .sub_menu {display: block;}

.hamberg_wrap{display: none;}

.sub_menu {margin: 0;padding: 0;list-style: none;}
.menu > li {position: relative;}
.sub_menu {display: none;}
.sub_menu li:hover{background: #F0F7FF;}
.sub_menu li a{cursor: pointer;}

#header.active {background: rgba(255,255,255);}

/* mobile menu */
.m_box {display:none;}

/* footer */
#footer .inner {max-width: 1400px;}

#footer .ft_box {background: #353535; }
#footer .ft_box .f_tit{color: #fff; font-size: 3rem; margin-bottom: 30px; font-weight: 700;}
#footer .ft_box .box2 {padding:60px 0; text-align: left;}
#footer .ft_box .box2 .copy {color:#fff; font-size: 1rem; margin-top: 40px; text-align: right;}
#footer .ft_box .f_info{display: flex; gap: 20px;}
#footer .ft_box .f_info > li{display: flex; flex-direction: column; justify-content: space-between; background: #000;color: #fff; width: 100%; border-radius: 40px;padding: 40px;}
#footer .ft_box .f_info li.w_bg{background: #fff; color: #000;}
#footer .ft_box .f_info .info_tit{font-family: "Novecento sans wide" !important; font-size: 2rem; font-weight: 700; margin-bottom: 60px;}
#footer .ft_box .f_info li:first-child .info_tit{font-family:"Suit" !important; font-size: 1.5rem;line-height: 1.8;}
#footer .ft_box .f_info li:nth-child(2) .info_tit{font-family:"Suit" !important; font-size: 1.5rem;line-height: 1.8;}
#footer .ft_box .f_info .nae {display: grid; gap: 10px; font-size: 1rem; font-weight: 600;}
#footer .ft_box .f_info .nae li a{color: #fff;}
#footer .ft_box .f_info .nae .f_down{font-size: 1rem; background: #0066FF; display: flex; align-items: center; color: #fff; justify-content: center; gap: 5px; padding: 10px 0; border-radius: 10px;}
#footer .ft_box .f_info .nae .f_down::before{content: ''; background: url(/img/ico_down-68ca61b9d61ac2d27db3d1ef6e0c2809.png) no-repeat; width: 26px; height: 26px; display: block; background-size: cover;}
#footer .ft_box .f_info .nae .nove_font span{font-weight: 500;}
#footer .ft_box .f_info .nae .f_sitemap{display: flex; flex-wrap: wrap; gap: 10px;}
#footer .ft_box .f_info .nae .f_sitemap li{width: 48%;}


/* 메인 */
.main_inner {width: 90%; max-width: 1400px; margin:0 auto;}

.main_t {margin-top: 120px;}
.main_t .sec_box{padding: 100px 0; text-align: center;}
.main_t .sec_box .small{font-size: 1.5rem;}
.main_t .sec_box .tit{font-size: 36px; font-weight: 800;margin:10px 0 30px 0}

/* 메인qna */
.main_qna {padding: 120px 0;}
.main_qna .tit{font-size: 48px;font-weight: 600;margin-bottom: 50px;}
.main_qna_list{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px 24px;align-items: start;}
.qna_item {border: 4px solid #000;overflow: hidden;align-self: start;background: #FFFAF8;}
.qna_item.on .qna_q::after {border-top: none;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 16px solid #0066FF;}
.qna_item.mh-150 .qna_a_inner{min-height: 150px;}
.qna_q {width: 100%;min-height: 84px;padding: 0 40px;display: flex;align-items: center;gap: 10px;position: relative;background: #FFFAF8;border: 0;text-align: left;cursor: pointer;font-size: 24px;font-weight: 600;color: #111;}
.qna_q::after {content: "";position: absolute;right: 40px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 16px solid #0066FF;transition: transform 0.3s ease;}
.q_text{display: block;line-height: 1.2;margin-top: 8px;}
.a_text {display: block;line-height: 1.6;}
.qna_a {display: none;background: #FFFAF8;position: relative;}
.qna_a::before{content: ''; background: #0066FF; width: 90%; height: 1px;position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.qna_a_inner {padding:20px 40px 40px;min-height: 230px; gap: 10px;font-size: 20px;color: #000;line-height: 1.6;}
.qna_a .a_text span{font-weight: 600; color: #0066FF;}
.qna_a .a_text a{font-weight: 600; border-bottom: 1px solid #000;}
.qna_a .a_text ul{margin: 15px 0;}
.qna_a .a_text ul li{position: relative; padding-left: 15px; margin-left: 10px;}
.qna_a .a_text ul li::before{content: ''; background: #000; width: 5px; height: 5px; border-radius: 100px;position: absolute; top:11px;left: 0;}
.qna_a .a_text.white{background: #fff;padding: 30px;margin-top: 20px; border: 1px solid #FFDDD0; border-left: 5px solid #0066FF;}
.qna_a .a_text.white .a_tit{font-weight: 600; font-size: 22px;margin-bottom: 10px;}
.qna .qna_a::before{content: ''; background: #0066FF; width: 100%; height: 1px;position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

/* 메인 참가신청 */
.main_join{padding-bottom: 120px; text-align: center;}
.main_join .tit{ font-size: 48px; font-weight: 600;}
.main_join .desc{font-size: 32px;margin-top: 10px;}
.main_join .desc span{font-weight: 600;}
.main_join .btn a{background: #0066FF;display: inline-block; border: 3px solid #000; color: #fff;padding: 20px 90px 20px 50px;font-size: 32px;font-weight: 600;position: relative;}
.main_join .btn a::after{content: '';background: url(/img/right_arrow-2d6ca3a0bbd85237b96c10f8e6529980.png) no-repeat; width: 18px; height: 24px;position: absolute; right: 50px; top: 50%; transform: translateY(-50%); margin-top: -3px;}
.main_join div .m_img{display: none;}

/* 메인 contact */
.main_contact{padding: 120px 0; background: #0066FF;}
.main_contact .tit{font-size: 48px; font-weight: 600;margin-bottom: 50px;}
.main_contact .contact_box{display: flex; gap: 40px; font-size: 20px;}
.main_contact .contact_box .contact_item{width: 45%;padding: 40px; background: #fff; border: 3px solid #000;}
.main_contact .contact_box .contact_item > div{display: flex; align-items: center;gap: 20px;margin-bottom: 30px;}
.main_contact .contact_box .contact_item .nae{font-weight: 600; font-size: 24px;}
.main_contact .contact_box .contact_item ul li{display: flex; align-items: center; gap: 20px;margin-bottom: 10px;}
.main_contact .contact_box .contact_item ul li:last-child{margin-bottom: 0;}
.main_contact .contact_box .contact_item ul li .email{position: relative;padding-left: 35px;min-width: 100px;}
.main_contact .contact_box .contact_item ul li .email::before{content: ''; background: url(/img/email_ico-e682765b2ab0305405a8fa50bf61e1d8.png) no-repeat;width: 25px;height: 19px;background-size: contain; position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-top: -2px;}
.main_contact .contact_box .contact_item ul li .number{position: relative;padding-left: 35px;min-width: 100px;}
.main_contact .contact_box .contact_item ul li .number::before{content: ''; background: url(/img/call_ico-63ff03c971cfd53ea4747ea004beed0e.png) no-repeat;width: 25px;height: 25px;background-size: contain; position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-top: -2px;}

/*  서브카테 */
.cate_t.bg_w {background: url('/img/cate_t_bg_w.jpg') no-repeat center right / cover; height: 250px; position: relative; border-bottom:2px solid #000;}
.cate_t.no_bg{background: none; border-bottom: 0;}
.cate_t.bg_y{background: #FFD56F; border-bottom: 0;}
.cate_t .inner { padding: 120px 0}
.cate_t .box {width: 100%;display: flex; flex-direction: column; justify-content: center; text-align: center;}
.cate_t .box .top_tit {color:#000; font-size: 36px; font-weight: 700;}
.cate_t .box .top_nav {font-size: 14px; color:#000; font-weight: 500; margin-bottom: 15px;}
.cate_t .box .top_nav span:after {
	display: inline-block; content: ""; border-top:1px solid #000; border-right:1px solid #555;
	width: 5px; height: 5px; transform: rotate(45deg); margin:0 7px 2px;
}
.cate_t .box .top_nav span:last-child:after {display: none;}

.cate_t_tit {text-align:center;}
.cate_t_tit .big {font-size:32px; font-weight:700; margin-top:90px;}
.cate_t_tit .small {font-size:20px; font-weight:700; color:#777;}

.cate_n {border-bottom:4px solid #000; position: relative;}
.cate_n .link_home {position: absolute; top: 0; left: 0; background:#000; height: 100%; width: 8%; border-right: 4px solid #000} 
.cate_n .link_home img {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.cate_n ul {font-size: 0; background:#fff; z-index: 1; display: flex; justify-content:space-around; width: 80%; margin:0 auto;}
.cate_n ul li {width: 100%; text-align: center;}
.cate_n ul a {font-size: 20px; font-weight: 500; display: block;  color:#999; padding:30px 0 27px;}
.cate_n ul li.active a {color:#000; font-weight: 700; }

.cate_n_s ul {font-size: 0; background:#fff; z-index: 1; display: flex; justify-content:space-around; margin:60px auto;}
.cate_n_s ul li {width: 100%; text-align: center; border:4px solid #000; margin-right: 2%;}
.cate_n_s ul li:last-child {margin-right: 0;}
.cate_n_s ul a {font-size: 18px; font-weight: 500; display: block;  color:#999; padding:25px 0 22px;}
.cate_n_s ul li.active a {background:#000; color:#fff; font-weight: 700; }

.c_tit {font-size:2.5rem; text-align: center; margin-bottom: 30px; font-weight: 700;}
.my_cp1 .box1 ul li {font-size: 16px;  margin:5px 0; padding-left: 15px; }
.my_cp1 .box1 ul li:before {display: inline-block; content: "-"; text-indent: -13px;}

.my_cp1 .box2 {margin-top:20px; border-top: 2px solid #0066FF; border-bottom: 2px solid #0066FF; text-align: center; font-size: 14px; width: 100%; display: table;}
.my_cp1 .box2 > div {display: table-cell; border-right: 1px solid #D9D9D9; font-size: 16px; width: 13%;}
.my_cp1 .box2 .approval {border-right: 0;}
.my_cp1 .box2 .sort {background: #f1f1f1; color:#000; padding:15px; }
.my_cp1 .box2 .cont {padding:15px;display: flex;align-items: center;justify-content: center; min-height: 66px;}
.my_cp1 .box2 .modify {background: #0066FF; color:#fff; padding:10px; display: inline-block; font-weight: 700; line-height: 1;}



/* 회원사 소개 */
.member_txt{background: #F0F7FF; padding: 40px 0;border-radius: 20px; text-align: center; margin-top: 60px;}
.member_txt .tit{font-size: 1.5rem; font-weight: 700;}
.member_txt .tit .num{display: inline-block;}
.member_txt .desc{font-size: 1.25rem;margin-top: 30px;}
.member_list{margin-top: 60px;}
.member_list ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;} 
.member_list ul li{border: 1px solid #D9D9D9; border-radius: 20px;padding: 30px;}
.member_list ul li .joint{font-size: 0.875rem; background: #0066FF; color: #fff; display: inline-block; border-radius: 20px;padding: 4px 12px;position: absolute;}
.member_list ul li .joint.light-b{font-size: 0.875rem; background: #3db2ff; color: #fff; display: inline-block; border-radius: 20px;padding: 4px 12px;position: absolute;}
.member_list ul li .member_logo{text-align: center; margin: 60px 0 40px;}
.member_list ul li .member_logo img{height: 80px;object-fit: contain;}
.member_list ul li .company{font-size: 1.25rem; font-weight: 700;margin-bottom: 20px;}
.member_list ul li .name{display: flex; align-items: center; gap: 10px;margin-bottom: 10px;}
.member_list ul li .investor{display: flex; align-items: center; gap: 10px;}
.member_list ul li .gu{background: #D9D9D9; border-radius: 30px; font-size: 0.875rem; padding: 2px 0; min-width: 80px; text-align: center;}

/* 포럼운영 */
.forum_date ul{display: flex; flex-direction: column; align-items: start;margin-top: 20px;max-width: 400px; margin: 30px auto 0;}
.forum_date ul li{display: flex; gap: 30px;font-size: 1.125rem;}
.forum_date ul li .gu{font-weight: 700;margin-bottom: 5px;}
.forum_date ul li .nae{text-align: left;}
.forum_content {width: 100%; max-width: 1280px; margin: 0 auto;}
.forum_content .post{margin: 30px 0;}
.forum_content .post img{width: 100%; max-width: 900px; object-fit: cover;}
.forum_content .down_btn{display: grid; grid-template-columns: repeat(4, 1fr);gap: 20px;}
.forum_content .down_btn a{background: #000; color: #fff;padding: 20px 0;border-radius: 20px; font-size: 1.25rem; display: flex; align-items: center; justify-content: center; gap: 10px;}
.forum_content .down_btn a::before{content: ''; background: url(/img/down_icon_w-df4d967ae76e3681158d950314b160dc.png) no-repeat; width: 24px; height: 24px; display: block; background-size: cover;}
.forum_apply{background: url(/img/forum_apply_bg-65e6e440d85a19fae2ecff4ff19dcaf6.png) no-repeat;}

.form .inner{max-width: 1280px; margin: 0 auto;}
.forum_apply_form .tit{text-align: center; font-size: 2.25rem;font-weight: 700;margin-bottom: 60px;}
.forum_apply_form .table{background: #fff;width: 100%; padding: 60px; border-radius: 40px;}
.forum_apply_form .f_form_box tbody{display: grid;gap:20px 40px; grid-template-columns: repeat(2, 1fr);}
.forum_apply_form .f_form_box tr{display: flex; flex-direction: column; align-items: start;}
.forum_apply_form .f_form_box td{width: 100%;}
.forum_apply_form .f_form_box th{margin-bottom: 10px;font-weight: 700; font-size: 1rem;}
.forum_apply_form .f_form_box td input{width: 100%; border: 1px solid #D9D9D9; border-radius: 10px;}
.forum_apply_form .f_form_box td .tel{display: flex; align-items: center; gap: 10px;}
.forum_apply_form .f_form_box td .tel select{width: 100%;border: 1px solid #D9D9D9;border-radius: 10px;}
.essential:after {display: inline-block; content: "*"; color: #000;margin-left: 2px; position: relative; top:-3px;}

.forum_apply_form .apply_btn{margin-top: 30px;}
.forum_apply_form .apply_btn button{height: 60px;font-size: 1.25rem;}

.thum_list tr:first-child{border-top: 2px solid #0066FF;}
.thum_list tr:last-child{border-bottom: 2px solid #0066FF;}
.thum_list tr {border-bottom: 1px solid #d9d9d9;}
.thum_list tr .list_thum img{height: 100%; object-fit: cover;}
.thum_list tr td{padding: 30px;vertical-align: top; text-align: left;}
.thum_list tr .list_date{color: #777;}
.thum_list tr .list_title .badge{display: inline-block; border-radius: 30px;padding: 5px 12px; font-size: 0.875rem; background: #F0F7FF; color: #0057D6;margin-bottom: 15px;}
.thum_list tr .list_title a{display: block; font-size: 1.125rem; font-weight: 700;}

.forum_board .search_box {display: flex;justify-content: right;margin: 60px 0 10px;}
.forum_board .search_box .select {display: inline-block; }
.forum_board .search_box .select select {display:block; width: 100px;  border:2px solid #000; font-size: 16px;}
.forum_board .search_box .search {display: inline-block; position: relative;}
.forum_board .search_box .search input { border:1px solid #d9d9d9; border-radius: 10px; width: 300px; font-size: 16px; padding:10px;}
.forum_board .search_box .search button {
	position: absolute; top:50%; right: 12px; transform: translateY(-50%); display: block;
	background:url('/img/search_icon-a4ee11c828973bc02016d62b6c718baf.png') no-repeat;border-radius: inherit; width: 32px; height: 32px; background-size: cover; border:none; padding:10px;
}

.board_detail .tit{ color: #000;font-size: 36px;font-weight: 700;}
.board_detail .date{font-size: 1.25rem; margin-top:10px}
.board_detail .board_content{background: #F7FBFE; padding: 60px; border-radius: 30px; width: 100%; max-width: 1280px; margin: 30px auto 0;}
.board_detail .board_content .img_box{margin-bottom: 30px;}
.board_detail .board_content .nae{font-size: 1rem; word-break: break-all; display: grid;gap: 20px; text-align: left;}
.board_detail .board_content .nae h2{font-size: 1.5rem; font-weight: 700;border-bottom: 1px solid #000; width: 100%;}
.board_detail .board_content .nae p{font-size: 1rem; font-weight: 400;}

.board_detail .return_btn {margin-top:30px}
.board_detail .return_btn button{background: #000; max-width: 110px;border-radius: 50px; border: none;}

.board_detail.md_width{max-width: 600px;margin: 0 auto;}

.board_detail .share_btn {margin-top:30px; display: flex; justify-content: center; gap: 10px;}
.board_detail .share_btn button{background: #000; max-width: 130px;border-radius: 50px; border: none; display: flex; align-items: center; gap: 10px; justify-content: center;}
.board_detail .share_btn button::after{content: ''; background: url(/img/share_icon-58a55653dea4c6d0ef971201cfbcc1b4.png) no-repeat; width: 25px; height: 25px; display: block; background-size: cover;}  
.board_detail .file{position: relative;margin-top: 60px;}
.board_detail .file a {margin: 3px 15px 3px 0;color: #555;display: inline-block;}
.board_detail .file .icon{margin-right: 20px;font-weight: 600;}
.board_detail .file .icon:before {display: inline-block;vertical-align: middle;content: "";background: url(/img/down_icon-3ffa5501bb0b76aac15d6bb761c3b1fa.png) no-repeat;background-size: 100%;width: 23px;height: 17px;margin-right: 5px;margin-bottom: 3px;}
.share_btn{cursor: pointer;}
.share_btn .go_link{background: #0066FF;color: #fff;width: 190px; border-radius: 50px; border: none; display: flex; align-items: center; gap: 5px; justify-content: center;}
.share_btn .go_link::after{content: ''; background: url(/img/go_link_icon-6744946866183f79ef72151539ccf18e.png) no-repeat; width: 20px; height: 20px; display: block; background-size: cover;}  

/* 자료실 */
.resources_year{text-align: right; margin:30px 0 10px}
.resources_year select{border: 1px solid #d9d9d9; border-radius: 10px;}
.resources_table thead tr{background-color: #F0F7FF;border-top: 2px solid #0066FF;}
.resources_table thead tr th{border: 1px solid #D9D9D9; border-left: none;padding: 16px 0;}
.resources_table thead tr th:last-child{border-right: 0;}
.resources_table tbody tr td{border: 1px solid #D9D9D9; text-align: center; border-left: none;padding: 16px 0;}
.resources_table tbody tr td:last-child{border-right: 0;}
.resources_table tbody tr:last-child{border-bottom: 2px solid #0066FF;}
.resources_table tbody tr td .date_check{position: relative;}
.resources_table tbody tr td .date_check::before{content: ''; background: #444444; width: 10px; height: 10px; border-radius: 20px; display: block; position: relative; left: 50%; transform: translateX(-50%);}

.borad_list .list_num{text-align: center;}
.borad_list .list_date{text-align: center;}
.borad_list thead tr{border-top: 2px solid #0066FF;}
.borad_list thead tr th{background: #F0F7FF; padding: 16px 0;}
.borad_list tbody tr td{ padding: 16px 0;}
.borad_list tbody tr td.list_title{text-align: left;}
.borad_list tbody tr td{border-bottom: 1px solid #d9d9d9;}
.borad_list tbody tr:last-child{border-bottom: 2px solid #0066FF;}

.ai_briefing {margin-top: 60px;}
.ai_briefing ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.ai_briefing ul li a{display: block; border-radius: 10px; border: 1px solid #d9d9d9; padding: 40px;}
.ai_briefing ul li .tit{font-weight: 800; font-size: 1.25rem; text-align: left;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 54px;min-height: 54px;overflow: hidden;display: -webkit-box;}
.ai_briefing ul li .desc{text-align: left; margin:20px 0; font-size: 1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ai_briefing ul li .date{text-align: right; color: #777;font-size: 0.875rem;}


/* 페이지네이션 */
.paging {text-align: center; margin-top: 60px;}
.paging a {display: inline-block; vertical-align: middle;  }
.paging ol {display: inline-block; vertical-align: middle; }
.paging ol li {display: inline-block; font-size: 18px; }
.paging ol li a  { display: inline-block; vertical-align: middle; padding:0 5px;border-radius:50px; width:45px; height:45px; margin: 0 1px; line-height: 45px;}
.paging ol li a.this {background: #0066FF; color:#fff;}

/* 회원가입 */
.forum_apply_form.step { margin-top: 30px; width: 100%; display: grid; gap: 30px;}
.forum_apply_form.step .table{background: #F7FBFE;}
.forum_apply_form.step .f_form_box tbody{display: flex; flex-wrap: wrap; justify-content: space-between;}
.forum_apply_form.step .f_form_box tbody tr{width: 48%;}
.forum_apply_form.step .f_form_box tbody tr.w100{width: 100%;}
.forum_apply_form.step .f_form_box tbody tr.center{margin: 0 auto;}
.forum_apply_form.step .f_form_box tbody tr.w55{width: 55%;}
.forum_apply_form.step select{width: 100%; border: 1px solid #d5d5d5; border-radius: 10px;}
.forum_apply_form.step .verify{display: flex;gap: 10px;}
.forum_apply_form.step .verify button{max-width: 160px; border-radius: 10px;height: 50px; line-height: 50px;}
.forum_apply_form.step .table_tit{font-size: 1.5rem; font-weight: 800;margin-bottom: 20px;}
.forum_apply_form.step .comment{margin-top: 5px;display: block; font-size: 0.875rem; color: #777; text-align: left;}
.forum_apply_form.step .check_input .text1 input{width: 48%;}
.text1.flex{display:flex;align-items:center;gap:12px;}
.forum_apply_form.step .check_input.agree{display: grid; gap: 10px;}
.forum_apply_form.step .all_agree{border-bottom: 1px solid #d9d9d9;padding-bottom: 20px; margin-bottom: 10px;}
.check_img{display:flex;align-items:center;gap:8px;cursor:pointer;}
.check_img input{display:none;}
.check_icon{position:relative;width:24px;height:24px;flex:0 0 24px;}
.check_icon img{position:absolute;top:0;left:0;width:100%;height:100%;display:block;transition:.2s;}
.check_icon .on{opacity:0;}
.check_img input:checked + .check_icon .off{opacity:0;}
.check_img input:checked + .check_icon .on{opacity:1;}
.check_txt{font-size:1rem;}

.form .apply_btn{ display: flex; gap: 20px; margin-top: 60px;}
.form .apply_btn button{border-radius: 10px; height: 60px; line-height: 60px;}
.form .apply_btn .home_btn{background: #000; border-color: #000;}

/* 마이페이지 */
.mypage_wrap{display: flex; gap: 20px; margin-top: 60px;}
.mypage_wrap > div{border: 1px solid #d5d5d5;text-align: right; border-radius: 20px;padding: 40px; width: 100%;}
.mypage_wrap .txt .tit{font-weight: 800; font-size: 1.5rem;text-align: left;}
.mypage_wrap .txt .desc{color: #777; text-align: left; font-size: 1rem;margin-top: 10px;}
.mypage_wrap a{background: #d9d9d9; color: #000;padding: 16px 32px;font-weight: 700; margin-top: 100px;border-radius: 10px; display: inline-block;}
.mypage_wrap .main_color{background: #0066FF; color: #fff;}

/* 로그인 */

.login .box .login_wrap{max-width: 1280px; width: 100%; margin: 60px auto 0;background: #F7FBFE;}
.login_form {max-width: 600px; margin: 0 auto; padding: 40px; }
.login_form input{width: 100%; border-color: #d5d5d5; border-radius: 10px;}
.login_form .gu {margin-bottom: 20px;}
.login_form .gu div{margin-bottom: 10px; font-size: 1.25rem; font-weight: 700; text-align: left;}
.login_form .find{display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.login_form .btn{margin-top: 40px;}
.login_form .btn .main_color{background: #0066FF; color:#fff; display: block;padding: 16px 0; border-radius: 10px; font-size: 1.125rem;}
.login_form .join{margin-top: 20px;}
.login_form .verify{display: flex;gap: 10px; align-items: center;}
.login_form .verify button{max-width: 150px; border-radius: 10px; height: 50px; line-height: 50px;}
.login_form .comnt{margin-top: 30px; font-size: 1rem;}

/* main */
.main_sec02_banner{text-align: center;background: url(/img/main_sec_banner-0c2021fae1df3389de4ade71d645d081.jpg) no-repeat;border-radius: 40px;padding: 200px 0; background-size: cover;}
.main_sec02_banner div{color: #fff; opacity: 0.5; font-size:4rem; font-weight: 700;}
.main_sec02_banner span{color: #fff; opacity: 0.5; font-size:1.5rem; font-weight: 600;}

.main_sec03 .inner{display: flex; gap: 80px;}
.main_sec03 .briefing_tit {flex-shrink: 0;}
.main_sec03 .briefing_tit .tit{margin-bottom: 40px; font-size: 2.5rem;color: #0066FF; font-weight: 700;}
.main_sec03 .link_btn .senior_btn{padding: 12px 24px; font-size: 1.125rem; background: #0066FF; display: block; color: #fff;border-radius: 50px;position: relative; display: flex; align-items: center; justify-content: center; gap: 10px;}
.main_sec03 .link_btn .senior_btn::after{content: ''; background: url(/img/icon_link_white-6744946866183f79ef72151539ccf18e.png) no-repeat; width: 24px; height: 24px;background-size: cover; display: block;}
.main_sec03 .link_btn .share_btn{margin-top: 20px; max-width: 150px; padding: 12px 24px; font-size: 1.125rem; background: #000; display: block; color: #fff;border-radius: 50px;position: relative; display: flex; align-items: center; justify-content: center; gap: 10px;}
.main_sec03 .link_btn .share_btn::after{content: ''; background: url(/img/share_icon-58a55653dea4c6d0ef971201cfbcc1b4.png) no-repeat; width: 24px; height: 24px;background-size: cover; display: block;}

.main_sec03 .txt{background: #F0F7FF; border-radius: 40px; padding: 60px;}
.main_sec03 .txt .t_tit{font-size: 1.5rem; font-weight: 700;}
.main_sec03 .txt .desc{font-size: 1rem;margin-top: 20px;}

/* about */
.about_sub{text-align: center; margin-top: 20px; font-size: 1.25rem; display: grid; gap:20px}
.about_sub span{color: #0066FF;}
.about_direct{margin-top: 80px;}
.about_direct ul{display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr);}
.about_direct ul li{color: #fff;border-radius: 20px;padding: 40px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.about_direct ul li:first-child{background-image: url(/img/about_direct01-5d2f9d3527296e49cba2ff54af94cbbe.jpg);}
.about_direct ul li:nth-child(2){background-image: url(/img/about_direct02-eb46051ac3ea9ccd5c185149ec544d6a.jpg);}
.about_direct ul li:nth-child(3){background-image: url(/img/about_direct03-5bbe873c1a80a9ba5f9fdd0ddf97350a.jpg);}
.about_direct ul li .badge{background: #0066FF; display: inline-block; border-radius: 50px; padding: 6px 12px;margin-bottom: 60px;}
.about_direct ul li .tit{font-size: 1.5rem;font-weight: 700;}
.about_direct ul li .nae{font-size: 1.125rem;margin-top: 5px;}
.about_direct .txt{position: relative; text-align: center; background: #0066FF;font-weight: 700; color: #fff; padding: 32px 50px; border-radius: 50px;width: 80%; margin: 0 auto; font-size: 2rem;}
.about_direct .txt::before{content: ''; background: #000; width: 1px ; height: 60px; position: absolute; left: 50%; transform: translateX(-50%); top: -80px;}
.cate_t.padding_b0 .inner{padding-top: 0;}

.about_slide {width: 100%;overflow: hidden;margin-top: 60px; max-height: 360px;}
.aboutSwiper {overflow: visible;padding-left: 24px;}
.aboutSwiper .swiper-slide {height: auto;}
.about_card {position: relative;min-height: 320px;padding: 40px;border-radius: 24px;background: #F0F7FF;overflow: hidden;}
.about_card h3 {margin-bottom: 15px;font-size: 1.5rem;font-weight: 700;}
.about_card p {margin: 0;font-size: 1.25rem;}
.about_card img {position: absolute;right: 40px;bottom: 40px;object-fit: cover; max-width: 120px;}
.about_life{max-width: 900px; margin: 0 auto;}
.about_life img{margin: 0 auto;}

.about_item { display: grid; gap: 20px;}
.about_item ul{display: flex;align-items: center;gap: 20px;}
.about_item ul li{width: 40%; background: #F0F7FF;min-height: 270px; border-radius: 40px;padding: 40px;position: relative;}
.about_item ul li:first-child{background: inherit; width: 20%;padding: 40px 0;}
.about_item ul li .year{margin: 0 auto; color: #fff; width: 200px; height: 200px; background: #0066ff; border-radius: 200px;display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 700;}
.about_item ul li .year.future{background: #003B93;}
.about_item ul li .tit{font-size: 1.5rem;text-align: center; background: #fff; border-radius: 10px;padding: 15px;}
.about_item ul li .txt{margin-top: 20px;font-size: 1.25rem; line-height: 1.5;}
.about_item ul li .txt div{font-family: "Suit";}
.about_item ul li img{position: absolute; right: 40px;bottom: 40px; max-width: 60px;}

.about_step{ text-align: center; max-width: 900px; margin: 100px auto 0;}
.about_process .tit{text-align: center; font-size: 2rem; font-weight: 700;margin-bottom: 60px;}
.about_secret .tit{margin-top: 120px; text-align: center; font-size: 2rem; font-weight: 700;margin-bottom: 30px;}
.about_secret .txt{padding: 70px; background: #F7FBFE;  text-align: center;}
.about_secret .txt img{max-width: 300px;}
.about_secret .txt div{font-size: 1.25rem;margin-top: 30px;}

.hexagon_list{position: relative; display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:0;margin:0;list-style:none;}
.hexagon_list::after{content: ''; background: #C8DEFF; width: 70%; height: 1px; position: absolute;left: 50%; transform: translateX(-50%); top: 50%;z-index: -1;}
.hexagon_list li{position:relative;width:180px;height:208px;background:#5196FF;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;text-align:center;}
.hexagon_list li:nth-child(2){background: #3d85f1;}
.hexagon_list li:nth-child(3){background: #0c5cd3;}
.hexagon_list li:nth-child(4){background: #06429b;}
.hexagon_list li:nth-child(5){background: #023179;}
.hexagon_list li:nth-child(6){background: #001431;}
.hexagon_list li span{padding:20px;font-size:1.25rem;line-height:1.5;font-weight:700;color:#fff;word-break:keep-all;}
.hexagon_list li .small{font-size: 13px;}

.forum_apply_form .check_input td{display: flex; justify-content: space-between;}
.btn-open-terms{background: inherit; border: inherit; background: url(/img/join_arrow-a04a8365139cde52fe8320b2717f6694.png) no-repeat; width: 24px; height: 24px;}

.about_box{margin-top: 60px;}
.about_box ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;max-width: 1200px; margin: 0 auto;}


/* 팝업 */
.center-popup-backdrop,
.bottom-popup-backdrop {position: fixed;inset: 0;z-index: 999;background: rgba(0,0,0,.64);display: none;}

.center-popup-backdrop.is-open,
.bottom-popup-backdrop.is-open {display: flex;}
.center-popup-backdrop {align-items: center;justify-content: center;}
.center-popup {width: 90%;max-width: 460px;border-radius: 1rem;background: #fff;box-shadow: 0 0.4rem 1.2rem rgba(0,0,0,.18);display: flex;flex-direction: column;overflow: hidden;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.center-popup_body {padding: 24px 24px 0px}
.center-popup_title {font-size: 16px;font-weight: 600;line-height: 1.5;}
.center-popup_text {font-size: 0.9rem;color: rgba(0,0,0,.75);line-height: 1.5;}
.center-popup_footer {display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 0.6rem;padding: 16px 24px 24px;}
.one_btn{width: 100%;}
.one_btn .btn{width: inherit; padding: 16px 24px; justify-content: right; height: inherit; background: inherit !important; border: inherit !important; color: #3BBEE8; font-weight: 700;}
.center-popup_footer .btn {height: 2.6rem;font-size: 0.9rem;}

.btn-open-terms{cursor: pointer;}
.terms-txt{max-height: 400px; overflow: auto; font-size:14px;}
.terms .one_btn .btn{display: inline-block; cursor: pointer; color: #3BBEE8;}
.terms .center-popup_body{padding-right: 10px; text-align: left; line-height:1.4;}
.terms .center-popup_title{padding-right: 15px; font-size: 20px; font-weight: 700;margin-bottom: 10px;}

.terms_wrap{display: flex;flex-direction: column;box-shadow: none;padding: 0; border-radius: 0; gap: 20px;line-height: 1.5;}
.sec .tit{font-weight: 700;}
.sec span{font-weight: 700;}
.terms-txt .terms_wrap br{display: none;}
.terms-txt .terms_wrap br.terms_br{display: block;}
.terms .center-popup_body{padding-right: 17px;}
body.is-scroll-locked {overflow: hidden;touch-action: none;}

.login_form .password{position: relative;}
.login-eye {background: inherit;width: inherit; border: inherit; position: absolute;right: 15px;top: 50%;height: 36px;padding: 0;}

.member_logo_wrap{padding-bottom: 120px;}
.member_logo_wrap ul{display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}

.out-link {border-bottom: 1px solid #000 !important; font-weight: 600;}
.out-link:hover {color: #565a5b; transition: 0.3s;}