@charset "utf-8";

/*sub*/
#contents { padding-bottom: 8.75rem; min-height: 50vh;}
#contents > .inner, #contents > form > .inner { padding: 3.75rem 0 0; }

.scrollbox { overflow-y: scroll; overflow-x: visible; border-radius: 1.25rem 1.25rem 0 0; padding: 1.5rem 2rem; background: #f8f8f8; border: 1px solid #dadada; border-bottom: 0;}
.scrollbox_inner { overflow: auto; overflow-x: hidden; height: 100%; }
.scrollbox_inner::-webkit-scrollbar { width: 0.4375rem; }
.scrollbox_inner::-webkit-scrollbar-track { background: #e6e6e6; border-radius: 5px;}
.scrollbox_inner::-webkit-scrollbar-thumb { height: 60%; background: #ffc800; border-radius: 5px;}

ul.ul_disc > li { position: relative; padding: 0 1rem; }
ul.ul_disc > li::before { content:""; position: absolute; top: .625rem; left: 0; width: 4px; height: 4px; background: #5b5d64; border-radius: 10px; }
ul.white > li::before { background: #fff; }

ul.ul_disc2 > li { position: relative; padding: 0 1rem; }
ul.ul_disc2 > li::before { content:""; position: absolute; top: .625rem; left: 0; width: 4px; height: 4px; background: #2c83d4; border-radius: 10px; }
ul.white > li::before { background: #fff; }


/* 팝업창 */
.f_popup { position: fixed; left:0; top:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 99999; }
.f_popup .wrap { width: 400px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 20px; overflow: hidden; }
.f_popup .top { background:#ffc800;  padding: 0.8rem 2rem; color: #fff; }
.f_popup .close { color:#fff; }
.f_popup .con { padding: 2rem 2rem 2.5rem; }
.f_popup h3 { font-size: 1.125rem; font-weight: 600; margin-bottom: 5px; }
.f_popup .btn_style5 { min-width: 6.6875rem; min-height: 2rem; padding: 0; font-size: 0.8125rem; }


/* sub_visual */
#sub_visual { width: 100%; position: relative; margin-top: 5.5rem;}
#sub_visual .sub_title {  padding:3.75rem 0 2.5rem;}
#sub_visual .sub_title > .flex_box{ width: 100%; gap: 2.5rem;}
#sub_visual .sub_title .inner { height: 100%; color: #fff; }
#sub_visual .sub_title h2 { font-weight: 700; font-size: 3.125rem; line-height: 1;}

#sub_visual .lnb {position : relative; gap: 2.5rem;}
#sub_visual .lnb .home {position: relative; width: 1rem;}
#sub_visual .lnb div { position: relative; height: 100%;}
#sub_visual .lnb div::after {content: "";position: absolute;left: calc(-1.25rem - 2px); top: calc(50% - 2px); width: 4px;height: 4px;background: #ccc;}
#sub_visual .lnb div:first-child::after {display : none;}
#sub_visual .lnb div > a { width: 100%; height: 100%; box-sizing: border-box; color : #8e8e8e; cursor : pointer;}
#sub_visual .lnb .dep2 > a{gap:.625rem; color:#000;}
#sub_visual .lnb .bt {position: relative; width: 1.875rem;height: 1.875rem;transition: all 0.2s ease-in-out;}
#sub_visual .lnb .bt::after {content: "";position: absolute;left: 50%;top: 25%;transform: translateX(-50%) rotate(135deg);width: .625rem;height: .625rem;border-top: 2px solid #999;border-right: 2px solid #999;}
#sub_visual .lnb .bt.active{transform:rotate(180deg);}

#sub_visual .lnb .location_sub {position: absolute;top: 2rem;left: -1.25rem;width: max-content;background: #fff;border: 1px solid #e6e6e6;display: none;z-index:2;overflow: hidden; padding: .75rem 1.875rem;}
#sub_visual .lnb .location_sub li a {width:100%;padding: .3125rem 0;display:flex;align-items:center;color: #000;opacity: .5;word-break:keep-all;}
#sub_visual .lnb .location_sub li.on a{opacity: 1 !important; color:#008CD7 !important; font-weight:500 !important;}
#sub_visual .lnb .location_sub li a:hover { opacity: 1; font-weight:500;}
#sub_visual .lnb .location_sub.lnb_dep2 > .lnb2 > ul.depth3 {display: none;}

#sub_visual .lnb.fixed {position: fixed; top: 5.625rem; left: 0; z-index: 9; background: #fff; border-bottom: 1px #f0f0f0 solid; width: 100%; height: 3.75rem; padding-left: 3.125rem;}
#sub_visual .lnb.fixed .location_sub {top: calc(3.75rem - 1px);}


#sub_visual .sub_vis p { position: relative; width: 100%; height: 12.5rem; background-size: cover; }

.menu01 #sub_visual .sub_vis p { background-image: url('../images/sub_vis01.png'); }
.menu01 #sub_visual .sub_vis p:after {content: "KASH Information"; position: absolute; bottom: -2.5rem; right: 0; color: #fff; font-size: 7.5rem; font-weight: 600; opacity: .25; letter-spacing: -5px;}
.menu02 #sub_visual .sub_vis p { background-image: url('../images/sub_vis02.png'); }
.menu02 #sub_visual .sub_vis p:after {content: "Business information"; position: absolute; bottom: -2.5rem; right: 0; color: #fff; font-size: 7.5rem; font-weight: 600; opacity: .25; letter-spacing: -5px;}
.menu03 #sub_visual .sub_vis p { background-image: url('../images/sub_vis03.png'); }
.menu03 #sub_visual .sub_vis p:after {content: "Member company"; position: absolute; bottom: -2rem; right: 0; color: #fff; font-size: 7.5rem; font-weight: 600; opacity: .3; letter-spacing: -5px;}

.no_vis #sub_visual .sub_vis,
.menu04 #sub_visual .sub_vis,
.menu05 #sub_visual .sub_vis{display:none;}

.no_vis #sub_visual .sub_title,
.menu04 #sub_visual .sub_title,
.menu05 #sub_visual .sub_title{ padding:3.75rem 0 0;}


.tab_kind { width: 100%; margin-bottom: 3.75rem; gap: 0.75rem;}
/* .tab_kind li { position:relative; flex:1; height: 2.75rem;} */
.tab_kind li a {display: block; padding: 0.719rem 0;  width: 13.125rem;  text-align: center;  background: #f5f5f5; color: #666; font-weight: 500; font-size: 1.125rem; border-radius: 1.875rem;}
.tab_kind li a.on{background:#201d85; font-weight:500; color : #fff;}


/* search_box */
.search_box {margin-bottom:1.25rem;}
.search_box fieldset { gap: 0.625rem; }
.search_box select, 
.search_box input ,
.search_box button { height: 2.5rem; border-radius: 5px; }
.search_box select { width: 9.375rem; }
.search_box input { width: 25rem;}
.search_box button { width: 5rem; background: url('/asset/images/s_search_icon.png') no-repeat 25% 50%; color:#fff; font-weight: 500; background-color:#2d2d2d; background-size: 0.8125rem; font-size: 0.9375rem; padding-left: 1rem; }


/* tab_menu */
.tab .tab_menu {gap: 0.75rem;}
.tab .tab_menu li a {display: block; padding: 0.719rem 0; width: 13.125rem; text-align: center;  background: #f1f1f1; border: 1px solid #dfdfdf; color: #10133b; font-weight: 500; font-size: 1.125rem; border-radius: 1.875rem;}
.tab .tab_menu li a:hover, .tab .tab_menu li a.active {color: #fff; background: #10133b; border: 1px solid #10133b; border-right: 0;}

/* page_num */
.page_num { margin-bottom: 1.25rem; font-size: 0.875rem; }


.info_tab { margin: 40px 0 20px; }
.info_tab .btn_wrap { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0;}
.info_tab .btn_wrap li { width: auto; padding: 13px 3.875rem; text-align: center; background: #eee; font-size: 1.0625rem; font-weight: 700; color: #999; border-bottom: 1px solid #5b5d64; border-radius: 10px 10px 0 0;      cursor: pointer;}
.info_tab .btn_wrap li+li {border-left: 1px solid #e0e0e0; }
.info_tab .btn_wrap li.active { background: #fff; color: #000; border: 3px solid #5b5d64; border-left: 1px solid #5b5d64 !important; border-right: 1px solid #5b5d64 !important; border-bottom : 0; margin-top: -3px; color: #5b5d64; }

.info_tab > .tab_wrap > li { width: 100%; padding: 2.5rem 0px 0px; border-top: 0; display: none; }
.info_tab > .tab_wrap > li.on { display: block; }

.tab_wrap { display: flex; /*font-family: 'S-CoreDream';*/ border-top: 1px solid #5b5d64; margin-top: -1px;}
.tab_wrap > a { display: block; flex: 1; height: 75px; line-height: 75px; background: #f9f9f9; border: 1px solid #ccc; border-bottom: 1px solid #e4251e; font-size: 1.25rem; font-weight: 500; color: #858585; text-align: center; }
.tab_wrap > a.on { border-color: #e4251e; color: #e4251e; border-top: 3px solid #e4251e; border-bottom: 0; background: #fff; }
.tab_wrap.no_flex {display: block; padding-top: 40px;}


/* 로그인 및 회원가입 sub_vis */
.member .sub_vis,
.sub_wrap .sub_vis{width: 100%; height: 15rem; position: relative;  margin-top: 5.5rem; background: #f8f8f8;}
.member .sub_vis .sub_title,
.sub_wrap .sub_vis .sub_title{background-image: url('../images/sub_vis_mem.png'); height: 15rem; width: 100%;}
.member .sub_title > h2.location {font-size : 3rem;}
.member .sub_vis .sub_title .inner,
.sub_wrap .sub_vis .sub_title .inner{ height: 100%; color: #fff;}
.member .sub_vis .sub_title h2#sub_tit,
.sub_wrap .sub_vis .sub_title h2#sub_tit,
.sub_wrap .sub_vis .sub_title h2.location{font-weight: 700; font-size: 3rem;}
.sub_vis .sub_title h2#sub_tit2 {font-weight: 700; font-size: 2.625rem;}

.member #sub_visual .sub_title,
.sub_wrap #sub_visual .sub_title{ padding-bottom:0;}

 
/* 로그인 */
.member #contents.login {/*height : 70vh;*/ background: #fff;}
.member #sub_visual .lnb {display : none;}
.member .login_wrap {max-width: 30rem; margin:0 auto; border-radius: 1rem; overflow: hidden; background: #fff; padding: 7.5rem 3.125rem 3.15rem; box-sizing: border-box; position: relative; 
box-shadow: 0 5px 20px rgba(101, 102, 102, .25);}
.member .login_wrap .title_box {position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 5rem; background: linear-gradient( 44deg, #201d85, #008CD7);
 font-size: 1.5rem; font-weight: 600; color: #fff; }
.member .login_wrap .login_bt .btn { width: 100%; height: 3.125rem;  background-color: #333; color: #fff; padding: .625rem 0; display: block; border-radius: 10px; text-align: center; font-size: 1rem; font-weight: 500;cursor: pointer; }
.member .login_wrap .signup {padding:0 0 1.25rem 0px}
.member .login_wrap .signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(../images/line.gif) repeat-x left center;}
.member .login_wrap .signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight: 500; color:#82888a;}
.member .login_wrap .signup li + li{ margin-top:.625rem;}
.member .login_wrap .signup li input {width:100%; height:3.125rem; padding:.625rem 1.875rem; display:block; border: 0; border-radius: 10px; background-color:#f3f3f3; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; }
.member .login_wrap .find_idpw { display: flex; justify-content: center; margin: 25px auto 0; }
.member .login_wrap .find_idpw > li:nth-child(2n) { margin: 0 15px; color:#ccc;}
.member .login_wrap .find_idpw > li a { color:#333; font-weight: 300; transition: .2s;}
.member .login_wrap .find_idpw > li a:hover { color:#008CD7; }

/* 회원가입 */
.member .sub_con .join_step {position: relative; margin: .625rem 0 6.25rem 0; z-index: 0;}
.member .sub_con .join_step > ol {display: flex; gap: 5rem; justify-content: center;}
.member .sub_con .join_step > ol > li { position: relative; display: flex; align-items: center; justify-content: flex-start;  gap: 1.25rem;  max-width: 250px; width: 100%; height: 5.625rem;  padding: .875rem; background: #f1f1f1; text-align: left; border-radius: 6.25rem;}
.member .sub_con .join_step > ol > li.on { background: #45C1FB;  z-index: 99;}
.member .sub_con .join_step > ol > li i {display: flex; justify-content: center; align-items: center; width: 3.75rem;  height: 3.75rem; background: #fff; border-radius: 50%;}
.member .sub_con .join_step > ol > li .num {display: block; color: #929292; font-size: .875rem; font-weight: 300;}
.member .sub_con .join_step > ol > li.on .num {color: #fff;}
.member .sub_con .join_step > ol > li .txt {display: block; padding-top: 3px; color: #000; line-height: 140%; font-weight: 700; font-size: 1.25rem;}
.member .sub_con .join_step > ol > li.on .txt {color: #fff;}
.member .sub_con .join_step > ol > li + li:after { content: ""; position: absolute; top: calc(50% - .75rem); left: calc((-5rem - .875rem)/2); width: .875rem; height: 1.5rem; background: url('../images/join_arrow.png') no-repeat center top; background-size: cover;}

.member .join_01 .line_box{border:#ccc 1px solid; padding:1.875rem; border-radius: 1rem;}
.member .join_01 .check_boxW {border:1px solid #dadada; border-top:0; padding:.875rem; border-radius: 0 0 1rem 1rem;}
.member .join_01 .check_boxW.br0 { border-radius: 0;}

.member .join_02 .table_line { overflow-x: visible; }
.member .join_02 .board-write td{text-align: left; padding:.875rem 1.25rem;}
.member .join_02 .board-write input[type=number],
.member .join_02 .board-write input[type=email],
.member .join_02 .board-write input[type=text],
.member .join_02 .board-write input[type=password],
.member .join_02 .board-write select{ min-height: 40px; line-height: 40px; width: 100%; border-radius:3px;}
.member .join_02 .add_bt {position: absolute; right: 0; top: 0;}
.member .join_02 .add_bt > a,
.member .join_02 .add_bt span{height:40px;}
.member .join_02 .add_bt > a,
.member .join_02 .btnNormalB{background: #757a85; text-align: center; font-size: .875rem; font-weight: 400; border-radius: 3px; color : #8d8d8d;}
.member .join_02 .add_bt span,
.member .join_02 .btnNormalB span{padding: 0 2.5rem; height: 40px; line-height: 39px;}
.member .join_02 .board-write label > input {width: 1rem; vertical-align: text-top; min-height: 1rem; line-height: 1rem;}

.member .mem_info td .tel {display: flex;  width: 31.25rem; margin-bottom: .3125rem;}
.member .mem_info td .tel input.sms_botton {width: 100%; max-width: 6.25rem; margin-left: .625rem; font-size: .875rem;}
.member .mem_info td ul.agree { display: flex; align-items: center; justify-content: flex-start; gap: .75rem;}
.member .mem_info td ul.agree li {display: flex; align-items: center; justify-content: space-between; max-width: 31.25rem;}

.member .sub_con p.member_ok {text-align: center; font-size: 1.5rem; font-weight: 600;}
.member .sub_con p.member_ok:before {display: block; content: ""; background: url('/asset/images/complete.png'); width: 3.75rem; height: 3.75rem; margin: 0 auto 1.875rem; background-size: cover;}

.member .privacy#contents {height : auto;}
.member .privacy#contents a{color:#008CD7; font-weight:500;}



/* 페이지 준비중 화면 */
.preparing {background: url('/asset/images/prepare.png') no-repeat; width: 120px; height: 120px; margin: 20px auto 40px;}



/* 1_1 인사말 */
#contents.greetings > .inner {padding: 5rem 0 0;}
.greetings .left .img_wrap{position: relative; width:18.75rem; height:18.75rem; border-radius:50%; background:url('/asset/images/greetings_img.png'); margin-top:2.5rem;}
.greetings .left .img_wrap:after{ content: ''; display: block; width:18.75rem; height:18.75rem; border-radius:50%; background: linear-gradient(0deg, #008CD7, #29BFFF); position: absolute; top: 1.25rem; left:-1.25rem; z-index: -1;}
.greetings .right { width: calc(100% - 25rem);}
.greetings .right .con { line-height: 1.6; }


/* 1_2 비전 및 전략 */
.vision .vision_box{width: 100%; gap:1.25rem;}
.vision .vision_box .box_row{width: 100%; gap:1.25rem;}
.vision .vision_box .tit{width:10rem; background:linear-gradient( 44deg, #201d85, #008CD7); padding:1.25rem; border-radius:.625rem; font-size:1.125rem; font-weight:600; text-align:center; color:#fff;}
.vision .vision_box .con_box{ width:calc(100% - 11.25rem); padding:1.25rem; border:1px #ddd solid; border-radius:.625rem; text-align:center; color:#666;}

.vision .vision_box .con_wrap{ width:calc(100% - 11.25rem);}
.vision .vision_box .con_wrap .con_box{ width:calc((100% - 2.5rem)/3);}
.vision .vision_box .con_wrap .con_box b{display:block; padding:.625rem 1.25rem; background:#f0f0f0; margin-bottom:1.25rem; border-radius: 5rem; color:#000;}

.vision .vision_box .con_box.bg_blue{ background-color: #F8FCFF !important; border:1px #c7e0ed solid;}



/* 1_3 연혁 */
#contents.history {padding-top:1.25rem}
.history_tab {position: sticky;top: calc(5.625rem + 1px);display: flex;justify-content: center;gap: 1.25rem;margin-bottom: 3.75rem;border-bottom: #f0f0f0 1px solid;font-size: 1.25rem;font-weight: 500; z-index: 1;}
.history_tab a {padding: .875rem 1.25rem; color: #8e8e8e; }
.history_tab a:hover {color: #3d89d4; }

.history .histoy_con + .histoy_con{margin-top:7.5rem;}
.history .history-list { position: relative;}
.history .history-list .left {width: 45%; position: relative;}
.history .history-list .left .sticky { position: sticky; top: 12.5rem; transition: top 500ms ease; }
.history .history-list .left .sticky .title{ font-weight: 800; line-height: 1; font-size: 4.375rem; letter-spacing: -0.02em; }
.history .history-list .right { position: relative;width: 55%;}
.history .history-list .right li {display:flex; gap:1.875rem; width:100%; padding: 2.5rem 1.25rem; border-bottom:1px #ddd solid;}
.history .history-list .right li > .date{width:5.625rem; font-size:1.25rem;}
.history .history-list .right li > .his_list{width: calc(100% - 5.625rem - 1.875rem); padding-top: 3px; gap:.625rem;}
.history .history-list .right li > .his_list p {position: relative; width:100%; padding-left:1rem;}
.history .history-list .right li > .his_list p:after { content: ''; display: block; width: 4px; height: 4px; border-radius:50%; background: #ccc; position: absolute; top: 0.625rem; left: 0;}


/* 1_4_1 협회소개 */
.introduce .top_box{ width: fit-content; background: #f9fcff; border: 1px #d9e7f1 solid; border-radius: 6.25rem; padding: 1.875rem 5rem; margin: 0 auto 5rem; line-height:1.4;}
.introduce .tit_deco{position: relative; margin-bottom:3.75rem;}
.introduce .tit_deco p{position: relative; line-height:1;}
.introduce .tit_deco p:before,
.introduce .tit_deco p:after{ content: ''; display: block; width: 1.875rem; height: 1.5rem; background: url('/asset/images/d_marks.png') no-repeat; position: absolute; top: -.625rem; left: -2.75rem; opacity:.08; background-size: cover;}
.introduce .tit_deco p:after{left: auto; right:-2.75rem; transform: rotate(180deg);}

.introduce .flex_box i.arrow{position: relative; display: block; width: 1.5rem; height: 1.5rem; transform: rotate(45deg); margin-left: calc(-1.5rem / 2);}
.introduce .flex_box i.arrow:after{ content: ''; display: block; width: 100%; height: 100%; border-top:3px #ccc solid; border-right:3px #ccc solid; position: absolute; top:0; left:0;}

.introduce .flex_box > .circle{position: relative; width:18.75rem; height:18.75rem; gap:1.875rem; background: #f7f7f7; border: 1px #ddd solid; border-radius: 50%;}
.introduce .flex_box > .circle i{width:5rem; height:4.375rem;}
.introduce .flex_box > .circle:last-child{background: linear-gradient( 44deg, #201d85, #008CD7); border: 0px #ddd solid; color:#fff;}

.introduce .flex_box > .center{position: relative; border:1px #ddd solid; border-radius:2.5rem; padding:2.5rem 4.375rem;}
.introduce .flex_box > .center .circle_3 li{width:10rem; height:10rem; border-radius: 50%; background: #48c5ff; color:#fff; mix-blend-mode: multiply;}
.introduce .flex_box > .center .circle_3 > div {margin-top:-3.125rem;}
.introduce .flex_box > .center .circle_3 > div li:nth-child(1){background: #9bce00;}
.introduce .flex_box > .center .circle_3 > div li:nth-child(2){background: #00ced9; margin-left:-3.125rem;}
.introduce .flex_box > .center i{position: relative; width: 1.25rem; height: 1.25rem; margin:.25rem 0;}
.introduce .flex_box > .center i.add:before{ content: ''; display: block; width: 100%; height: 5px; background: #201d85; position: absolute; top:calc(50% - 2.5px); left: 0rem; opacity:.5;border-radius: 1rem;}
.introduce .flex_box > .center i.add:after{ content: ''; display: block; width: 5px; height: 100%; background: #008cd7; position: absolute; top:0rem; left: calc(50% - 2.5px); opacity:.5;border-radius: 1rem;}




/* 1_5 조직도 */
.organization .con_img{image-rendering: pixelated;}
.organization .pc_no{display:none !important;}



/* 1_6 찾아오시는길 */
.sub #contents.contact{max-width: 100%; width: 100%;}
.contact .top{ position: relative;}
.contact .top .left {margin: 0 auto;margin-left: 0;}
.contact .top .left .root_daum_roughmap_landing{width: calc(100% - (700px + 6.25rem + 3.125rem)); height: 600px; border-radius: 0 2.5rem 0;}
.contact .top .left .root_daum_roughmap_landing .wrap_map{height:100% !important;}
.contact .top .left .root_daum_roughmap .map_border{display:none;}

.contact .top .right{position: absolute; right: 6.25rem; bottom:0rem;z-index: 2;width: 700px;} 
.contact .top .right .tit{padding-left:1.875rem; background: url('/asset/images/adress_ico.png') 0% 50% no-repeat;}
.contact .top .right .adress{font-size:2rem;}
.contact .top .right ul{width: 100%;/* background: #242424; */border-radius: 0 60px 0 0;padding: 3.75rem 3.125rem;margin-top:5rem;color: #fff;gap: 3.125rem;}
.contact .top .right ul li {position: relative;width: calc(50% - 3.125rem);padding-left: 3.125rem;}
.contact .top .right ul li + li:after { content: ''; display: block; width: 1px; height: 60%; background: #fff; position: absolute; top: 20%; left: -3.125rem; opacity: .3;}
.contact .top .right ul li i { position: absolute; left: 0;}
.contact .top .right .contact_info {position : relative;}
.contact .top .right .contact_info .contact_mask { display: inline-block; content: ""; mask-image: url('/asset/images/contact_bg.png'); width: 700px; height: 10.875rem; position: absolute;  top: 0; background: linear-gradient( 44deg, #201d85, #008CD7);}

.contact .traffic_list i.blue_bus{background: #386de8; border-color: #386de8; color : #fff;}
.contact .traffic_list ul {width:50%;}
.contact .traffic_list ul li + li{margin-top:.625rem;}
.contact .traffic_list i{ width: 5rem; padding: 4px .625rem; margin-right:1.25rem; line-height: 1; min-width: unset; min-height: unset;}
.contact .traffic_list i.line_4{background:#0052a4; border-color: #0052a4; color: #fff;}
.contact .traffic_list i.line_7{background:#747f00; border-color: #747f00; color: #fff;}
.root_daum_roughmap .cont {display : none;}



/* 2 주요사업 */
.business .tit_line {width:100%; padding-bottom:1.875rem; margin-bottom:3.75rem; border-bottom:1px #ccc solid;}
.business .flex_box{gap:1.875rem;}
.business .flex_box > li{background:#f9f9f9; padding: 1.875rem; border-radius: 1.25rem; width:calc((100% - 1.875rem)/2)}
.business .flex_box > li b.fs18{display:block; width:fit-content; border-radius:5rem; background: linear-gradient( 44deg, #201d85, #008CD7); color:#fff; padding:.625rem 2.5rem; margin-bottom:1.25rem;}
.business .flex_box.third > li{width:calc((100% - 3.75rem)/3)}

.business .circle_list{flex-wrap: nowrap;gap:0;justify-content: center;}
.business .circle_list div{width: calc(20% + 1.25rem); aspect-ratio: 1 / 1; border-radius: 50%;text-align: center;padding: 2.5rem; color:#fff;}

.business .sh_leaders div + div{margin-left:-1.25rem;}
.business .sh_leaders div:first-child{background: rgb(68 203 226 / 90%)}
.business .sh_leaders div:nth-child(2){background: rgb(72 197 255 / 90%);}
.business .sh_leaders div:nth-child(3){background: rgb(0 140 215 / 90%);}
.business .sh_leaders div:nth-child(4){background: rgb(0 79 215 / 90%);}
.business .sh_leaders div:nth-child(5){background: rgb(32 29 133 / 90%);}

.business .sh_convergence{max-width:1024px; margin: 0 auto;}
.business .sh_convergence div{width: calc(25% + 2.5rem); padding: 3.75rem; gap:1.875rem;}
.business .sh_convergence div + div{margin-left:-2.5rem;}
.business .sh_convergence div:first-child{background: rgb(72 197 255 / 90%)}
.business .sh_convergence div:nth-child(2){background: rgb(68 203 226 / 90%);}
.business .sh_convergence div:nth-child(3){background: rgb(0 140 215 / 90%);}
.business .sh_convergence div:nth-child(4){background: rgb(32 29 133 / 90%);}
.business .sh_convergence div i{width:3.125rem;}
.business .sh_convergence div p{line-height:1.3;}



/* 3_1 회원사 가입 안내 */
.mem_guide .tit span{position:relative;}
.mem_guide .tit span:after{display: block; content: ""; width: calc(100% + .625rem); height: 1rem; background: #6cc2fd; border-radius: 1rem; opacity: .3; position: absolute; bottom: -0px; left: -.3125rem; z-index: -1;}

.mem_guide .num_list li{display:flex;justify-content: start; align-items: start;}
.mem_guide .num_list li + li{margin-top:1.25rem;}
.mem_guide .num_list li .num { display: inline-flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; font-weight: 600; font-size: .875rem; color: #fff; background: #008CD7; border-radius: 50%; margin-right:.625rem;}
.mem_guide .num_list li > div,
.mem_guide .num_list li > b{display:block; width:calc(100% - 2rem - .625rem); margin-top: .3125rem;}
.mem_guide .dot-list .w80 {display:inline-block; width:5rem; color:#000;}



/* 3_2 회원사목록 table*/
.mem_list .table_tit:before {display: inline-block; content: ""; width: 6px; height: 6px; background: linear-gradient(50deg, #595EFF, #1FD6E3); vertical-align: top; border-radius: 6px; margin-right: 6px;}
.mem_list table td{width:60%;}
.mem_list table .logo_img{width:100%; height: 2.5rem;}
.mem_list table .logo_img a{height:100%;}
.mem_list table .logo_img img{ width: auto; height: 100%; object-fit: cover;}



/* 3_2_2 회원사목록 */
.mem_list .search_box form,
.mem_list .search_box form div{gap:.625rem;}
.mem_list .search_box form .src_btn{gap:.3125rem;}
.mem_list .search_box form .src_btn a:hover{background:#333; color:#fff !important;}


/* 4_3 뉴스레터 보정 */
.menu04 .news img { vertical-align: inherit; }


/* 5_3 행사/교육 신청 */
.apply .cate {display : block; margin:0; padding : 0; height : 1.5rem; line-height : 1.5rem; }
.apply .item{border-bottom: 0px solid #ddd;}
.apply .item > a {display: block; border-radius: 10px; overflow: hidden; border: 1px #ddd solid; background: #fff;}
.apply .item > a .img_box {background-repeat: no-repeat; width: 100%; aspect-ratio: 1 / 0.58; transition: 0.2s; border-radius: 0; height: auto;}
.apply .item > a .txt {padding: 1rem 1.25rem 1.25rem;}
.apply .item > a .txt .title {line-height: 1.3; min-height: 3.25rem;}
.apply .item > a .txt .date span:before {display: inline-block; content: ""; width: 1px; height: 12px; background: #999; margin: 0 8px; vertical-align: middle;}
.apply .item > a .txt .btn_wrap {flex-direction: row-reverse; justify-content: flex-end;}
.apply .item > a .m_btn {width: 100%;  color: #858585; background: #f1f1f1; border-radius: 5px; padding: 0.625rem 0; transition: 0.2s; font-size: 0.875rem; font-weight: 500; text-align: center;}

.apply .item > a:hover{border:1px #000 solid; }
.apply .item > a:hover .m_btn { color: #fff !important; background: #201d85 !important; }



/* 5_3 행사/교육 신청 상세 */
.apply.apply_view .reserve_view .top {width: 100%; margin-bottom : 60px;}
.apply.apply_view .reserve_view .top .left {width: 28.125rem; height: fit-content; aspect-ratio: 1 / 0.58; border: 1px solid #ededed; border-radius: 10px; overflow: hidden;}
.apply.apply_view .reserve_view .top .left > .img_box {width : 100%; height : 100%;}

.apply.apply_view .reserve_view .right {position : relative; width: calc((100% - 28.125rem) - 2rem);}
.apply.apply_view .reserve_view .right .flex_box > .cate{margin-top:6px;}
.apply.apply_view .reserve_view . right .flex_box > .tit { width: calc(100% - 3.75rem - .625rem); height: 3.75rem;}

.apply.apply_view .reserve_view .right .event { display: flex; gap: 0.375rem; flex-wrap: wrap;}
.apply.apply_view .reserve_view .right .event li {width : 100%;}
.apply.apply_view .reserve_view .right .event li.half { width: calc((100% / 2) - 1.25rem);}
.apply.apply_view .reserve_view .right .event li p.fw500 {width : 4.375rem;}
.apply.apply_view .reserve_view .right .event li p.gray4:before {display: inline-block; content: ""; width: 1px; height: 12px; background: #999; margin-right: 10px;}
.apply.apply_view .reserve_view .right .btn_wrap {width: 100%; justify-content: end; gap: 0.625rem; }
.apply.apply_view .reserve_view .right .btn_wrap > a {border-radius : 10px;}

.apply.apply_view .reserve_con .tab{background: #f9f9f9; margin-bottom:2.5rem;}
.apply.apply_view .reserve_con .tab li{width:50%;}
.apply.apply_view .reserve_con .tab li a {display:block; width:100%; height: 3.75rem; line-height: 3.75rem; text-align: center; background: #f9f9f9;border: 1px solid #fff; border-bottom: 1px solid #008CD7;;}
.apply.apply_view .reserve_con .tab li.active a { color: #008CD7 !important; border-radius:.625rem .625rem 0 0;  font-weight:600; background: #fff; border: 1px solid #008CD7; border-bottom: 2px solid #fff; }
.apply.apply_view .reserve_con .tab li a:hover{color:#565656}
.apply.apply_view .rnd_view_frame_wrap {overflow: hidden;}



/* 5_4 행사/교육 일정 */
.calendar .edu_schedule { max-width:1280px; }
.calendar .edu_schedule .schedule_hd{ display:flex;justify-content: center; align-items:center; }
.calendar .edu_schedule .schedule_hd span{font-size:1.875rem; color:#000; font-weight:500; margin:0 .875rem;}
.calendar .edu_schedule .schedule_hd button{ position: relative; width:2.5rem; height:2.5rem; border-radius:50%; background-color:rgba(0,0,0,.04); font-size:0;}
.calendar .edu_schedule .schedule_hd button::after,
.calendar .edu_schedule .schedule_hd button#prevMonth::after{ content:""; position: absolute; top:50%; left:50%; border-top:#000 2px solid; border-right:#000 2px solid; margin:-.3125rem 0 0 -.3125rem; width: .625rem; height:.625rem; transform: rotate(45deg);}
.calendar .edu_schedule .schedule_hd button#prevMonth::after{ transform: rotate(-135deg);}
.calendar .edu_schedule .schedule_hd button:hover{ background-color: #666; }
.calendar .edu_schedule .schedule_hd button:hover::after,
.calendar .edu_schedule .schedule_hd button#prevMonth:hover::after{ border-color:#fff;}

.calendar .edu_schedule .div_tab{ margin-top:1.25rem; display: flex; align-items: center; justify-content: center; gap: 1rem;}
.calendar .edu_schedule .div_tab > a {display: block; width: 2.25rem; height: 2.25rem; /* background: #ddd; */ text-align: center; line-height: 2.25rem;}
.calendar .edu_schedule .div_tab > a.on {background : #008CD7; border-radius: 50px; color: #ffffff;}


.calendar .edu_schedule .div_cal{ margin:1.5rem 0 0;}
.calendar .edu_schedule .div_cal table{ width: 100%; border-top:#000 2px solid; table-layout: fixed;}
.calendar .edu_schedule .div_cal table thead th{ padding:.625rem 0; text-align:center; background-color:#F3F3F3; border-bottom:#ccc 1px solid; border-left:#ccc 1px solid; color:#333; font-size:1.125rem; font-weight:500; }
.calendar .edu_schedule .div_cal table thead th:first-child{ border-left:none; color:#FF1717;}
.calendar .edu_schedule .div_cal table thead th:last-child{ color:#0168B7;}
.calendar .edu_schedule .div_cal table tbody td{width: calc(100% / 7);  padding:1rem; border-bottom:#ccc 1px solid; border-left:#ccc 1px solid; height:10rem; vertical-align: top; text-align:left;}
.calendar .edu_schedule .div_cal table tbody td:first-child{ border-left:none; }
.calendar .edu_schedule .div_cal table tbody td:first-child .date{  color:#FF1717;}
.calendar .edu_schedule .div_cal table tbody td:last-child .date{ color:#0168B7;}
.calendar .edu_schedule .div_cal table tbody td a{ text-indent:-.625rem; padding-left:.625rem; font-size:.875rem;}
.calendar .edu_schedule .div_cal table tbody td a:hover{ text-decoration:underline;}
.calendar .edu_schedule .div_cal table tbody td a::before{ content:''; width:.25rem; height:.25rem; border-radius:50%; background-color:#0168B7; display:inline-block; margin:0 .375rem 0 0; vertical-align: .25rem;}
.calendar .edu_schedule .div_cal table tbody td .date{ color:#AAA; font-weight:500;}
.calendar .edu_schedule .div_cal table tbody td.today .date{color: #fff;  font-weight: 600; background: #595EFF; width: 1.875rem; height: 1.875rem; line-height: 1.875rem; text-align: center; border-radius: 50px;}
.calendar .edu_schedule .div_cal table tbody td.event > .inner {width : 100%;}


/* 개인정보처리방침
.privacy #contents {height: fit-content;}
.privacy .sub_con .scrollbox {overflow-y: visible; height: fit-content; border-radius: 1.25rem;  border-bottom: 1px solid #dadada;}
 */

/* 포토갤러리 */
.gallery .photo_listW ul li > a {flex-direction: column; padding: 1.25rem 0; display: flex; margin: 0; border-bottom: #ddd 1px solid; align-items: center; width: 100%;}
.gallery .item_wrap {display: flex; align-items: center; justify-content: start; flex-flow: row wrap; gap: 3.75rem 2.856%;}
.gallery .item_wrap .item {width: 22.858%;}
.gallery .photo_listW .photo {margin: 0; width: 100%; aspect-ratio: 1 / 0.64; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; position: relative;}
.gallery .photo_listW .photo > img {object-fit: cover; width: 100%; height: 100%;}
.gallery .photo_listW .txt {width : 100%;}
.gallery .photo_listW .txt > strong {width : 100%; display : block;}
.gallery .photo_listW .txt > span {min-height : 3rem;}


/* 블로그 리스트 */
.blog_list .photo_listW { border-top: 2px solid #000;}
.blog_list .photo_listW ul li > a { display: flex; align-items: center; gap: 3.75rem; width: 100%; padding: 1.25rem 1.875rem; margin: 0; border-bottom: #ddd 1px solid; }
.blog_list .photo_listW .photo { display: block; width: 12.5rem; height: 8.75rem; overflow: hidden; border-radius: 5px; }
.blog_list .photo_listW .photo img { width: 100%; height: 100%; object-fit: cover; }
.blog_list .photo_listW .txt {flex: 1; margin: 0;  gap: 1.25rem;}
.blog_list .photo_listW .txt .cate {display : none;}
.blog_list .photo_listW .txt > .date {color : #999;}



/*마이페이지*/
/* 행사/교육 신청 내역 탭 */
.mypage #contents {height: fit-content; background: #fff;}
.mypage .search_box {background: #f8f8f8; padding: 1.5rem 1.25rem; border-radius: 6px; border: 1px solid #eee;}
.mypage .ongoing .tit_box > .cate {display: block;}
.mypage .mem_info table td > p {text-align: left;}
.mypage .mem_info .select_ds > input[type=email] {height: 40px;}
.mypage #edit_info .btn_wrap {justify-content: flex-end; gap : 10px;}
#print_wrap h1 {padding: 3.75rem 0px;}   

/* 회원정보 수정 탭 */
.mypage .sub_con .inner_wrap {padding: 2.5rem 1.875rem 0; }
.mypage .sub_con .inner_wrap > img.check_pw {width: 12.5rem; margin: 0 auto; display: block;}
.mypage .sub_con .inner_wrap > p {text-align: center;}
.mypage .sub_con .inner_wrap > .check_pw {margin-top: 1.875rem;}
.mypage .info_tab2 {border-bottom: 1px solid #5b5d64;}
.mypage .table_line {border-top: #000 1px solid;}
.mypage .info_tab .btn_wrap li {width : 12.5rem; padding: 13px 1rem;}
.mypage .info_tab .btn_wrap li.active {margin-bottom : -1px;}

/* 탈퇴회원  */
.mypage .sub_con .check_boxW {border: 1px solid #dadada;  border-top: 0; padding: 15px; border-radius: 0 0 1rem 1rem;}
.mypage .sub_con .scrollbox {overflow-y: visible; height: auto;}
.mypage .sub_con .inner_wrap > .del_info {background: #ffff; padding: 1.875rem; border-radius: 0.75rem;}
.mypage .sub_con .inner_wrap > .del_info > ul {width: fit-content; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin: 0 auto;}
/* .mypage .sub_con .inner_wrap > .del_info > ul li p:first-child {width : 7.5rem;} */
.mypage .sub_con .del_info > ul li span:before {display: inline-block; content: "|"; margin: 0 12px; color: #999; font-size: 12px;}






/* ===============반응형======================================== */

@media screen and (max-width: 1400px) {
	#sub_visual .lnb.fixed { padding-left: 0rem;}
	#sub_visual .lnb.fixed {padding-left: 4.5rem;}
	#sub_visual .lnb.fixed .lnb_mask {width: 90%;}
	
	
	/* 1_3 연혁 */
	.history_tab{top: calc(5.625rem - 1px); font-size: 1rem; gap:0;}
	.history_tab a{padding:1.125rem 1.25rem;}
	
	
	/* 1_6 찾아오시는길 */
	.contact .top { width: 90% !important; margin: 0 auto; display: flex ; align-items: flex-end; }
	.contact .top .left {width: 45%;}
	.contact .top .left .root_daum_roughmap_landing {width: 100%; height:31.75rem;}
	.contact .top .right { position: relative; right: auto; bottom: auto; width:50%}
	.contact .top .right ul {margin-top: 2.5rem; gap: 2.5rem;}
	.contact .top .right .contact_info .contact_mask{width:100%; border-radius:0 2.5rem 0 0;}
}

@media screen and (max-width: 1300px) {
	#sub_visual .lnb {width : var(--inner);}
	#sub_visual .lnb .lnb_mask {width : 100%; /* mask-size: 100%; */}
	
}

@media screen and (max-width: 1200px) {
		
	/*1_3 연혁*/
	.history_tab{ top: calc(5.625rem + 3.75rem); background: #fff;}
	.history_tab a { padding: 1rem 1.25rem; }
	.history .history-list .left .sticky {top: 15rem; }
	.history .history-list .left .sticky .title{font-size: 3.75rem;}
	
	
	/* 5_4 행사일정 */
	.calendar .edu_schedule .div_tab {gap : 0.25rem; width:100%;}
	.calendar .edu_schedule .div_tab a{ flex:1; padding:0;}
	
	.calendar .edu_schedule .div_cal table tbody td{ padding:.4rem;}
	.calendar .edu_schedule .div_cal table tbody td a{ word-break: break-all; margin: 0;}
	
}

@media screen and (max-width : 1080px) {

	/* 1_4_1 협회소개 */
	.introduce .flex_box > .circle {width: 15rem; height: 15rem;}
	.introduce .flex_box > .circle i { width: 3.75rem; height: 3.75rem; }
	.introduce .flex_box > .center {padding: 2.5rem 3.125rem; }

	
	/* 1_6 찾아오시는길 */
	.contact .top {display: flex; flex-direction: column; }
	.contact .top .left { width:100%;}
	.contact .top .left .root_daum_roughmap_landing {width: 100%; height:400px;}
	.contact .top .left .contact_info .contact_mask {width: 100%; mask-size: 100%; height: 9.25rem;}
	
	.contact .top .right {width: 100%; margin-top:2.5rem;}
	.contact .top .right .adress br{display:none;}
	.contact .top .right ul {margin-top: 2.5rem;}
	.contact .top .right .contact_info .contact_mask{mask-image: none;}
	
	.contact .inner .mt100{margin-top:2.5rem !important;}
	.contact .traffic_list ul {width: 100%;}
	.contact .traffic_list ul + ul {margin-top:10px;}
}


@media screen and (max-width: 980px) {
	/* join */
	.member .sub_con .join_step > ol {gap: 2.5rem; justify-content: space-between;}
	.member .sub_con .join_step > ol > li {max-width: 30%;}
	.member .sub_con .join_step > ol > li + li:after {left: calc((-2.5rem - .875rem)/2);}
	
	
	/* 5_3 행사/교육 신청 상세 */
	.apply.apply_view .reserve_view .top .left { width: 20rem;}
	.apply.apply_view .reserve_view .right { position: relative; width: calc((100% - 20rem) - 2rem); }
}

@media screen and (max-width: 900px) {
	/* sub_visual */
	#sub_visual .sub_title .inner { flex-flow: column nowrap; justify-content: center; align-items: start; gap: 0.5rem; }
	#sub_visual .sub_title h2 { font-size: 2.5rem; }
	#sub_visual .lnb {width: 100%;}
	#sub_visual .lnb .lnb_mask {mask-image : none;}
	#sub_visual .lnb.fixed {padding-left: 3.125rem;    }
	#sub_visual .lnb.fixed .lnb_mask {width: 100%;}
	
	#sub_visual .sub_vis p:after {font-size: 6.25rem !important; bottom: -2rem !important;}

	/* page_num */
	.page_num { margin-top: 0.5rem; }
		
		
	/* 1_2 비전 */
	.vision .vision_box .tit { width: 7.5rem;}
	.vision .vision_box .con_box { width: calc(100% - 8.75rem);}
	.vision .vision_box .con_wrap { width: calc(100% - 8.75rem); }


	/* 1_3 연혁 */
	.history .history-list .left .sticky .title{ font-size: 3.125rem;}
	
	
	/* 1_4_1 협회소개 */
	.introduce .top_box { width: 100%; }
	.introduce .tit_deco + .flex_box {flex-direction: column; gap:1.875rem;}
	.introduce .flex_box i.arrow { position: relative; display: block; width: 1.5rem; height: 1.5rem; transform: rotate(135deg); margin-left: 0; }
	.introduce .flex_box > .circle {width:100%; height:8rem; flex-direction: row; align-items: center; border-radius:1.875rem; }
	.introduce .flex_box > .circle i { justify-content: center;}
	.introduce .flex_box > .center {width: 100%; }
	.introduce .flex_box > .center .circle_3 { flex-direction: row; }
	.introduce .flex_box > .center .circle_3 li p{margin:0 !important;}
	.introduce .flex_box > .center .circle_3 > div { margin-top: 0rem; margin-left: -1.875rem;}
	.introduce .flex_box > .center .circle_3 > div li:nth-child(2) { margin-left: -1.875rem; }

	/* 1_6 찾아오시는길 */
	.contact .top .left .adress {font-size: 1.6923rem;}

	
	/* 2 주요사업 */
	.business .sh_convergence div { width: calc(25% + 1.5rem); padding: 2.5rem; gap: 1.875rem; }
	.business .sh_convergence div + div { margin-left: -1.5rem; }
	
	
	/* 5_3 행사/교육 신청 상세 */
	.apply.apply_view .reserve_view .top{gap:2.5rem;}
	.apply.apply_view .reserve_view .top .left { width: 28.125rem; }
	.apply.apply_view .reserve_view .right {width : 100%;}
	
	 
	/* 5_4 행사 일정 */	
	.calendar .edu_schedule .div_cal table tbody td {height: 9.5rem;}
}


@media screen and (max-width: 767px) {
	/* sub_visual */
	#sub_visual .sub_title { max-width: 100%; border-radius: 0; padding: 2.5rem 0 1.5rem; }
	#sub_visual .sub_title .inner { width: 90% ;}
	#sub_visual .location .home { width: 1.125rem; height: 1.125rem; }
	#sub_visual .location .bt::after { width: 7px; height: 7px; }
	#sub_visual .lnb { margin-top: 0; }
	#sub_visual .lnb .lnb_dep2 { gap: 0;}
	#sub_visual .lnb .lnb_dep2 li a { width: 100%; border-radius: 0; font-size: 1rem; }
	#sub_visual .lnb .lnb_dep2 li:last-child a { border-right: 0; }
	
	#sub_visual .sub_vis p {height: 10rem;}
	#sub_visual .sub_vis p:after {font-size: 6.25rem !important;}


	/* 회원가입 */
	.member .sub_con .join_step > ol > li div {display: flex; flex-flow: column; align-items: flex-start;}
	.member table.board-write colgroup { display: none; }
	.member table.board-write th { padding: 10px 20px 10px 15px }
	
	
	/* 1_1 인사말 */
	#contents.greetings > .inner{flex-direction: column; gap: 5rem;}
	.greetings .left .img_wrap {margin-top: 0rem; margin-left: 1.25rem;}
	.greetings .right { width: 100%; }
	
	
	/* 1-3 연혁 */
	.history .history-list .left{width:100%}
	.history .history-list .left.fixed{position:relative;}
	.history .itemtit{bottom:50px}
	.history .itemtit h4{font-size:40px;}
	.history .swiper-slide {height: 21.55rem;}
	.history .swiper-slide:before {height: 21.55rem;}
	.history .swiper-slide:before,
	.history .swiper-slide img {max-width : 100%; display : block;}
	.history .history-list .right{width:95%;}
	.history .history-list section dl dt{font-size:24px; padding-left:20px;     padding-top: 5px;}
	.history .history-list section dl{padding: 0 20px 30px 100px;}
	.history .history-list section dl dd strong{font-size:18px;}
	.history .history-list section .desc-list li{font-size:15px;}
	.history .history-list section:last-child{padding-bottom:50px;}
	.history .swiper-slide > .img_mask {width : 100%; mask-size : 100%;}
	
	
	/* 1_5 조직도 */
	.organization .mob_no {display:none;}
	.organization .pc_no {display : block !important;}
	.organization .pc_no img{ max-width:450px; width:100%; margin:0 auto;}
	

	/* 2 주요사업 */
	.business .tit_line{flex-direction: column; align-items: flex-start;}
	.business .tit_line .btn_style5{ min-width: 9.125rem; min-height: 2.875rem;}
	.business .flex_box > li {width: 100%; }
	
	.business .circle_list { flex-wrap: wrap; gap:1.25rem;}
	.business .circle_list div + div { margin-left: 0rem; }
	
	.business .sh_leaders div{ width: calc((100% - 2.5rem)/3);}
	
	.business .sh_convergence div { width: calc((100% - 1.25rem)/2); padding:3.75rem;}

	

	/* 5_3 행사/교육 신청 상세 */
	.apply.apply_view .reserve_view .right .event li {margin:0;}
	
	
}
@media screen and (max-width : 700px){

	/* 1_5 조직도 */
	.organization table colgroup{display:none;}
	.organization table thead tr {padding : 0; border-bottom :0;}
	.organization table thead th {display : none;}
	.organization table tr{display: block;width:100%;border-bottom:1px #ddd solid;padding:1.875rem 0;text-align: left;}
	.organization table tr td{border:0;padding:0;display: inline-block;}
	.organization table tr.second {padding-bottom: 0; border-bottom: 0;}
	.organization table	 tr.second + tr {padding-top: 0.85rem;}
	.organization table	 tr.second + tr td.l {border-left : 0;}
	.organization table tr td.t{display: block; width: fit-content; margin-bottom: 5px; color: #0979b4; font-weight: 500; font-size: 1.125rem;}
	.organization table tr td.t br{display:none;}
	.organization table tr td.l + td{position: relative; margin-left: 20px;}
	.organization table tr td.l + td:after{content:'';display:block;width:1px;height:12px;background:#999;position: absolute;top: calc(50% - 6px); left: -10px; transform: rotate(15deg);}

	/* 1_6 찾아오시는길 */
	.contact .top {display: flex;}
	.contact .top .left { position: relative; bottom: 0; margin-bottom: 3.75rem; width: 100%;}
	.contact .top .left ul {flex-direction: column; margin-top: 3.125rem;}
	.contact .top .left ul li{width:100%;}
	.contact .top .left ul li + li:after{width:100%; height:1px; left:0; top:-1.5rem;}
	.contact .top .right {margin: 0;}
	.contact .top .right .root_daum_roughmap_landing {width: 100%;}
	.contact .top .right .root_daum_roughmap_landing .wrap_map {height: 300px !important;}
	.contact .traffic_list ul li{position:relative; padding-left:6.25rem;}
	.contact .traffic_list ul li + li {margin-top: 12px;}
	.contact .traffic_list i{position: absolute; left:0rem;}
	
	.contact .top .left .contact_info .contact_mask {height : 15.8rem; mask-size: 100% 100%;}
}

@media screen and (max-width: 640px) {

	/* sub_visual */
	#sub_visual .sub_title > .flex_box { gap: 1.5rem; }
	#sub_visual .lnb.fixed { padding-left: 1.5rem; }
	#sub_visual .sub_vis p:after { font-size: 5rem !important; bottom: -.625rem !important; letter-spacing: -2px !important; line-height: 1; text-align: right;}
	.sub_vis .sub_title h2#sub_tit2 { font-weight: 700; font-size: 1.875rem; }

	/* search_box */
	.search_box fieldset { gap: 5px; }
	.search_box input { width: calc(100% - 9.375rem - 5rem - 10px); }

	.tab_kind li a {padding: 0.719rem 2.5rem; width: auto;}
	
	
	/* 로그인 */
	.login_box  { align-items: start;	justify-content: start; max-width: 380px; margin: 0 5%; }
	.login_box .left { width: 100%; height: auto; padding: 2rem 0 1.3rem; }
	.login_box .left::after { bottom: -16px; left: 9px; width: 8rem; }
	.login_box .left p.fs36 { font-size: 2rem; }
	.login_box .left p.fs36 br { display: none; }
	.login_box .left .mt30 { margin-top: 0.3rem !important; }
	.login_box .right { width: 100%; padding: 1.5rem 2rem 3rem; }
	.login_box .right .long { margin-top: 10px; }
	.member .login_wrap .login_bt .btn {line-height : 3.125rem; padding : 0;}
	
	/* 회원가입 */
	.member .sub_con .join_step {margin:0 0 3.125rem 0;}
	.member .sub_con .join_step > ol > li {height: auto; flex-direction: column; gap: 5px;}
	.member .sub_con .join_step > ol > li + li:after {width: .75rem; height: 1.125rem; background-size: contain; left: calc((-2.5rem - .75rem)/2);}
	.member .sub_con .join_step > ol > li div { align-items: center; }
	.member .sub_con .join_step > ol > li i {display:none;}
    .member .sub_con .join_step > ol > li .txt {padding-top:0px;}
		
	.member table.board-write tr { display: flex; flex-wrap: wrap; }
	.member table.board-write th { width: 100%; }
	.member table.board-write td { width: 100%; height: auto; margin-bottom:10px; }
	.member table.board-write td .btnNormalB { margin: auto !important; right: 0; }
	.member table.board-write .pt10 {padding-top: 5px !important;}
	
	.member .mem_info td .tel {width: 100%; }	
	
	
	/* 1_2 비전및 전략*/
	.vision .vision_box .box_row {gap: .625rem; flex-direction: column; }
	.vision .vision_box .tit { width: 100%; }
	.vision .vision_box .con_box,
	.vision .vision_box .con_wrap{ width: 100%; }
	.vision .vision_box .box_row:last-child .con_wrap{flex-direction: column; gap:.625rem;}
	.vision .vision_box .box_row:last-child .con_wrap .con_box{width:100%;}
	
	
	/* 1_4_1 협회소개 */
	.introduce .top_box {font-size:1.25rem;}
	.introduce .tit_deco p{font-size:1.5rem;}
	

	/* 3_1 회원사 가입 안내 */
	.mem_guide .mt80{margin-top:3.125rem;}
	.mem_guide .mb30{margin-bottom:1.25rem !important;}
	.mem_guide .tit{font-size:1.5rem;}
	.mem_guide .tit span{color:#008CD7;}
	.mem_guide .tit span:after{display:none;}

		
	/* 3_2 회원사목록 table */
	.mem_list table colgroup,
	.mem_list table thead{display:none}
	.mem_list table tr{display:flex; flex-wrap: wrap;}
	.mem_list table td{display:inline-block; width:calc(50% - 1px); background-color: #f9f9f9;}
	.mem_list table td:first-child{width:100%; font-weight: 600; font-size: 1.125rem; color: #211a83; background-color: #fff;}
	.mem_list table .logo_img img{mix-blend-mode: multiply;}
	.mem_list table td:nth-child(2){border-left:0px;}
	/*.mem_list table tbody{display: flex ; flex-direction: column; gap: 1.25rem;}
	.mem_list table tr + tr{border-top:1px #ccc solid;}*/


	/* 3_2_2 회원사목록 */
	.mem_list .search_box form .src_btn{width:100%; gap:1px;}
	.mem_list .search_box form .src_btn .btn_style7{width: calc((100% - 7px) / 8); padding: 0.3125rem 0; border-radius: 0;}
	
	
	/* 5_3 행사/교육 신청 상세 */
	.apply.apply_view .reserve_view .top { gap: 2.5rem; justify-content: center; }
	.apply.apply_view .reserve_view .right .event li.half {width : 100%;}
	.apply.apply_view .reserve_view .right .btn_wrap {justify-content: center;}
	
	
	/* 5_4 행사/교육 일정 */
	.calendar .edu_schedule .div_tab{flex-wrap: wrap; gap:0;}
	.calendar .edu_schedule .div_tab a { flex: auto; width: calc(100% / 6); }
}


@media screen and (max-width: 560px) {

	/* sub_visual */
	#sub_visual .lnb {flex-wrap : nowrap;}

}


@media screen and (max-width: 480px) {
	/* sub_visual */
	#sub_visual { margin-top: 4.75rem; }
	#sub_visual .lnb.fixed {top: 4.75rem;} 
	#sub_visual .sub_vis p { height: 7.5rem; }
	#sub_visual .sub_vis p:after { font-size: 3.75rem !important; letter-spacing: 0px !important; bottom: -1rem !important; }
	.member .sub_vis,
	.sub_wrap .sub_vis {height: 10rem; margin-top: 4.75rem;}
	.member .sub_vis .sub_title,
	.sub_wrap .sub_vis .sub_title {height: 10rem;}
	
	
	.search_box fieldset {flex-direction: column; }
	.search_box select,
	.search_box input,
	.search_box button {width:100%;}
	.search_box button{ background: url(/asset/images/s_search_icon.png) no-repeat 40% 50%; background-color: #2d2d2d;}
	
	
	
	/* 회원가입 */
	.member .sub_con .join_type > li {width: 45%;}
	.member .sub_con .join_type {gap: 1.25rem; justify-content: center;}
	.member .sub_con .join_type > li b.tit {font-size: 1.5rem;}
	.member .sub_con .join_type > li p.img {margin: 0 auto;}

	/* 팝업창 */
	.f_popup .wrap { width: 280px; }
	
	/* page_num */
	.page_num { margin-top: 1rem; }
	
	
	/* 1_3 연혁 */
	.history_tab { top: calc(4.75rem + 3.75rem);}
	.history_tab a { padding: 1rem; }


	/* 1_4_1 협회소개 */
	.introduce .top_box br{display:none;}
	.introduce .flex_box > .center .circle_3 { flex-direction: column; }
	.introduce .flex_box > .center .circle_3 > div { margin-top: -3.125rem; margin-left: 0rem;}

	
	/* 1_6 찾아오시는길 */
	.contact .top .left .root_daum_roughmap_landing {height: 300px; }
	.contact .top .right .tit { font-size: 1.25rem; }
	.contact .top .right .adress { font-size: 1.5rem; }
	.contact .top .right .contact_info .contact_mask {height: 14rem;}
	.contact .top .right ul { flex-direction: column; padding: 2.5rem 3.125rem;}
	.contact .top .right ul li {width: 100%;}
	
	
	/* 2 주요사업 */
	.business .tit_line > p,
	.business .tit_line > a{display:none;}
	.business .flex_box.third > li { width: 100%; }
	
	.business .sh_leaders div{ width: calc((100% - 1.25rem)/2);}
	
	.business .sh_convergence div {padding:2.5rem; gap:1rem;}
	.business .sh_convergence div i{width:2.5rem;}
	.business .sh_convergence div p{font-size:1rem;}
	


	/* 3_1 회원사 가입 안내 */
	.mem_guide .num_list li > div,
	.mem_guide .num_list li > b{ margin-top: 0rem;}
	.mem_guide .bg_white{flex-direction: column; gap: 1.5rem;}
	.mem_guide .bg_white *{text-align:center !important;}
	

	/* 3_2_2 회원사목록 */
	.mem_list .search_box form .src_btn .btn_style7{width: calc((100% - 3px) / 4);}
	
	
	/* 5_3 행사/교육 신청 상세 */
	.apply.apply_view .reserve_view .right .btn_wrap {left: calc(100% - 15rem);}


	/*마이페이지*/
	.menu06 .search_box.sb2 select,
	.menu06 .search_box.sb2 input { width: 100%; }
	.menu06 .info_tab .btn_wrap li { font-size: 11px; width: 50%; padding: 10px;}
	
	/* 마이페이지 */
	.mypage .info_tab .btn_wrap li {width : 50%;}
}


@media screen and (max-width: 420px) {
	#sub_visual .sub_vis p:after {display:none;}


	/* 1_3 연혁 */
	.history_tab {display:none;}
	.history .history-list .left .sticky .title { font-size: 2.5rem; }
	
	
	/* 1_4_1 협회소개 */
	.introduce .flex_box > .center .circle_3 { gap: .625rem;}
	.introduce .flex_box > .center .circle_3 li { width: 100%; height: auto; padding: 1.25rem; border-radius: 1.25rem;}
	.introduce .flex_box > .center .circle_3 > div{ width: 100%; margin-top: 0rem; flex-direction: column; gap: .625rem;}
	.introduce .flex_box > .center .circle_3 > div li:nth-child(2) { margin-left: 0rem; }
}