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

.point{color:var(--main-color); font-weight: 600;}
.cat_notice{border-color:var(--main-color); color:var(--main-color);}

/* desc_box */
.desc_box{padding: 20px; margin: 10px 0; background-color: #fbfbfb; border-radius:5px;}
.desc_box p{line-height:1.6;}

/* dash_list */
.dash_list > li{position: relative; padding-left: 10px; margin-top: 4px; font-weight: 300; color: #454545; text-align: left;}
.dash_list > li:first-child{margin-top: 0;}
.dash_list > li:before{content:"-"; display: block; position: absolute; top: 0; left: 0;}
.dash_list > li span{color: #333;}

/* bar_list */
.bar_list{font-size: 0;}
.bar_list > li{display: inline-block; font-size: 14px;}
.bar_list > li span{display: inline-block; position: relative; padding: 2px 15px;}
.bar_list > li span:before{content:""; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; margin-top: -7px; background: #ddd;}
.bar_list > li:first-child span:before{content:none;}

/* bul_list */
.bul_list li:first-child{margin-top:0;}
.bul_list li{position:relative; line-height:1.7; color:#666; font-weight:400;}
.bul_list li b{display:block; font-weight:600; color:#1f2c5c;}
.bul_list > li{padding-left:1rem; margin-top:12px;}
.bul_list > li:before{content:""; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; background:#848380; border-radius:50%;}
.bul_list > li ul:not([class]){padding:0.25rem 0 1rem;}
.bul_list > li:last-child ul:last-child{padding-bottom:0;}
.bul_list > li > ul:not([class]) > li{position:relative; padding-left:0.625rem; margin-bottom:2px; color:#777;}
.bul_list > li > ul:not([class]) > li:before{content:"-"; display:inline-block; position:absolute; top:0; left:0}
.bul_list > li > strong{font-size:18px;}


/* subContainer */
.subContainer {padding-top: 80px;}

/* 서브 비쥬얼 영역 */
.subVisual {position: relative;}

.subVisual_tit {position: relative; width: 100%; height: 100%; padding-bottom: 40px; font-family: var(--tit_font);}
.subVisual_tit .inner {height: auto;}
.subVisual_tit h1 {font-size: 40px; font-weight: 700; color: #111; line-height: 1;}
.subVisual_tit p {font-size: 18px; color: var(--gray-300); margin-top: 16px; letter-spacing: 0.2px}

/* 서브 로케이션 */
.area_cont_navi {width: 100%;}
.cont_navigation {position: relative; display: flex; align-items: center; background-color: var(--main-color); padding: 10px 10px; border-radius: 35px;}
.cont_navigation:after{content:""; display:block; clear:both;}
.area_cont_navi .home {float:left; display:block; position:relative; width:40px; height:40px; background: #fff; border-radius: 50%;}
.area_cont_navi .home:after{content:""; display:block; position:absolute; top:50%; left:50%; width:32px; height:32px; margin:-16px 0 0 -16px; background:url('/images/common/icon_home.png') no-repeat 50% 50%; background-size:22px auto;}
.cont_navi {position:relative; display:block;}
.cont_navi:after {content: ''; position: absolute; top: 50%; right: 0; margin-top: -6px; width: 2px; height: 12px; background-color: rgba(255, 255, 255, .2);}
.cont_navi:last-child:after {content: none;}
.cont_navi dt a{display:block; position:relative; width:265px; font-size:15px;}
.cont_navi dt a:after {content: ''; position: absolute; top: 50%; right: 20px; width: 5px; height: 5px; margin-top: -5px; border-right: 2px solid rgba(255, 255, 255, .5); border-bottom: 2px solid rgba(255, 255, 255, .5); transform: rotate(45deg); transition: all .2s;}
.cont_navi.active dt a:after {border-color: #fff; transform: rotate(-135deg);}

.cont_navi dt span:first-child {display:inline-block; max-width:220px; line-height:1; padding: 0 20px; color:#fff; font-weight:400; width:100%; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;}
.cont_navi dd{overflow: hidden; overflow-y: auto; display:none; position:absolute; top: 50px; left:-1px; z-index:10; width:100%; width:calc(100% + 2px) ; max-height:360px; background:#fff; border:1px solid var(--gray-200); border-radius: 16px; padding: 15px 10px;}
.cont_navi dd ul > li > a {display:block; position:relative; padding: 5px 5px; background-color: #fff; color: #111;}
.cont_navi dd ul > li > a span{display:inline-block; line-height:1.3; padding:2px 0; font-size: 1rem; vertical-align:middle;}
.cont_navi dd ul > li:hover > a{background-color: var(--gray-100); border-radius: 4px; color: var(--main-color);}
.cont_navi dd ul > li > a.on{color:#24bdb7; font-weight: 600;}
.cont_navi .depth_menu{display: none !important;}

/* content */
#content{padding: 100px 0 120px;}
#content section + section{margin-top:60px;}

/* page_title */
.page_title{margin-bottom: 50px; text-align: center;}
.page_title .sub_sign{display:block; border:1px solid var(--main-color); color:var(--main-color); border-radius: 20px; padding:5px 20px; margin:0 auto; text-align: center; width: fit-content; line-height:100%;}
.page_title h3{display: inline-block; font-size: 36px; font-weight: 700; word-break:keep-all; color: #222; vertical-align: middle; font-family: var(--tit_font); transition:all 0.3s;}
.page_title h3 + *{margin-top: 12px; word-break: keep-all;}

/* btn_tab */
.btn_tab {display: flex; margin: 0 auto 60px; text-align: center; align-items: center; justify-content: center; gap: 30px;}
.btn_tab > a {display: block; font-size: 16px; padding: 10px 30px; border: 2px solid #ddd; border-radius: 8px; color: #999; transition:all 0.3s;}
.btn_tab > a.active {border-color: var(--main-color); color: var(--main-color); font-weight: 600;}

/* area_search */
.area_search{max-width:780px; margin:0 auto 60px; display:flex; justify-content: center; align-items: center; gap:20px;}
.area_search > select{flex-shrink:0; width:160px; height:65px; border:1px solid #ddd; padding:0 34px 0 14px; border-radius:4px; color:#666; background-color: transparent; transition: all 0.3s;}
.area_search > select:focus,
.area_search > select:hover{border-color:var(--main-color);}
.area_search .search_input{position:relative; border-bottom:2px solid var(--main-color); height:65px; width:100%; transition:all 0.3s;}
.area_search .search_input input{appearance: none; border:none; width:100%; height:100%; margin:0; padding:0; font-size:16px; padding:0 40px 0 20px}
.area_search .search_input button{width:32px; height:32px; display:block; position:absolute; right:5px; top:0; bottom:0; margin:auto; opacity:.7; content:""; display:block; background:url('/images/common/icon_search.svg') no-repeat 50% 50%;}

/* 교육 목록 */
.eduList_tit{display:flex; gap: 5px; text-align: left; flex-direction: column;}
.eduList_tit span{}
.eduList_tit strong{font-weight: 600; color:#333; font-size:18px;}
.eduList_tit:hover strong{text-decoration: underline;}

/* cont_tit_wrap */
.cont_tit_wrap{display:flex; justify-content: space-between; align-items: center; margin-bottom:20px;}
.cont_left{display:flex; justify-content: flex-start; align-items: center;}
.cont_right{display:flex; justify-content: flex-end; align-items: center;}

.bar_tit{position: relative; padding-left: 18px; font-size: 20px; font-weight: 700; word-break:keep-all; color:#222; font-family: var(--tit_font);}
.bar_tit:before{content:""; display: block; position: absolute; top: 7px; left: 0; width: 4px; height: 17px; background-color:var(--main-color);}

/* link_share */
.link_share{display:flex; align-items: center; gap: 5px;}
.link_share li{border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.link_share li a{width:30px; height:30px; overflow:hidden; display:block;}
.link_share li a img{width:100%; height:100%;}

/* 사업소개 - 사업메뉴*/
.biz_wrap{}
.biz_top{padding:40px; border-radius:20px; border:3px solid rgba(var(--main-color-rgb), 0.4); margin-bottom:60px; display:flex; gap:60px; align-items: center;}

.biz_top_img{background:#f9f9f9; order:2; width:500px; padding-top:500px; position:relative; overflow:hidden; flex-shrink: 0; border-radius: 20px;}
.biz_top_img > img{width:100%; height:100%; position:absolute; inset:0; margin:auto; object-fit: cover;}

.biz_top_con{order:1; display:flex; flex-direction: column; gap: 30px;}
.biz_top_con > strong{font-size:48px; font-weight: 800; color:var(--main-color); font-family: var(--tit_font);}
.biz_top_con .biz_top_txt{word-break: keep-all;}
.biz_top_con .biz_top_txt > p{line-height:175%; color:#454545;}

.biz_body{}
.biz_body section{position:relative;}

.biz_tit_wrap{margin-bottom:20px; display:flex; justify-content: space-between;}
.biz_tit_wrap .bar_tit{font-size:26px;}
.biz_tit_wrap .bar_tit:before{height:26px;}

.biz_con{}

.biz_quick{display:flex; flex-direction: column; gap:10px;}
.biz_quick li{border:1px solid #ddd; border-radius: 10px; display:flex; justify-content: center; align-items: center; transition:all 0.3s; padding-right: 30px; position:relative;}
.biz_quick li a{display:block; width:100%; height:fit-content; padding:10px 20px; color:#999; word-break: keep-all;}
.biz_quick li a i{position:absolute; right:15px; top:0; bottom:0; margin:auto; height:fit-content;}
.biz_quick li:hover{background:var(--sub-color);}
.biz_quick li:hover a{color:#fff; font-weight: 500;}

/* biz_tb */
.biz_tb{width:100%; border-collapse: collapse;}
.biz_tb caption{overflow:hidden; line-height:0; text-indent:-2000em;}
.biz_tb thead{background:var(--ad-dark);}
.biz_tb thead th{color:#fff; font-weight:600; text-align: center;}
.biz_tb tbody th{background:var(--ad-light); color:var(--ad-dark); font-weight:500; text-align: center;}
.biz_tb th, .biz_tb td{border:1px solid #ddd; padding:12px 16px; vertical-align: middle; word-break: keep-all;}

/* icon_list */
.img_list{display:flex; justify-content: center; gap:30px;}
.img_list li{width:100%; text-align: center;}
.img_list li > b{font-size:16px; color:#222; display:inline-block; margin-top:10px; font-weight: 500; word-break: keep-all;}

/* biz_step */
.biz_step{display:flex; flex-direction: column; gap: 30px;}

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

.highlight{font-size:22px; font-weight: 700; color:#222; text-decoration-line: underline; text-decoration-color: #B6FF00; text-decoration-thickness: 10px; text-underline-offset: -10px;}

.step_flow{}
.step_flow > span{display:block; width:fit-content; padding:4px 30px; font-size: 15px; font-weight: 700; background:var(--sub-color2); color:#fff; border-radius:10px 10px 0 0;}
.step_flow > ul, .hiTech_step > ul{display:flex; align-items: stretch; gap:50px; padding:15px; box-shadow: 0 0 10px rgba(var(--main-color-rgb), 0.1); border-radius: 0 10px 10px 10px; width:100%;}
.step_flow > ul > li, .hiTech_step > ul > li{border:10px; background:#f9f9f9; border-radius:5px; padding:20px; position:relative; text-align: center; display:flex; align-items: center; justify-content: center; width:100%; border:1px solid #ddd;}
.step_flow > ul > li + li:before, .hiTech_step > ul > li + li:before{content:''; display:block; width:40px; height:40px; background:url(/images/page/contents/biz_arrow.png) no-repeat; background-size: 100%; background-position: center; position:absolute; left:-45px; top:0; bottom:0; margin:auto;}
.step_flow > ul > li strong, .hiTech_step > ul > li strong{font-weight: 600; font-size: 18px}
.step_flow > ul > li small{display:block;}

.step_flow > ul > li:nth-child(1),.hiTech_step > ul > li:nth-child(1){background:rgba(var(--sub-color-rgb), 0.06); color:var(--sub-color);}
.step_flow > ul > li:nth-child(2),.hiTech_step > ul > li:nth-child(2){background:rgba(var(--main-color-rgb), 0.06); color:var(--main-color);}
.step_flow > ul > li:nth-child(3),.hiTech_step > ul > li:nth-child(3){background:rgba(var(--sub-color2-rgb), 0.06); color:#058ed9;}
.step_flow > ul > li:nth-child(4),.hiTech_step > ul > li:nth-child(4){background:rgba(var(--ad-danger-rgb), 0.04); color:var(--ad-danger);}

.hiTech_step{padding:15px; box-shadow: 0 0 10px rgba(var(--main-color-rgb), 0.1); border-radius: 0 10px 10px 10px; width:100%; display:flex; justify-content: flex-end; flex-wrap: wrap;}
.hiTech_step > ul{padding:0; box-shadow: none;}
.hiTech_step .step_exp{display:flex; flex-direction: column; align-items: center; margin-right:0; width:65%; padding:10px; background:#f9f9f9; border-radius:10px; text-align: center;}
.hiTech_step .step_exp strong{font-weight: 600; font-size: 18px; color:#222;}
.hiTech_step .step_exp span{}

/* win_list */
.win_list{display:flex; gap: 40px; align-items: stretch;}
.win_list > li{display:flex; flex-direction: column; width: 100%; border:1px solid #ddd; overflow: hidden; border-radius: 15px;}
.win_list > li > strong{padding:10px 20px; background:var(--sub-color); color:#fff; text-align: center; font-weight: 600; font-size:18px;}
.win_list > li > div{padding:20px; display:flex; justify-content: center; align-items: center; height:100%;}

/* cur_item */
.cur_item{text-align: center;}
.cur_item > span{font-weight: 700;}
.cur_item:not(.etc){display:flex; justify-content: center; align-items: center; height:100%; min-height: 120px; padding:16px 20px; border:1px solid #ddd; border-radius:10px;}

.cur_item.item1{border-color:var(--ad-info); color:var(--ad-info); background:rgba(var(--ad-info-rgb), 0.04);}
.cur_item.item2{border-color:var(--ad-danger); color:var(--ad-danger); background:rgba(var(--ad-danger-rgb), 0.02);}
.cur_item.item3{border-color:var(--main-color); color:var(--main-color); background:rgba(var(--main-color-rgb), 0.04);}
.cur_item.item4{border-color:var(--sub-color); color:var(--sub-color); background:rgba(var(--sub-color-rgb), 0.04);}
.cur_item.item5{background:#fff6c7;}

.cur_item.etc > span{display:block; background:var(--main-color); color:#fff; padding:10px; border-radius:5px;}
.cur_item.etc .etc_flow{margin-top:10px; padding:40px 10px 60px; background:#f9f9f9; border-radius:5px; min-width:320px;}
.cur_item.etc .etc_flow > ul{display:flex; justify-content: center; gap:20px; position:relative;}
.cur_item.etc .etc_flow > ul:before{content:''; position:absolute; inset:0; margin: auto; display:block; width:calc(100% - 30px); height:0.5px; background:#222;}
.cur_item.etc .etc_flow > ul > li{border:1px solid #222; border-radius:5px; width:60px; height:40px; line-height:38px; color:#222; font-size:14px; position:relative; background:#fff;}
.cur_item.etc .etc_flow > ul > li > span{position: absolute; left:-104%; width:100px; line-height:100%; color:#666;}

.cur_item.etc .etc_flow > ul > li:nth-child(2) > span{bottom:-25px;}
.cur_item.etc .etc_flow > ul > li:nth-child(3) > span{top:-25px;}
.cur_item.etc .etc_flow > ul > li:nth-child(4) > span{bottom:-50px;}

.cur_item.etc .etc_flow > ul > li > span:before{content:''; display:block; position:absolute; left:0; right:0; margin:auto; color:#aaa;}
.cur_item.etc .etc_flow > ul > li:nth-child(2n) > span:before{content:'↑'; top:-20px;}
.cur_item.etc .etc_flow > ul > li:nth-child(3) > span:before{content:'↓'; bottom:-20px;}

.con_qr{display: flex; align-items: center; justify-content: space-between;}
.con_qr .qr_box{border:1px solid #222; width:150px;}
.con_qr .qr_box > *{display:block; margin:0 auto; text-align: center; padding:10px;}
.con_qr .qr_box > span{ background:#222; color: #fff;}
.con_qr .qr_box > img{width:100px; height:100px;}
.con_qr .qr_box > p{border-top:1px solid #222;}

.flow_list{display:flex; gap:5px;}
.flow_list li{font-size:15px; display:flex; gap:5px; align-items: center;}
.flow_list li + li:before{content:'→'; color:#999; font-size:1rem;}


/* 사업소개 - 오시는길 */
/* company - way2come */
.map { width:100%; margin:0 auto; }
.map .root_daum_roughmap { width:100%; height:433px; padding:0; border:0; }
.map .root_daum_roughmap .wrap_map { height:400px; }

/* 훈련과정안내 */
.tab_con_wrap .tab_nav{display:flex; justify-content: center; align-items: center; gap: 15px;}
.tab_con_wrap .tab_nav li{border:1px solid #ddd; position:relative; border-radius:30px;}
.tab_con_wrap .tab_nav li:before{content:''; display:block; width:8px; height:8px; background:var(--main-color); position:absolute; bottom:-4px; left:0; right:0; margin:auto; border-radius: 50%; opacity: 0; transition: opacity 0.3s;}
.tab_con_wrap .tab_nav li a{display:block; width:230px; padding:10px 30px; text-align: center;}
.tab_con_wrap .tab_nav li.on{border-color:var(--main-color);}
.tab_con_wrap .tab_nav li.on:before{opacity: 1;}
.tab_con_wrap .tab_nav li.on a{font-weight: 700; color:var(--main-color);}

.tab_con{background:#fff; margin-top:60px;}
.tab_con .tab_item{height:1px; position:absolute; top:0; left:0; right:0; margin:auto; z-index: -1; opacity: 0; overflow: hidden; transition:all 0.3s;}
.tab_con .tab_item.on{height:auto; position:relative; opacity:1; z-index: 0;}

.edu_card_con {background:#fff; font-family: var(--tit_font); border-radius:15px; border:1px solid #ddd; box-shadow:0 0 10px rgba(var(--main-color-rgb), 0.2); text-align: center; overflow: hidden;}
.edu_card_con > p{padding:15px 30px; background:var(--main-color); color:#fff; font-size:22px; letter-spacing: 0.2px; font-weight: 600; word-break: keep-all;}
.edu_card_con .edu_card{display:flex; justify-content: center; align-items: center; margin-bottom:20px; padding:50px 30px;}
.edu_card_con .edu_card > li{position:relative; width:280px; height:160px; border-radius:10px; border:1px solid #ddd; text-shadow: 0 0 3px rgba(0,0,0,0.6)}
.edu_card_con .edu_card > li:before{content:''; display:block; width:32px; height:24px; background: url(/images/page/contents/chip.png) no-repeat; background-size: 100%; background-position: center; position:absolute; right:30px; bottom:30px;}
.edu_card_con .edu_card > li + li{margin-left:40px;}
.edu_card_con .edu_card > li + li:after{content:''; font-size:40px; display:block; height:fit-content; position:absolute; left:-33px; top:0; bottom:0; margin:auto; text-shadow: none;}
.edu_card_con .edu_card > li:nth-child(2):after{content:'+';}
.edu_card_con .edu_card > li:nth-child(3):after{content:'=';}
.edu_card_con .edu_card > li > p{ font-size:20px; font-weight: 600; color: #fff; position: absolute; inset: 0; margin:auto; height:fit-content; word-break: keep-all;}
.edu_card_con .edu_card > li:nth-child(1){background: linear-gradient(to left, rgba(115, 200, 169, 1), rgba(199, 240, 219, 1));}
.edu_card_con .edu_card > li:nth-child(2){background: linear-gradient(to left, rgba(121, 166, 210, 1), rgba(184, 214, 235, 1));}
.edu_card_con .edu_card > li:nth-child(3){background: linear-gradient(to left, rgba(90, 143, 189, 1), rgba(163, 217, 201, 1));}

.step_card_list{background:#F5F7FB; padding:40px 50px; border-radius:20px; display:flex; flex-wrap:wrap; gap:30px;}
.step_card_list li{background:#fff; border-radius:10px; width:calc((100% - 60px)/3); text-align: center; padding:20px; display:flex; justify-content: center; align-items: center;}
.step_card_list .step_icon{width:80px; height:80px; background:#f9f9f9; margin:auto;}
.step_card_list .step_icon img{}
.step_card_list li b{display:block; font-size:18px; margin-top:15px; word-break: keep-all; line-height:100%;}
.step_card_list li p{font-size:15px; margin-top:15px; word-break: keep-all;}

/* 이용약관 */
.def_wrap > li{margin-bottom: 60px;}
.def_wrap .tit{display:block; padding:18px 0; margin-bottom: 18px; border-bottom: 1px solid #ddd; letter-spacing: -0.025em; font-size:17px; font-weight:600; color: #222; }
.def_wrap .txt{margin-bottom:23px; line-height:1.7; color: #666;}
.def_box{padding:40px 50px; margin-bottom:44px; background:#F8F8F8;}
.def_box p{line-height:1.8; font-weight:400; color:#666;}


/* **************************************** *
 1620px
 * **************************************** */
@media (max-width:1620px){


}


/* **************************************** *
 1440px
 * **************************************** */
@media (max-width:1440px){


}


/* **************************************** *
 1280px
 * **************************************** */
@media (max-width:1280px){

	.biz_top_con > strong{font-size:42px;}
	.biz_top_img{max-width:45%;}

	.win_list{gap:20px;}

}

/* **************************************** *
 1024px
 * **************************************** */
@media (max-width:1024px){

	.subContainer{padding-top:60px;}

	#content{padding:80px 0 100px;}

	/* page_title */
	.page_title{margin-bottom: 30px;}
	.page_title h3{font-size: 28px;}
	.page_title h3 .tag{font-size: 16px;}

	/* btn_tab */
	.btn_tab{gap:15px;}
	.btn_tab > a{padding:8px 15px; font-size:15px;}

	/* tab_con_wrap */
	.tab_con_wrap .tab_nav{gap:8px;}
	.tab_con_wrap .tab_nav li a{ padding:10px; width:170px;}

	/* biz_tit_wrap */
	.biz_tit_wrap .bar_tit{font-size:24px;}
	.biz_tit_wrap .bar_tit:before{height:24px;}

	.biz_top{flex-direction: column-reverse; gap:40px; padding:30px;}
	.biz_top_con{gap:20px;}
	.biz_top_con > strong{font-size:32px;}
	.biz_top_img{max-width: 100%; width:100%; padding-top:65%;}

	/* step_flow */
	.step_flow > ul > li strong, .hiTech_step > ul > li strong{font-size:16px;}


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

	.edu_card_con > p{font-size:20px;}
	.edu_card_con .edu_card > li > p{font-size:18px; padding:0 30px;}

	/* step_card_list */
	.step_card_list li{width:calc((100% - 30px)/2);}
	.step_card_list .step_icon{width:60px; height:60px;}


}


/* **************************************** *
 * 768px
 * **************************************** */
@media (max-width:768px){

	.subContainer{padding-top:40px;}
	#content{padding:60px 0 80px;}
	#content section + section{margin-top:40px;}

	/* 서브 비쥬얼 영역 */
	.subVisual_tit .inner{padding:0 15px;}
	.subVisual_tit h1{font-size:24px;}
	.subVisual_tit p{font-size:15px; word-break: keep-all;}

	/* 서브 로케이션 */
	.area_cont_navi .home{width:30px; height:30px;}
	.cont_navi{width:calc((100% - 30px)/2);}
	.cont_navi dt a{width:100%;}
	.cont_navi dd{top:40px}

	/* btn_tab */
	.btn_tab{gap:10px;}
	.btn_tab > a{padding:5px 10px; font-size:14px;}

	/* biz_tit_wrap */
	.biz_tit_wrap .bar_tit{font-size:22px;}
	.biz_tit_wrap .bar_tit:before{height:22px;}

	/* img_list */
	.img_list{gap:15px;}

	/* edu_card_con */
	.edu_card_con .edu_card{flex-wrap: wrap; gap: 20px 0;}
	.edu_card_con .edu_card > li:not(li:last-child){width:calc((100% - 40px)/2);}

	/* step_card_list */
	.step_card_list{padding:20px; gap:20px;}
	.step_card_list li{width:calc((100% - 20px)/2);}
	.step_card_list li b{font-size: 16px;}
	.step_card_list li p{font-size:14px;}

	/* step_flow */
	.hiTech_step{flex-direction: row; flex-wrap: nowrap; gap: 20px;}
	.hiTech_step > ul{flex-direction: column; width:100%;}
	.hiTech_step > ul > li + li:before{left:0; right:0; top:-45px; bottom:unset; transform:rotate(90deg);}
	.hiTech_step .step_exp{min-width:40%; display:flex; justify-content: center; align-items: center; word-break: keep-all; margin-top:35%;}
}


/* **************************************** *
 * 640px
 * **************************************** */
@media (max-width:640px){

	/* 서브 로케이션 */
	.area_cont_navi a + dl{display:none;}
	.cont_navi{width:calc(100% - 30px);}

	/* biz_top */
	.biz_top{padding:0; overflow: hidden; gap:0;}
	.biz_top_con{padding: 30px;}
	.biz_top_con > strong{}
	.biz_top_img{border-radius:0;}

	/* tab_con_wrap */
	.tab_con_wrap .tab_nav{border:1px solid #ddd; border-width: 1px 0; align-items: stretch;}
	.tab_con_wrap .tab_nav li{border:none; width:calc((100% - 16px)/3); display:flex; justify-content: center; align-items: center;}
	.tab_con_wrap .tab_nav li a{width:100%;}

	/* step_flow */
	.step_flow > ul{gap:40px; flex-wrap: wrap;}
	.step_flow > ul > li{width:calc((100% - 40px)/2);}
	.step_flow > ul > li:nth-child(3){order:4;}
	.step_flow > ul > li:nth-child(4){order:3;}
	.step_flow > ul > li + li:before{width:30px; height:30px; left:-35px;}
	.step_flow > ul > li:nth-child(3):before{left:0; right:0; top:-35px; bottom:unset; transform: rotate(90deg);}
	.step_flow > ul > li:nth-child(4):before{left:unset; right:-35px; transform:rotate(180deg);}

	.con_qr{flex-direction: column; gap:30px;}
	.con_qr > *, .con_qr .qr_box{width:100%;}

	.flow_list{flex-direction: column; gap:20px;}
	.flow_list li{flex-direction: column; align-items: center; position:relative; border:1px solid #ddd; padding:3px 0;}
	.flow_list li + li:before{content:'↓'; position:absolute; top:-21px;}



}

/* **************************************** *
 * 578px
 * **************************************** */
@media (max-width:578px){

	/* page_title */
	.page_title h3{font-size: 26px;}
	.page_title .sub_sign{padding:3px 15px; font-size:12px; line-height:125%;}

	/* .area_search */
	.area_search{flex-direction: column; gap:5px;}
	.area_search > select,
	.area_search .search_input{width:100%; height:45px;}
	.area_search .search_input input{padding:0 25px 0 10px}
	.area_search .search_input button{width:22px; height:22px;}

	/* img_list */
	.img_list{flex-wrap: wrap;}
	.img_list li{width:100%;}
	.img_list li + li{width:calc((100% - 15px)/2);}


	.win_list > li{width:100%;}

	/* edu_card_con */
	.edu_card_con .edu_card{gap:0; padding:30px 20px;}
	.edu_card_con .edu_card > li,
	.edu_card_con .edu_card > li:not(li:last-child){width:280px}
	.edu_card_con .edu_card > li + li{margin-left:0; margin-top:40px;}
	.edu_card_con .edu_card > li + li:after{font-size:30px; width:30px; height:30px; line-height:30px; text-align: center; top:-35px; bottom:unset; left:0; right:0;}

	/* step_card_list */
	.step_card_list li{width:100%;}
}