@charset "utf-8";
/* CSS Document */
/* com2zoa design KYJ 26.01.19 */

/*공통 텍스트 박스*/
.txt_bx{padding: 13px; margin-bottom:20px; border-radius: 5px; border:1px solid #dddddd}
.txt_bx > ul > li{position: relative; padding-left: 15px; margin-bottom: 5px; line-height: 150%}
.txt_bx > ul > li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:9px; width:6px; height: 2px; background: #b5b5b5}
.txt_bx > ul > li:last-child{margin-bottom: 0}
.txt_bx > ul > li > span{font-weight: 600}
.txt_bx ul.inner_tbx{padding: 10px; margin: 7px 0 14px; border-radius: 5px; background: #f7f7f7; font-size:0.933em}
.txt_bx ul.inner_tbx > li{position: relative; padding-left: 10px; margin-bottom: 3px; line-height: 140%}
.txt_bx ul.inner_tbx > li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:7px; width:3px; height: 3px; background: #a3a3a3}
.txt_bx ul.inner_tbx > li:last-child{margin-bottom: 0}
.txt_bx > ul > li:last-child  ul.inner_tbx{margin-bottom: 0}
.txt_bx ul.inner_tbx li span{font-weight: 600}
.txt_bx ul.inner_tbx > li > ul{padding:10px; margin-top:5px; border-radius:5px; border:1px solid #ccc}
.txt_bx ul.inner_tbx > li > ul > li{position: relative; padding-left: 10px; margin-bottom: 3px; line-height: 140%}
.txt_bx ul.inner_tbx > li > ul > li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:9px; width:4px; height: 1px; background: #a3a3a3}

/** 공통타이틀 박스 **/
.common_titbx{position: relative; margin-bottom: 30px}
.common_titbx .titbx{position: relative; padding-bottom: 21px}
.common_titbx .titbx::before,
.common_titbx .titbx::after{display: block; clear: both; content: ''; position: absolute}
.common_titbx .titbx::before{bottom:0; left:0; width: 100%; height:42px; background: #f3f3f3; border-radius: 5px 20px 5px 5px} 
.common_titbx .titbx > p{position: relative; padding: 0 15px; z-index: 1}
.common_titbx .slog{margin:30px 5px 20px;  font-size: 1.2em; color:#515151; font-weight: 400}
.common_titbx .slog span{font-weight: 700}
.common_titbx .name,
.common_titbx .pgtit{display: inline-block; min-height: 42px; padding:0 0 10px 0; background:linear-gradient(100deg, #56819c 10%, #283a47 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 130%; font-size: 2.533em; font-weight:700}
.common_titbx .pgtit{padding: 0 0 10px 10px; font-size: 2em; letter-spacing: -1px}
.common_titbx .eng{padding:15px; color:#c7c7c7}
.common_titbx .bgeng{padding:10px; background: #f3f3f3; border-radius: 5px 20px 5px 5px; color:#c7c7c7}
.common_titbx p.info{padding:15px 0 15px 36px; background:url(../images/content/ico_info.gif) no-repeat left 10px top 18px; background-size: 17px; border-bottom: 1px solid #e7e7e7; color:#515151; line-height: 160%}
.common_titbx p.info span{font-weight: 600}
.common_titbx ul.lst_info{padding:15px 0 15px 10px;  background-size: 17px; border-bottom: 1px solid #e7e7e7; color:#000; line-height: 160%}
.common_titbx ul.lst_info li{position: relative; padding-left: 15px; margin-bottom: 3px; line-height: 140%}
.common_titbx ul.lst_info li:last-child{margin-bottom: 0}
.common_titbx ul.lst_info li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:9px; width:6px; height: 2px; background: #b5b5b5}
.common_titbx ul.lst_info span{font-weight: 600}


/** 공통 목적 **/ 
.common_goal{display: flex; gap:13px; padding: 8px; margin-bottom:30px; border-radius: 5px; border:1px solid #ddd}
.common_goal .tit{min-width:90px; padding: 10px; border-radius: 3px; background: #4b6577; color:#fff; font-size: 16px; font-weight: 600; text-align: center; align-content: space-around; box-sizing: border-box }
.common_goal ul{min-height: 39px; align-content: space-around; margin: 5px 0}
.common_goal ul li{position: relative; padding-left: 15px; margin-bottom: 3px; line-height: 140%}
.common_goal ul li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:9px; width:6px; height: 2px; background: #b5b5b5}
.common_goal ul li:last-child{margin-bottom: 0}
.common_goal ul li span{font-weight: 600}
 

/**********************************************************************************************/
/************************************** 공통사항 선언 끝 ****************************************/
/**********************************************************************************************/

/** 인사말 **/
.aiedu_greet{position: relative; padding-bottom:130px;  background:url(../images/content/greet_bg.png) no-repeat right bottom}
.aiedu_greet .common_titbx::after{display: block; clear: both; content: ''; position: absolute; right: 25px; top:27px; width:160px; height: 41px; background:url(../images/content/greet_aiedu.png) no-repeat left center}
.aiedu_greet .common_titbx .titbx::before{background:linear-gradient(100deg, #f5f8fb 10%, #eaeff3 100%)}
.aiedu_greet .common_titbx .titbx::after{right:25px; bottom:10px; width: 100%; height: 18px; background:url(../images/content/greet_topbg.png) no-repeat right center}
.aiedu_greet .greet_tb{padding: 0 30px}
.aiedu_greet .greet_tb .open_txt{position: relative; padding-top:15px; font-size: 1.4em; font-weight: 600}
.aiedu_greet .greet_tb .open_txt::after{display: block; clear: both; content: ''; position: absolute; left:-20px; top:0; width:38px; height: 23px; background:url(../images/content/ico_mark.png) no-repeat right center}
.aiedu_greet .greet_tb .open_txt span{display: block; position: relative; z-index: 1}
.aiedu_greet .greet_tb ul li{margin-top: 20px; line-height: 160%; font-size: 1.067em}
.aiedu_greet .greet_sign{position: absolute; bottom:50px; right:0; font-size: 1.133em; font-weight: 600}
.aiedu_greet .greet_sign span{position: relative; display: inline-block; margin-left: 7px; padding-right: 30px; font-size:1.353em}
.aiedu_greet .greet_sign span::after{display: block; clear: both; content: ''; position: absolute; right:0; top:-5px; width:20px; height: 30px; background:url(../images/content/greet_sign.png) no-repeat right center}


/** 행정조직 및 직원안내 **/
.aiedu_chart{position: relative; margin: 40px 0}
/*원장*/
.aiedu_chart .chart_topwrap{margin-left: 10px}
.aiedu_chart .chart_topbx{position: relative; width: 158px; height: 158px; margin: 0 auto}
.aiedu_chart .chart_topbx::before{display: block; clear: both; content: ''; position: absolute; left:-12px; top:-12px; width: 168px; height: 168px; border-radius: 50%; border: 2px dotted #dadada; animation: spin 2s linear infinite}
.aiedu_chart .chart_top{width: 148px; height: 148px; padding: 12px; background: #fff; border-radius: 50%; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); box-sizing: border-box}
.aiedu_chart .chart_top p {width: 124px; height: 124px; background: linear-gradient(180deg, #44a9f0 10%, #127fbd 100%); border-radius: 50%}
.aiedu_chart .chart_top p span{display: block; width: 100%; height: 100%; background:url(../images/content/ico_orgchart.png) no-repeat center; align-content: space-around}
.aiedu_chart .chart_top p a{position: relative; display: block; width: 100%; height: 100%; font-size: 21px; font-weight: 700; color:#fff; text-align: center; align-content: space-around; z-index: 10}
/*부설-AI정보영재교육원*/
.aiedu_chart .chart_solo{position: absolute; top:205px; right:143px} 
.aiedu_chart .chart_solo a{display: block; width: 300px; background: #fff; border-radius: 10px; border:2px solid #dcc9f5; text-align: center; font-size: 1.067em; transition: all .3s}
.aiedu_chart .chart_solo dl{position: relative; padding: 15px}
.aiedu_chart .chart_solo dt{width: 76px; height: 26px; line-height: 26px; margin:0 auto 10px; border-radius: 50px; background: #b791e9; color:#fff}
.aiedu_chart .chart_solo a:hover{border-color:#b791e9}
/*부서리스트*/
.aiedu_chart .chart_lst{position: relative; display: flex; gap:20px; padding-top:35px; margin-top: 160px; font-size: 1.067em; border-top:1px solid #d9d9d9}
.aiedu_chart .chart_lst .part{flex: 1}
.aiedu_chart .chart_lst .part_name{position: relative; margin-bottom: 10px; ; z-index: 5}
.aiedu_chart .chart_lst .part_name a{display: block; height: 60px; border-radius: 10px; background: #00f; text-align: center; color:#fff; font-weight: 600; align-content: space-around; transition: all .3s}
.aiedu_chart .chart_lst .team_bx{display: flex; justify-content: space-between; gap:10px}
.aiedu_chart .chart_lst .team{width: 100%}
.aiedu_chart .chart_lst .part.hide_dt dl dt a,
.aiedu_chart .chart_lst .part dl dt a{position: relative; display: block; height: 40px; margin-bottom: 10px; background: #fff; border-radius: 10px; border:2px solid #ccc; font-size: 15px; text-align: center; align-content: space-around; box-sizing: border-box; transition: all .3s; z-index: 1}
.aiedu_chart .chart_lst .part.hide_dt dl dt a{background: none; border:none; font-size: 0}
.aiedu_chart .chart_lst .team dd ul{display:flex; gap:10px}
.aiedu_chart .chart_lst .team dd ul li {position: relative; flex: 1; height:62px; max-width:145px; margin: 0 auto; font-size: 14px; text-align: center; background: #efefef; border-radius: 10px; align-content: space-around} 
/*세부 색상지정*/
.aiedu_chart .chart_lst .part01 .part_name a{background: #4b7d9d}
.aiedu_chart .chart_lst .part01 .part_name a:hover{background: #2b5d7d}
.aiedu_chart .chart_lst .part02 .part_name a{background: #43a3b7}
.aiedu_chart .chart_lst .part02 .part_name a:hover{background: #1e6c7c}
.aiedu_chart .chart_lst .part03 .part_name a{background: #33a294}
.aiedu_chart .chart_lst .part03 .part_name a:hover{background: #0b6358}
.aiedu_chart .chart_lst .part03 dl dt a{border-color:#b1e0da; color:#33a294}
.aiedu_chart .chart_lst .part03 dl dt a:hover{background:#d8ebe9}
.aiedu_chart .chart_lst .part04 .part_name a{background: #418dc2}
.aiedu_chart .chart_lst .part04 .part_name a:hover{background: #1d6191}
.aiedu_chart .chart_lst .part04 dl dt a{border-color:#adcfe7; color:#418dc2}
.aiedu_chart .chart_lst .part04 dl dt a:hover{background:#dde9f2}
/*라인*/
/*라인공통*/
.aiedu_chart .chart_lst::before,
.aiedu_chart .chart_lst::after,
.aiedu_chart .chart_topbx::after,
.aiedu_chart .chart_solo dl::after,
.aiedu_chart .chart_lst .part_name::after,
.aiedu_chart .chart_lst .part dl dt a::after,
.aiedu_chart .chart_lst .team dd ul li::after{display: block; clear: both; content: ''; position: absolute; background: #d9d9d9}
/*라인세부*/
.aiedu_chart .chart_lst::before{left:0; top:-1px; width: 150px; height: 1px; background: #fff}
.aiedu_chart .chart_lst::after{right:0; top:-1px; width: 150px; height: 1px; background: #fff}
.aiedu_chart .chart_topbx::after{left:50%; bottom:-162px; width: 1px; height: 162px; margin-left: -5px}
.aiedu_chart .chart_solo dl::after{left:-185px; bottom:50%; width:185px; height: 1px}
.aiedu_chart .chart_lst .part_name::after{left:50%; top:-36px; width:1px; height: 36px}
.aiedu_chart .chart_lst .part dl dt a::after{left:50%; top:-15px; width:1px; height: 15px}
.aiedu_chart .chart_lst .team dd ul li::after{left:50%; top:-50px; width:1px; height: 50px}
.aiedu_chart .chart_lst .part.hide_dt dl dt a::after{display: none}
.aiedu_chart .chart_lst .part.hide_dt dd ul li::after{top:-60px; height: 60px}


/** 주요사업 **/
/*타이틀 영역*/
.aiedu_major .major_top{padding: 5px 20px; margin-bottom: 35px; border-radius: 5px 30px 5px 5px; background: #ccc}
.aiedu_major .major_top .mj_tit{padding:13px 0; font-size: 20px; font-weight: 600; color:#fff}
.aiedu_major .major_top .mj_tit span{display: block; padding: 10px 0 10px 45px}
.aiedu_major .major_top .mj_eng{padding:13px 0 7px; border-top:1px solid rgba(255,255,255,0.5); font-size: 16px; color:rgba(255,255,255,0.6)}
.aiedu_major .mid_tit{position: relative; margin:20px 0 15px; padding:0 0 15px 13px; border-bottom:2px solid #4b6577; font-size:1.133em; font-weight:600; color:#4b6577}
.aiedu_major .mid_tit::after{display: block; clear: both; content: ''; position: absolute; top:4px; left:0; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid transparent; border-left: 5px solid #4b6577}
/*타이틀 세부 색상 및 이미지 지정*/
.aiedu_major.mj_type1 .major_top{background: #7ec3ef}
.aiedu_major.mj_type1 .major_top .mj_tit span{background:url(../images/content/mj_titico1.png) no-repeat left center}
.aiedu_major.mj_type2 .major_top{background: #b4a9ee}
.aiedu_major.mj_type2 .major_top .mj_tit span{background:url(../images/content/mj_titico2.png) no-repeat left center}
.aiedu_major.mj_type3 .major_top{background: #a3ce75}
.aiedu_major.mj_type3 .major_top .mj_tit span{background:url(../images/content/mj_titico3.png) no-repeat left center}
.aiedu_major.mj_type4 .major_top{background: #64b8ca}
.aiedu_major.mj_type4 .major_top .mj_tit span{background:url(../images/content/mj_titico4.png) no-repeat left center}
.aiedu_major.mj_type5 .major_top{background: #f8a4c8}
.aiedu_major.mj_type5 .major_top .mj_tit span{background:url(../images/content/mj_titico5.png) no-repeat left center}
/*버튼영역*/
.aiedu_major .major_btnbx{display: flex; gap:40px}
.aiedu_major .major_btnbx .mj_item{flex: 1}
.aiedu_major .mj_item a{display: block; position: relative; padding: 10px; border-radius: 20px; border: 2px solid #ededed; transition: all .3s; cursor: pointer}
.aiedu_major .mj_item a::after{display: block; clear: both; content: ''; position: absolute; top:10px; left:10px; width:70px; height: 70px; background-repeat: no-repeat; background-position: center; opacity: 0.5; transition: all .3s}
.aiedu_major .mj_item a:hover::after{opacity: 1; transition:transform 1.2s;transform-style: preserve-3d; transform: rotateY(360deg)}
.aiedu_major .mj_item span.num{display: block; position: absolute; top:12px; right:12px; width: 64px; height: 28px; line-height: 28px; background: #ccc; border-radius: 50px; font-size: 16px; font-weight: 600; color:#fff; text-align: center; transition: all .3s}
.aiedu_major .mj_item p.tit{text-align: right; padding:70px 5px 15px; line-height:160%; font-size:15px; font-weight: 600}
.aiedu_major .mj_item p.more{position: relative; height: 42px; line-height: 42px; padding: 0 0 0 20px; border-radius: 50px; background: #ccc; font-size: 15px; color:#fff; transition: all .3s}
.aiedu_major .mj_item p.more span{display: block; position: absolute; top:10px; right:10px; width:56px; height: 24px; line-height: 24px; background: #fff; border-radius: 50px; text-align: center; color:#000}
/*버튼 영역 타이틀 세부 색상 및 이미지 지정*/
/*item1 파트*/
.aiedu_major.mj_type1 .mj_item a:hover{border-color:#7ec3ef}
.aiedu_major.mj_type1 .mj_item span.num{background: #7ec3ef}
.aiedu_major.mj_type1 .mj_item p.more{background: #7ec3ef}
.aiedu_major.mj_type1 .mj_item:hover span.num{background: #3c90c6}
.aiedu_major.mj_type1 .mj_item:hover p.more{background: #3c90c6}
.aiedu_major.mj_type1 .mj_item:hover p.tit{color:#3c90c6}
.aiedu_major.mj_type1 .item1 a::after{background-image:url(../images/content/mj01_icon1.png)}
.aiedu_major.mj_type1 .item2 a::after{background-image:url(../images/content/mj01_icon2.png)}
.aiedu_major.mj_type1 .item3 a::after{background-image:url(../images/content/mj01_icon3.png)}
.aiedu_major.mj_type1 .item4 a::after{background-image:url(../images/content/mj01_icon4.png)}
/*item2 파트*/
.aiedu_major.mj_type2 .mj_item a:hover{border-color:#b4a9ee}
.aiedu_major.mj_type2 .mj_item span.num{background: #b4a9ee}
.aiedu_major.mj_type2 .mj_item p.more{background: #b4a9ee}
.aiedu_major.mj_type2 .mj_item:hover span.num{background: #7969cd}
.aiedu_major.mj_type2 .mj_item:hover p.more{background: #7969cd}
.aiedu_major.mj_type2 .item1 a::after{background-image:url(../images/content/mj02_icon1.png)}
.aiedu_major.mj_type2 .item2 a::after{background-image:url(../images/content/mj02_icon2.png)}
.aiedu_major.mj_type2 .item3 a::after{background-image:url(../images/content/mj02_icon3.png)}
/*item3 파트*/
.aiedu_major.mj_type3 .mj_item a:hover{border-color:#a3ce75}
.aiedu_major.mj_type3 .mj_item span.num{background: #a3ce75}
.aiedu_major.mj_type3 .mj_item p.more{background: #a3ce75}
.aiedu_major.mj_type3 .mj_item:hover span.num{background: #6b993a}
.aiedu_major.mj_type3 .mj_item:hover p.more{background: #6b993a}
.aiedu_major.mj_type3 .item1 a::after{background-image:url(../images/content/mj03_icon1.png)}
.aiedu_major.mj_type3 .item2 a::after{background-image:url(../images/content/mj03_icon2.png)}
.aiedu_major.mj_type3 .item3 a::after{background-image:url(../images/content/mj03_icon3.png)}
.aiedu_major.mj_type3 .item4 a::after{background-image:url(../images/content/mj03_icon4.png)}
.aiedu_major.mj_type3 .item5 a::after{background-image:url(../images/content/mj03_icon5.png)}
/*item4 파트*/
.aiedu_major.mj_type4 .mj_item a:hover{border-color:#64b8ca}
.aiedu_major.mj_type4 .mj_item span.num{background: #64b8ca}
.aiedu_major.mj_type4 .mj_item p.more{background: #64b8ca}
.aiedu_major.mj_type4 .mj_item:hover span.num{background: #348a9c}
.aiedu_major.mj_type4 .mj_item:hover p.more{background: #348a9c}
.aiedu_major.mj_type4 .item1 a::after{background-image:url(../images/content/mj04_icon1.png)}
.aiedu_major.mj_type4 .item2 a::after{background-image:url(../images/content/mj04_icon2.png)}
.aiedu_major.mj_type4 .item3 a::after{background-image:url(../images/content/mj04_icon3.png)}
.aiedu_major.mj_type4 .item4 a::after{background-image:url(../images/content/mj04_icon4.png)}
.aiedu_major.mj_type4 .item5 a::after{background-image:url(../images/content/mj04_icon5.png)}
/*item5 파트*/
.aiedu_major.mj_type5 .mj_item a:hover{border-color:#f8a4c8}
.aiedu_major.mj_type5 .mj_item span.num{background: #f8a4c8}
.aiedu_major.mj_type5 .mj_item p.more{background: #f8a4c8}
.aiedu_major.mj_type5 .mj_item:hover span.num{background: #dd6498}
.aiedu_major.mj_type5 .mj_item:hover p.more{background: #dd6498}
.aiedu_major.mj_type5 .item1 a::after{background-image:url(../images/content/mj05_icon1.png)}
.aiedu_major.mj_type5 .item2 a::after{background-image:url(../images/content/mj05_icon2.png)}
.aiedu_major.mj_type5 .item3 a::after{background-image:url(../images/content/mj05_icon3.png)}
.aiedu_major.mj_type5 .item4 a::after{background-image:url(../images/content/mj05_icon4.png)}
/*세부내용-목적*/
.aiedu_major .mj_goal{display: flex; gap:13px; padding: 8px; margin-bottom:20px; border-radius: 5px; border:1px solid #dddddd}
.aiedu_major .mj_goal .tit{min-width:90px; padding: 10px; border-radius: 3px; background: #4b6577; color:#fff; font-size: 16px; font-weight: 600; text-align: center; align-content: space-around; box-sizing: border-box }
.aiedu_major .mj_goal ul{margin: 5px 0}
.aiedu_major .mj_goal ul li{position: relative; padding-left: 15px; margin-bottom: 3px; line-height: 140%}
.aiedu_major .mj_goal ul li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:9px; width:6px; height: 2px; background: #b5b5b5}
.aiedu_major .mj_goal ul li:last-child{margin-bottom: 0}
.aiedu_major .mj_goal ul li span{font-weight: 600}
/*세부내용-추진계획*/
.aiedu_major .mj_plantit{position: relative; margin: 30px 0 20px}
.aiedu_major .mj_plantit span{position: relative; display: block; width: 330px; height: 44px; line-height: 44px; padding:0 20px; border-radius:5px 50px 50px 5px; background:url(../images/content/ico_plan.png) no-repeat left 15px center #efefef; font-size: 16px; font-weight: 600; text-align: right; box-sizing: border-box; z-index: 1}
.aiedu_major .mj_plantit::after{display: block; clear: both; content: ''; position: absolute; top:20px; left:0; width:100%; height:2px; background: #efefef}
/*주요사업 표*/
.aiedu_major .txt_bx ul li .cz_tablebx{margin-bottom:15px}
.aiedu_major .txt_bx ul li:last-child .cz_tablebx{margin-bottom:0}


/** 기본방향 **/ 
.aiedu_direct{position: relative; margin: 40px 0}
/*운영목표 타이틀*/
.aiedu_direct .direct_topwrap{margin-left: 10px}
.aiedu_direct .direct_topbx{position: relative; width: 158px; height: 158px; margin: 0 auto}
.aiedu_direct .direct_topbx::before{display: block; clear: both; content: ''; position: absolute; left:-12px; top:-12px; width: 168px; height: 168px; border-radius: 50%; border: 2px dotted #dadada; animation: spin 2s linear infinite}
.aiedu_direct .direct_top{width: 148px; height: 148px; padding: 12px; border-radius: 50%; background: linear-gradient(180deg, #44a9f0 10%, #127fbd 100%); box-sizing: border-box}
.aiedu_direct .direct_top p {position: relative; display: block; width: 124px; height: 124px; background: #fff; font-size: 21px; font-weight: 700; color:#000; text-align: center; border-radius: 50%; align-content: space-around; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); z-index: 10}
.aiedu_direct .direct_top p span{display: block; width: 100%; height: 100%; background:url(../images/content/ico_goal.png) no-repeat center; align-content: space-around}
/*타이틀*/
.aiedu_direct .toptxt_bx{position: relative; padding-bottom: 10px; margin-bottom: 80px; text-align: center}
.aiedu_direct .toptxt_bx::before,
.aiedu_direct .toptxt_bx::after{display: block; clear: both; content: ''; position: absolute}
.aiedu_direct .toptxt_bx::before{left:0; bottom:0; width: 100%; height:42px; background:linear-gradient(100deg, #f5f8fb 10%, #eaeff3 100%); border-radius: 20px 20px 5px 5px}
.aiedu_direct .toptxt_bx::after{left:50%; bottom:-69px; width:95px; height:69px; margin-left: -45px; background:url(../images/content/arw_direc.png) no-repeat center}
.aiedu_direct .toptxt_bx > p{position: relative; padding: 0 15px; z-index: 1}
.aiedu_direct .toptxt_bx .slog{margin:30px 5px 10px;  font-size: 1.2em; color:#515151; font-weight: 400}
.aiedu_direct .toptxt_bx .slog span{font-weight: 700}
.aiedu_direct .toptxt_bx .name{position: relative; display: inline-block; height: 42px; padding: 10px 0; background:linear-gradient(100deg, #56819c 10%, #283a47 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 130%; font-size: 2.133em; font-weight:700; z-index: 10}
/*주요사업 안내*/
.aiedu_direct .direct_major{display: flex; flex-wrap: wrap; gap:25px}
.aiedu_direct .direct_major .dimj_item{flex: 1; min-width: 230px}
.aiedu_direct .dimj_item .titbx{position: relative; height: 136px; padding: 20px; margin-bottom: 40px; border-radius: 20px; border:2px solid #ccc; font-weight: 600; text-align: center; align-content: flex-end; box-sizing: border-box; transition: all .3s}
.aiedu_direct .dimj_item .titbx::before,
.aiedu_direct .dimj_item .titbx::after{display: block; clear: both; content: ''; position: absolute}
.aiedu_direct .dimj_item .titbx::before{ top:0; left:50%; width: 104px; height: 53px; margin-left: -50px; background: #ccc; border-radius: 0 0 50px 50px; transition: all .3s}
.aiedu_direct .dimj_item .titbx::after{bottom:-48px; left:50%; width: 104px; height: 53px; margin-left: -50px; background:url(../images/content/arw_direclst.png) no-repeat center}
.aiedu_direct .dimj_item .lstbx{position: relative; height: 347px; padding: 18px; padding-bottom: 60px; border-radius:20px; background: #f7f7f7; box-sizing: border-box}
.aiedu_direct .dimj_item .lstbx li{display:flex; margin-bottom:7px; line-height: 150%}
.aiedu_direct .dimj_item .lstbx li span{display: block}
.aiedu_direct .dimj_item .lstbx li span.num{width: 50px; font-weight: 700}
.aiedu_direct .dimj_item .lstbx li span.tit{width: 100%}
.aiedu_direct .dimj_item .lstbx li:last-child{margin-bottom: 0} 
.aiedu_direct .dimj_item .more {position:absolute; bottom:10px; left:0; width:100%}
.aiedu_direct .dimj_item .more a {display:block; margin:0 10px; padding: 0 20px; height:38px; line-height:38px; background:#ccc; border-radius:50px; color:#fff; transition: all .3s}
.aiedu_direct .dimj_item .more span{display: block; position: absolute; top:7px; right:20px; width:56px; height: 24px; line-height: 24px; background: #fff; border-radius: 50px; text-align: center; color:#000; box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)} 
/*세부 색상 및 이미지 지정*/
.aiedu_direct .dimj_item.type1 .titbx{border-color:#7ec3ef}
.aiedu_direct .dimj_item.type1 .titbx::before{background:url(../images/content/ico_direct1.png) no-repeat center #7ec3ef}
.aiedu_direct .dimj_item.type1 .lstbx li span.num{color:#3c82af}
.aiedu_direct .dimj_item.type1 .more a{background: #7ec3ef}
.aiedu_direct .dimj_item.type1:hover .titbx{border-color:#3c82af}
.aiedu_direct .dimj_item.type1:hover .titbx::before{background-color: #3c82af}
.aiedu_direct .dimj_item.type1:hover .more a{background: #3c82af}
.aiedu_direct .dimj_item.type2 .titbx{border-color:#b4a9ee}
.aiedu_direct .dimj_item.type2 .titbx::before{background:url(../images/content/ico_direct2.png) no-repeat center #b4a9ee}
.aiedu_direct .dimj_item.type2 .lstbx li span.num{color:#715fd1}
.aiedu_direct .dimj_item.type2 .more a{background: #b4a9ee}
.aiedu_direct .dimj_item.type2:hover .titbx{border-color:#715fd1}
.aiedu_direct .dimj_item.type2:hover .titbx::before{background-color: #715fd1}
.aiedu_direct .dimj_item.type2:hover .more a{background: #715fd1}
.aiedu_direct .dimj_item.type3 .titbx{border-color:#a3ce75}
.aiedu_direct .dimj_item.type3 .titbx::before{background:url(../images/content/ico_direct3.png) no-repeat center #a3ce75}
.aiedu_direct .dimj_item.type3 .lstbx li span.num{color:#5f8c2f}
.aiedu_direct .dimj_item.type3 .more a{background: #a3ce75}
.aiedu_direct .dimj_item.type3:hover .titbx{border-color:#5f8c2f}
.aiedu_direct .dimj_item.type3:hover .titbx::before{background-color: #5f8c2f}
.aiedu_direct .dimj_item.type3:hover .more a{background: #5f8c2f}
.aiedu_direct .dimj_item.type4 .titbx{border-color:#64b8ca}
.aiedu_direct .dimj_item.type4 .titbx::before{background:url(../images/content/ico_direct4.png) no-repeat center #64b8ca}
.aiedu_direct .dimj_item.type4 .lstbx li span.num{color:#318597}
.aiedu_direct .dimj_item.type4 .more a{background: #64b8ca}
.aiedu_direct .dimj_item.type4:hover .titbx{border-color:#318597}
.aiedu_direct .dimj_item.type4:hover .titbx::before{background-color: #318597}
.aiedu_direct .dimj_item.type4:hover .more a{background: #318597}
.aiedu_direct .dimj_item.type5 .titbx{border-color:#f8a4c8}
.aiedu_direct .dimj_item.type5 .titbx::before{background:url(../images/content/ico_direct5.png) no-repeat center #f8a4c8}
.aiedu_direct .dimj_item.type5 .lstbx li span.num{color:#b65c83}
.aiedu_direct .dimj_item.type5 .more a{background: #f8a4c8}
.aiedu_direct .dimj_item.type5:hover .titbx{border-color:#b65c83}
.aiedu_direct .dimj_item.type5:hover .titbx::before{background-color: #b65c83}
.aiedu_direct .dimj_item.type5:hover .more a{background: #b65c83}


/** 주요연혁 **/
/*연도 버튼 영역*/
.aiedu_history .his_tb{position: relative}
.aiedu_history .his_tb .his_btn{position: absolute; top:0; width: 31%; z-index: 50}
.aiedu_history .his02 .his_btn{left: 34.5%}
.aiedu_history .his03 .his_btn{right: 0}
.aiedu_history .his_btn a{position: relative; display: block; width: 100%; height: 56px; line-height: 52px; padding:0 20px; background: #fff; border-radius: 50px; border:2px solid #ddd; font-size: 18px; font-weight: 600; color:#666; box-sizing: border-box; cursor: pointer}
.aiedu_history .his_btn a::after{display: block; clear: both; content: ''; position: absolute; top:10px; right:12px; width:58px; height: 32px; border-radius: 50px; background: url(../images/content/arw_hisbtn.png) no-repeat top center #e6e6e6}
.on .his_btn a{border-color: #137fbe; color: #137fbe}
.on .his_btn a::after{background-color:#137fbe}
/*내용영역*/
.aiedu_history .his_txtbox{position: relative; padding-top: 110px}
.aiedu_history .his_txtbox::after{display: block; clear: both; content: 'Gwangju Metropolitan City Office of Education AI Education Institute'; position: absolute; bottom:0; right:0; width: 420px; font-size: 22px; font-weight: 700; color:#f0f0f0; line-height: 160%; text-align: right}
.aiedu_history .his_txtbox .txtbx{display: flex}
/*내용-왼쪽 타이틀 영역*/
.aiedu_history .his_txtbox .his_titbx{position: relative; width: 455px; padding-left: 117px; box-sizing: border-box}
.aiedu_history .his_txtbox .his_titbx::before,
.aiedu_history .his_txtbox .his_titbx::after{display: block; clear: both; content: ''; position: absolute}
.aiedu_history .his_txtbox .his_titbx::before{left:0; top:0; width: 95px; height: 76px; background: url(../images/content/ico_hisai.gif) no-repeat top center}
.aiedu_history .his_titbx .tit{margin:10px 0 24px; font-size: 34px; color:#000; font-weight: 800}
.aiedu_history .his_titbx .year{font-size: 30px; color:#999; font-weight: 800}
.aiedu_history .his_titbx .img{overflow: hidden; position: absolute; top:100px; left:0; width: 318px; height: 175px; border-radius: 10px}
/*내용-세부내용영역*/
.aiedu_history .his_txtbox .his_lstbx{position: relative; width: 100%; z-index: 1}
.aiedu_history .his_txtbox .hisbx{position: relative; padding: 0 0 10px 40px; border-left:1px solid #dddddd}
.aiedu_history .his_txtbox .hisbx::after{display: block; clear: both; content: ''; position: absolute; left:-12px; bottom:0; width: 23px; height: 13px; background: #dddddd; border-radius: 50px}
.aiedu_history .hisbx .big_year{position: relative; margin-bottom: 18px; font-size: 19px; font-weight: 700}
.aiedu_history .his_txtbox p.big_year::after{display: block; clear: both; content: ''; position: absolute; left:-48px; top:1px; width:17px; height: 17px; background: #fff;border:2px solid #ddd; border-radius: 50px; box-sizing: border-box}
.aiedu_history .his_txtbox p.big_year:first-child::after{background: #2992d5; border-color:#2992d5}
.aiedu_history .hisbx ul{margin-bottom: 30px}
.aiedu_history .hisbx li{display: flex; margin-bottom: 10px}
.aiedu_history .hisbx li span{display: block}
.aiedu_history .hisbx li span.tit{width:80px; color:#585858; font-size: 16px; font-weight: 600; font-family:CGC}
.aiedu_history .his_txtbox p.big_year:first-child{color:#2992d5}


/** 찾아오시는 길 **/
/*지도*/ 
.aiedu_roadmap .roadmap_area{height:500px; background: #f1f1f1; border-radius:10px}
.aiedu_roadmap .roadmap_area {overflow:hidden; width:100%!important; height:500px; margin:20px 0; border-radius:10px; border:1px solid #e0e0e0; box-sizing: border-box; background: #fff}
.aiedu_roadmap .roadmap_area .root_daum_roughmap {width:100%!important; padding:0; border-radius:10px; background: #fff}
.aiedu_roadmap .roadmap_area .root_daum_roughmap .wrap_map {overflow:hidden; height:500px !important; border-radius:10px; background: #fff}
.aiedu_roadmap .roadmap_area .root_daum_roughmap .wrap_map .map{width:100%!important; height:500px !important;}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{display: none!important}
/*내용영역*/
.aiedu_roadmap .mapadd{padding:3px 0 3px 33px; margin: 20px 0 20px 10px; background: url(../images/content/ico_roadmap.png) no-repeat left center; font-size: 1.067em; font-weight: 600}
.aiedu_roadmap .maptel{position: relative; display: flex; justify-content: space-between; padding: 12px; background: linear-gradient(90deg, #499dd8 10%, #1377b0 100%); border-radius: 5px 30px 5px 5px; font-size: 1.067em}
.aiedu_roadmap .maptel::after{display: block; clear: both; content: ''; position: absolute; top:-33px; right:35px; width:43px; height: 33px; background: url(../images/content/ico_mapai.png) no-repeat left top}
.aiedu_roadmap .maptel ul{display: flex; gap:60px; align-content: space-around}
.aiedu_roadmap .maptel ul dl{display: flex; gap:30px}
.aiedu_roadmap .maptel ul dl dt{width: 72px; height: 26px; line-height: 26px; border-radius: 50px; background: #fff; text-align: center; font-weight: 600}
.aiedu_roadmap .maptel ul dl dd{align-content: space-around; color:#fff; font-weight: 600}
.aiedu_roadmap .mapgo a{display: block; height: 26px; line-height: 26px; padding:0 15px; background: #fff; border-radius: 50px; font-size:0.938em; box-sizing:border-box; transition: all .3s}
.aiedu_roadmap .mapgo span{display: block; padding-right: 30px; background: url(../images/content/ico_kakao.png) no-repeat right center}
.aiedu_roadmap .mapgo a:hover{background: #ffbf45; color:#fff}
.aiedu_roadmap .mapgo a:hover span{background: url(../images/content/ico_kakao_a.png) no-repeat right center}
    

/** AISW교육프로그램 안내 **/
.aiedu_aisw .aisw_btnlst{display: flex; flex-wrap: wrap; gap:45px}
.aiedu_aisw .aisw_btnlst .btngo{flex: 1; min-width: 210px; height: 300px}
.aiedu_aisw .aisw_btnlst .btngo a{position: relative; overflow: hidden; display: block; width: 100%; height: 100%; padding: 20px; border-radius:20px; background: #f0f; box-sizing: border-box}
.aiedu_aisw .aisw_btnlst .btngo a::before,
.aiedu_aisw .aisw_btnlst .btngo a::after{display: block; clear: both; content: '' ; position: absolute}
.aiedu_aisw .aisw_btnlst .btngo a::before {inset: 0; opacity: 0; transition: opacity 0.5s ease}
.aiedu_aisw .aisw_btnlst .btngo a::after{bottom:0; right:0; width:216px; height: 157px}
.aiedu_aisw .aisw_btnlst .btngo a .tit{position: relative; padding: 0 10px; font-size: 1.4em; font-weight: 600; line-height: 160%; color:#fff; z-index: 1}
.aiedu_aisw .aisw_btnlst .btngo a .more{position: relative; width: 152px; height: 36px; line-height: 36px; padding: 0 15px; margin-top: 18px; border-radius: 50px; border:1px solid #fff; font-size: 16px; color:#fff; box-sizing: border-box; box-shadow:0 2px 3px rgba(0, 0, 0, 0.1); opacity: 0.5; transition: all .3s; z-index: 1}
.aiedu_aisw .aisw_btnlst .btngo a .more span{display: block}
.aiedu_aisw .aisw_btnlst .btngo a .more::after{display: block; clear: both; content: '' ; position: absolute; right:15px; top:12px; width: 24px; height: 11px; background: url(../images/content/btn_more.png) no-repeat right center}
/*이미지 및 색상지정*/
.aiedu_aisw .aisw_btnlst .btngo.type1 a{background: linear-gradient(90deg, #a965e5 0, #c78af8 100%)}
.aiedu_aisw .aisw_btnlst .btngo.type1 a::before {background: linear-gradient(90deg, #8b4fd6 0%, #b56ff0 100%)}
.aiedu_aisw .aisw_btnlst .btngo.type1 a::after{background: url(../images/content/img_btngo1.png) no-repeat right center}
.aiedu_aisw .aisw_btnlst .btngo.type2 a{background: linear-gradient(90deg, #6d61ee 0, #8692ff 100%)}
.aiedu_aisw .aisw_btnlst .btngo.type2 a::before {background: linear-gradient(90deg, #594dd0 0%, #727ee9 100%)}
.aiedu_aisw .aisw_btnlst .btngo.type2 a::after{background: url(../images/content/img_btngo2.png) no-repeat right center}
.aiedu_aisw .aisw_btnlst .btngo.type3 a{background: linear-gradient(90deg, #07a7da 0, #2bc7df 100%)}
.aiedu_aisw .aisw_btnlst .btngo.type3 a::before {background: linear-gradient(90deg, #0490bd 0%, #25c1d9 100%)}
.aiedu_aisw .aisw_btnlst .btngo.type3 a::after{background: url(../images/content/img_btngo3.png) no-repeat right center}
.aiedu_aisw .aisw_btnlst .btngo.type4 a{background: linear-gradient(90deg, #15bbb2 0, #3fd4ab 100%)}
.aiedu_aisw .aisw_btnlst .btngo.type4 a::before {background: linear-gradient(90deg, #08a29a 0%, #29c79c 100%)}
.aiedu_aisw .aisw_btnlst .btngo.type4 a::after{background: url(../images/content/img_btngo4.png) no-repeat right center}
/*오버스타일*/
.aiedu_aisw .aisw_btnlst .btngo a:hover::before {opacity: 1}
.aiedu_aisw .aisw_btnlst .btngo a:hover .more{opacity: 1}
.aiedu_aisw .aisw_btnlst .btngo a:hover .more::after{animation: shake3 2s linear infinite}


/** 교육정책 연구부 **/
/*기본방향*/
.aiedu_policy .inst_direct .drt_tit{width:330px; height: 44px; line-height: 44px; margin: 0 auto; border-radius: 50px; background: linear-gradient(90deg, #45a9f0 0%, #117ebc 100%); color:#fff; font-size: 1.2em; font-weight: 600; text-align: center}
/*슬로건*/
.aiedu_policy .slogan_bx{position: relative; width: 32%; margin: 65px auto 0; padding-bottom: 8px}
.aiedu_policy .slogan_bx::before,
.aiedu_policy .slogan_bx::after{display: block; clear: both; content: ''; position: absolute}
.aiedu_policy .slogan_bx::before{left:50%; top:-55px; width:84px; height: 49px; margin-left: -45px; background: url(../images/content/arw_policy.png) no-repeat right center}
.aiedu_policy .slogan_bx::after{left:0; bottom:0; width: 100%; height: 30px; background: #f1f1f1; border-radius: 50px}
.aiedu_policy .slogan_bx .tit{width: 133px; height: 34px; line-height: 34px; margin:0 auto; border-radius: 50px; border:2px solid #2b94d6; font-weight: 600; text-align: center}
.aiedu_policy .slogan_bx .txt{position: relative; margin-top: 13px; text-align: center; z-index: 1}
/*비전,목적*/
.aiedu_policy .drt_itemwrap{position: relative; margin-bottom: 30px}
.aiedu_policy .drt_itemwrap .item_bx{position: absolute; top:0; width:32%; padding: 25px 15px; background: #fff; border:2px solid #ededed; text-align: center; font-size: 1.067em; box-sizing: border-box}
.aiedu_policy .item_bx .tit{width: 133px; height: 34px; line-height: 34px; margin:0 auto 25px; background: #0f0; border-radius: 50px; font-weight: 600; color:#fff}
.aiedu_policy .item_bx .txt{line-height: 160%}
.aiedu_policy .item_bx .txt span{display: block; font-weight: 600}
.aiedu_policy .item_bx.item1{left:0; border-radius:20px 5px 5px 20px}
.aiedu_policy .item_bx.item1 .tit{background: #67b8f1}
.aiedu_policy .item_bx.item2{right:0; border-radius:5px 20px 20px 5px}
.aiedu_policy .item_bx.item2 .tit{background: #1984c4}
/*운영방향*/
.aiedu_policy .oper_drtbx{padding: 17px; margin-bottom: 40px; border-radius: 20px 20px 5px 5px; background: #f7f7f7}
.aiedu_policy .oper_drtbx .oper_tit{width: 133px; height: 34px; line-height: 34px; margin:0 auto 17px; background: #255572; border-radius: 50px; font-weight: 600; color:#fff; text-align: center}
.aiedu_policy .oper_drtbx .oper_tblst ul{display: flex; flex-wrap: wrap; gap:13px}
.aiedu_policy .oper_drtbx .oper_tblst ul li{flex: 1; min-width: 178px; padding: 20px 10px; background: #fff; border-radius: 5px; text-align: center; box-shadow:0 2px 3px rgba(0, 0, 0, 0.1)}
/*주요사업*/
.aiedu_policy .policy_majorbx{display: flex; flex-wrap: wrap; gap:13px}
.aiedu_policy .policy_majorbx dl{overflow: hidden; flex: 1; min-width: 167px; border-radius: 5px; border:2px solid #eee}
.aiedu_policy .policy_majorbx dl dt{width: 41px; height: 31px; line-height: 31px; background: #eee; border-radius: 0 0 10px 0; text-align: center; font-weight: 600}
.aiedu_policy .policy_majorbx dl dd{padding: 3px 5px 23px; text-align: center}


/** 전국교육정책연구소 네트워크 **/
.aiedu_network .network_link ul{display: flex; flex-wrap: wrap; gap:15px; justify-content: space-between}
.aiedu_network .network_link ul li{width:calc(100% / 2 - 15px)}
.aiedu_network .network_link ul li a{position: relative; display: block; width: 100%; height: 100%; padding: 15px 105px 15px 20px; border-radius: 50px; border:1px solid #9acce1; font-weight: 600; box-sizing: border-box}
.aiedu_network .network_link ul li a::before,
.aiedu_network .network_link ul li a::after{display: block; clear: both; position: absolute; opacity: 0.4; transition: all .3s}
.aiedu_network .network_link ul li a::before{content: 'GO'; right:8px; top:8px; width:90px; height: 44px; line-height: 44px; border-radius: 50px; background: #1e9fd5; color:#fff; font-size: 16px; font-weight: 600; text-align: center}
.aiedu_network .network_link ul li a::after{content: ''; left:20px; top:17px; width: 25px; height: 25px; background: url(../images/content/ico_network1.png) no-repeat left center}
.aiedu_network .network_link ul li a span{display: block; padding: 5px 0 5px 35px}
/*짝수요소 색상지정*/
.aiedu_network .network_link ul li:nth-child(even) a{border-color: #d9bfeb}
.aiedu_network .network_link ul li:nth-child(even) a::before{background: #ae68de}
.aiedu_network .network_link ul li:nth-child(even) a::after{background: url(../images/content/ico_network2.png) no-repeat left center}
/*오버스타일*/
.aiedu_network .network_link ul li a:hover{border-color:#1e9fd5; box-shadow:0 4px 0 rgba(30, 159, 213, 0.15); color:#1d6989}
.aiedu_network .network_link ul li:nth-child(even) a:hover{border-color:#ae68de; box-shadow:0 4px 0 rgba(174, 104, 222, 0.15); color:#6a348f}
.aiedu_network .network_link ul li a:hover::before,
.aiedu_network .network_link ul li a:hover::after{opacity: 1}


/** 광주교육정보망 침해사고 대응센터 운영 **/
/*사이버위기 경보상황*/
.aiedu_txtype .cyber_warning{display: flex; flex-wrap: wrap; gap:15px; margin-bottom: 30px}
.aiedu_txtype .cyber_warning dl{flex: 1; min-width:240px; padding: 10px; border:1px solid #ddd; border-radius: 5px; text-align: center}
.aiedu_txtype .cyber_warning dt{width: 120px; padding: 5px; margin: 0 auto 12px; border-radius: 50px; background: #f0f; color:#fff; text-align: center; box-sizing: border-box}
.aiedu_txtype .cyber_warning dd{line-height: 150%}
/*색상조정*/
.cyber_warning dl.type1 dt{background: #2c6fca}
.cyber_warning dl.type2 dt{background: #ffb821}
.cyber_warning dl.type3 dt{background: #e77d00}
.cyber_warning dl.type4 dt{background: #e1432e}


/** K-에듀파인(업무관리)시스템 **/
.aiedu_txtype .support_sys{position: relative; overflow: hidden; width: 100%; max-height:400px; margin:0 auto 30px; padding-bottom: 40px; border-radius:5px; border:1px solid #ddd}
.aiedu_txtype .support_sys a{display: block; background:#e4e4e4}
.aiedu_txtype .support_sys img{display: block; width:100%; height: 100%; max-width:640px; margin:0 auto}
.aiedu_txtype .support_sys .more{position: absolute; bottom:0; left:0; width: 100%; height:40px; line-height: 40px; background:#4b6577; font-weight: 600; color:#fff; text-align: center; transition: all .3s}
.aiedu_txtype .support_sys .more:hover{background: #2f4555}
.aiedu_txtype .support_sys .more span{display: inline-block; padding-right: 23px; background: url(../images/content/btn_bigmore.png) no-repeat right center}


/** 유아 나이스 업무시스템, 나이스 교무업무 영역 운영 및 사용자지원 **/
/*상담방법*/
.aiedu_txtype .counsel_way{display: flex; flex-wrap: wrap; gap:15px; margin-bottom: 15px}
.aiedu_txtype .counsel_way dl{flex: 1; min-width:240px; padding: 10px; border:1px solid #ddd; border-radius: 5px; text-align: center}
.aiedu_txtype .counsel_way dt{width: 120px; padding: 5px; margin: 0 auto 12px; border-radius: 50px; background: #f0f; color:#fff; text-align: center; box-sizing: border-box}
.aiedu_txtype .counsel_way dd{min-height: 45px; line-height: 150%; align-content: space-around}
/*색상조정*/
.counsel_way dl.type1 dt{background: #5395df}
.counsel_way dl.type2 dt{background: #3aa99d}
.counsel_way dl.type3 dt{background: #f13e30}
/*접속실패시*/
.aiedu_txtype .way_etc{padding: 10px; background: #f3f3f3; border-radius: 5px; }
.aiedu_txtype .way_etc .tit{text-align: center; padding: 7px; margin-bottom: 10px; background: #e1e1e1; border-radius:5px; color:#000f}
.aiedu_txtype .way_etc ol li{position: relative; padding-left: 18px; margin-bottom: 7px}
.aiedu_txtype .way_etc ol li:last-child{margin-bottom: 0}
.aiedu_txtype .way_etc ol li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:9px; width:6px; height: 2px; background: #b5b5b5}


/** 무선랜 **/
/*다운로드 버튼*/
.download_btnbx ul{display: flex; flex-wrap: wrap; gap:15px; margin-bottom: 15px}
.download_btnbx ul li{flex: 1; min-width:270px}
.download_btnbx ul li a{display: block; padding: 13px; border:1px solid #ddd; border-top:2px solid #4b6577; border-radius: 5px; text-align: center; font-size:1.067em; transition: all .3s}
.download_btnbx ul li span.formtit{display: block; width: 70px; margin: 0 auto 15px; padding: 3px; border-radius: 50px;  background: #f1f1f1; font-size: 14px}
.download_btnbx ul li p.down_btn{padding: 7px; margin-top: 15px; border-radius: 5px; background: #4b6577; color:#fff; font-size: 14px; transition: all .3s}
.download_btnbx ul li p.down_btn span{display: inline-block; padding-right: 23px; background: url(../images/content/btn_down.png) no-repeat right center}
.download_btnbx ul li:hover a{border-color: #2f4555}
.download_btnbx ul li:hover p.down_btn{background: #2f4555}
/*주요버튼 (동영상)*/
.download_btnbx li.point_type a{border-top-color:#ff3a25}
.download_btnbx li.point_type p.down_btn{background: #ff3a25}
.download_btnbx li.point_type:hover a{border-top-color:#a73327; border-color: #ff3a25}
.download_btnbx li.point_type:hover p.down_btn{background: #a73327}


/** 인증서발급절차, 하드디스크 파쇄 절차 (인증서발급절차 기준) **/
.step_lstbx .step_item{overflow: hidden; display: flex; margin-bottom: 20px; border-radius: 5px; border:1px solid #ddd}
.step_lstbx .step_item .num{width: 120px; background: #2f4555; text-align: center; align-content: space-around; color:#fff; font-weight: 600}
.step_lstbx .step_item .item_txt{width: 100%; padding: 10px; box-sizing: border-box}
.step_lstbx .step_item .item_txt .tit{display: block; padding:5px 0 10px 30px; margin-bottom: 10px; border-bottom: 1px solid #ddd; background: url(../images/content/ico_steptit.png) no-repeat left top 4px; font-size:1.133em; font-weight: 600}
.step_lstbx .step_item .item_txt .tit span{font-size: 14px}
.step_lstbx .step_item.item1 .num{background: #a0cefd}
.step_lstbx .step_item.item2 .num{background: #569de5}
.step_lstbx .step_item.item3 .num{background: #2071c4}
.step_lstbx .step_item.item4 .num{background: #004081}
.step_lstbx .step_item .tittxt{position: relative; padding-left: 13px; margin-left: 10px; font-weight: 600}
.step_lstbx .step_item .tittxt::after{display: block; clear: both; content: ''; position: absolute; top:4px; left:0; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid transparent; border-left: 5px solid #757575}
.step_lstbx .step_item ul{padding: 10px; margin-top: 10px; border-radius: 5px; background: #f1f1f1}
.step_lstbx .step_item ul li{position: relative; padding-left: 12px; margin-bottom: 5px; line-height: 130%}
.step_lstbx .step_item ul li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:8px; width:6px; height: 2px; background: #8f8f8f}
.step_lstbx .step_item ul li:last-child{margin-bottom: 0}
/*버튼*/
.step_lstbx .step_item .btn_bx{display:flex; flex-wrap: wrap; gap:10px; margin-top: 13px}
.step_lstbx .step_item .btn_bx > p{flex: 1; min-width: 215px}
.step_lstbx .step_item .btn_bx > p a{display: block; width: 100%; height: 100%; padding: 10px; background: #fff; border: 1px solid #c5c5c5; border-radius: 5px; box-shadow:0 3px 0 rgba(0, 0, 0, 0.05); box-sizing: border-box; transition: all .3s}
.step_lstbx .step_item .btn_bx > p a span{position: relative; display: block; padding: 0 0 0 23px; background: url(../images/content/ico_docu.png) no-repeat left top 2px}
.step_lstbx .step_item .btn_bx > p a span::after{display: block; clear: both; content: ''; position: absolute; top:2px; right:0; width: 15px; height: 17px; background: url(../images/content/btn_docudown.png) no-repeat left top}
.step_lstbx .step_item .btn_bx > p.sitego a span::after{top:3px; background: url(../images/content/btn_sitego.png) no-repeat left top}
/*버튼오버*/
.step_lstbx .step_item .btn_bx > p a:hover{border-color:#303d4a; background: #303d4a; color:#fff}
.step_lstbx .step_item .btn_bx > p a:hover span{background: url(../images/content/ico_docu_a.png) no-repeat left top 2px}
.step_lstbx .step_item .btn_bx > p a:hover span::after{background: url(../images/content/btn_docudown_a.png) no-repeat left top}
.step_lstbx .step_item .btn_bx > p.sitego a:hover span::after{top:3px; background: url(../images/content/btn_sitego_a.png) no-repeat left top}
/*하드디스크 파쇄 절차 관련 색상 변경*/ 
.step_lstbx.hard_disk .step_item.item1 .num{background: #d5bcf7}
.step_lstbx.hard_disk .step_item.item2 .num{background: #c088e8}
.step_lstbx.hard_disk .step_item.item3 .num{background: #8a4db5}
.step_lstbx.hard_disk .step_item.item4 .num{background: #55316f}


/** 이용약관 **/
.aiedu_terms .terms_top{padding:15px 5px 25px; margin-bottom: 25px; border-bottom: 3px solid #dcdcdc; background:url(../images/content/terms_logo_n.gif) no-repeat right top 17px}
.aiedu_terms .terms_top .tit01{margin-bottom: 10px; font-size: 1.333em}
.aiedu_terms .terms_top .tit01 span{font-weight: 600}
.aiedu_terms .terms_top .tit02{font-size: 1.133em}
.aiedu_terms .terms_all{padding: 10px; margin:30px 0 15px; background: #3a4c58; border-radius: 5px; color:#fff; font-size: 1.267em} 
.aiedu_terms h4.terms_tit {position: relative; line-height:140%; padding:0 0 0 22px; margin:5px 0 13px; font-size:1.267em; font-weight:600}
.aiedu_terms h4.terms_tit::after{content:""; clear:both; display:block; position: absolute; left:2px; top:2px; width: 7px; height: 22px; background:url(../images/sub/subtit4.png) no-repeat left 0}
.aiedu_terms .terms_tb{font-size:0.933em; line-height: 150%}
.aiedu_terms .terms_tb > ol{margin-bottom: 30px}
.aiedu_terms .terms_tb > ol > li{margin:0 0 5px 18px; text-indent: -18px}
.aiedu_terms .terms_tb > ol > li:last-child{margin-bottom:0}
.aiedu_terms .terms_tb > ol > li > ol{margin:5px 0 15px; padding: 15px; border-radius: 5px; background: #f7f7f7}
.aiedu_terms .terms_tb > ol > li > ol > li{margin-bottom: 5px; text-indent: 0}
.aiedu_terms .terms_tb > ol > li > ol > li:last-child{margin-bottom: 0}
.aiedu_terms .terms_tb > p{margin-bottom: 15px}
.aiedu_terms .terms_tb ol.tm_line{padding-top:15px; border-top: 2px solid #ddd}




/**** MOBILE LAYOUT ****/
@media only screen and (max-width:1024px) {
/** 공통 목적 **/ 
.common_titbx .info{background-position:left 10px top 16px}

/** 인증서발급절차 **/
.step_lstbx .step_item{display: block}
.step_lstbx .step_item .num{width:100%; padding: 10px}
}




/**** PC LAYOUT ****/
@media only screen and (min-width:1025px) {
}




/**** LOWSET FIX ****/
@media only screen and (max-width:1770px) {
/** 인사말 **/
.aiedu_greet{background-size: 600px}

/** 행정조직 및 직원안내 **/
.aiedu_chart{margin: 40px 0}
/*원장*/
.aiedu_chart .chart_top p a{font-size: 18px}
/*부설-AI정보영재교육원*/
.aiedu_chart .chart_solo{position: inherit; top:0; right:0} 
.aiedu_chart .chart_solo a{position: relative; margin: 30px auto; z-index: 10}
/*부서리스트*/
.aiedu_chart .chart_lst{margin-top: 42px; flex-wrap: wrap}
.aiedu_chart .chart_lst .part{flex:auto; width:calc(100% / 2 - 10px)}
.aiedu_chart .chart_lst .team dd ul li {max-width:100%} 
.aiedu_chart .chart_lst .part.hide_dt dl dt a{display: none}
/*라인*/
/*라인공통*/
.aiedu_chart .chart_solo dl::after{display: none}
/*라인세부*/
.aiedu_chart .chart_lst::before{width: 24.5%}
.aiedu_chart .chart_lst::after{width: 24.5%}
.aiedu_chart .chart_lst .part03 .part_name::after,
.aiedu_chart .chart_lst .part04 .part_name::after{display: none}

/** 주요사업 **/
/*타이틀 영역*/
.aiedu_major .major_top{margin-bottom: 20px}
.aiedu_major .major_top .mj_tit{font-size: 17px}
.aiedu_major .major_top .mj_eng{font-size: 14px}
/*버튼영역*/
.aiedu_major .major_btnbx{gap:20px; flex-wrap: wrap}
.aiedu_major .major_btnbx .mj_item{min-width: 220px}
.aiedu_major .mj_item span.num{font-size: 14px}
.aiedu_major .mj_item p.tit{font-size:14px}
.aiedu_major .mj_item p.more{font-size: 14px}
/*세부내용-목적*/
.aiedu_major .mj_goal{display: block; gap:0}
.aiedu_major .mj_goal .tit{margin-bottom: 10px; border-radius: 5px 5px 15px 15px; font-size: 15px}
/*세부내용-추진계획*/
.aiedu_major .mj_plantit{margin: 20px 0 15px}
.aiedu_major .mj_plantit span{width: 100%; border-radius:5px 50px 50px 5px; font-size: 15px}
.aiedu_major .mj_plantit::after{display: none}
    
/** 기본방향 **/ 
.aiedu_direct{position: relative; margin: 40px 0}
/*주요사업 안내*/
.aiedu_direct .direct_major .dimj_item{min-width: 300px}
.aiedu_direct .dimj_item .lstbx{height: 214px} 
.aiedu_direct .toptxt_bx{padding-bottom: 0}
.aiedu_direct .toptxt_bx .slog{margin: 20px 5px 0; font-size: 1.2em}
.aiedu_direct .toptxt_bx .name{font-size: 25px}
.aiedu_direct .toptxt_bx::before{height: 36px}

/** 주요연혁 **/
/*연도 버튼 영역*/
.aiedu_history .his_btn a{font-size: 16px}
.aiedu_history .his_btn a::after{width:40px}
/*내용영역*/
.aiedu_history .his_txtbox{padding-top:90px}
/*내용-왼쪽 타이틀 영역*/
.aiedu_history .his_txtbox .his_titbx{padding-left: 90px}
.aiedu_history .his_txtbox .his_titbx::before{width: 66px; height: 53px; background-size: 66px 53px}
.aiedu_history .his_titbx .tit{margin:5px 0 10px; font-size: 26px}
.aiedu_history .his_titbx .year{font-size: 23px}
.aiedu_history .his_titbx .img{top:100px; left:0; width: 259px; height: 147px}
.aiedu_history .his_titbx .img img{width: 259px; height: 147px}
/*내용-세부내용영역*/
.aiedu_history .hisbx .big_year{font-size: 16px}

/** AISW교육프로그램 안내 **/
.aiedu_aisw .aisw_btnlst{gap:30px}
.aiedu_aisw .aisw_btnlst .btngo{height: 240px}
.aiedu_aisw .aisw_btnlst .btngo a::after{width:157px; height: 114px; background-size:157px 114px !important}

/** 교육정책 연구부 **/
/*슬로건*/ 
.aiedu_policy .slogan_bx .txt img{width: 200px; height: 85px}

}

@media only screen and (max-width:1400px) {
/** 전국교육정책연구소 네트워크 **/
.aiedu_network .network_link ul{dgap:10px}
.aiedu_network .network_link ul li{width:calc(100% / 2 - 10px)}
.aiedu_network .network_link ul li a{padding: 15px 55px 15px 15px}
.aiedu_network .network_link ul li a::before{width:45px; font-size: 14px}
.aiedu_network .network_link ul li a::after{left:15px}
.aiedu_network .network_link ul li a span{display: block; padding: 5px 0 5px 40px}
}

@media only screen and (max-width:1140px) {
/** 찾아오시는 길 **/
/*지도*/ 
.aiedu_roadmap .roadmap_area{height:420px}
.aiedu_roadmap .map_area {height:420px}
/*내용영역*/
.aiedu_roadmap .mapadd{margin: 10px 0 10px 10px}
.aiedu_roadmap .maptel ul{gap:10px; justify-content: space-around; flex-wrap: wrap}
.aiedu_roadmap .maptel ul li{flex: 1; min-width: 210px}
.aiedu_roadmap .maptel ul dl{gap:10px}
.aiedu_roadmap .maptel ul dl dt{width: 60px}
}

@media only screen and (max-width:1200px) {
/** 공통 목적 **/ 
.common_goal{display: block; gap:0}
.common_goal .tit{padding: 7px; margin-bottom: 10px; font-size: 14px}
    
/** 주요연혁 **/
/*내용영역*/
.aiedu_history .his_txtbox::after{display:none}
.aiedu_history .his_txtbox .txtbx{display: block}
/*내용-왼쪽 타이틀 영역*/
.aiedu_history .his_txtbox .his_titbx{width: 100%; padding-top: 25px} 
.aiedu_history .his_txtbox .his_titbx::before{top:29px}
.aiedu_history .his_titbx .tit{margin:5px 0 15px; font-size: 26px}
.aiedu_history .his_titbx .img{overflow: hidden; position: absolute; top:0; left:inherit; right:0; width: 194px; height: 108px}
.aiedu_history .his_titbx .img img{width: 194px; height: 108px}
/*내용-세부내용영역*/
.aiedu_history .his_txtbox .his_lstbx{padding:30px 0 0 10px; margin-top: 50px; border-top:2px solid #2992d5; box-sizing: border-box}
}

@media only screen and (max-width:1290px) {
/** 전국교육정책연구소 네트워크 **/
.aiedu_network .network_link ul{display: block}
.aiedu_network .network_link ul li{width:100%; margin-bottom: 10px}
}

@media only screen and (max-width:720px) {
/** 교육정책 연구부 **/
/*기본방향*/
.aiedu_policy .inst_direct .drt_tit{width:80%}
/*슬로건*/
.aiedu_policy .slogan_bx{width: 100%}
/*비전,목적*/
.aiedu_policy .drt_itemwrap{margin:0 0 20px}
.aiedu_policy .drt_itemwrap .drt_itembx{display: flex; gap:15px; margin-top: 20px}
.aiedu_policy .drt_itemwrap .item_bx{position: relative; width:50%; padding:10px}
}

@media only screen and (max-width:660px) {
/** 기본방향 **/ 
/*주요사업 안내*/
.aiedu_direct .direct_major .dimj_item{min-width: 300px}
.aiedu_direct .dimj_item .lstbx{height: auto} 

/** 찾아오시는 길 **/
/*지도*/ 
.aiedu_roadmap .roadmap_area{height:380px}
.aiedu_roadmap .map_area {height:380px}
/*내용영역*/
.aiedu_roadmap .maptel{display: block}
.aiedu_roadmap .maptel::after{display: none} 
.aiedu_roadmap .maptel ul{margin-bottom: 10px}
.aiedu_roadmap .maptel ul dl dt{height: 23px; line-height: 23px}
}

@media only screen and (max-width:625px) {
/** 공통타이틀 **/
.common_titbx{margin-bottom: 20px}
.common_titbx .titbx{padding-bottom: 18px}
.common_titbx .titbx > p{ padding: 0 10px}
.common_titbx .slog{margin:20px 0 10px;  font-size: 16px}
.common_titbx .name{ height: 70px; font-size:28px}
.common_titbx .name span{display: block}
.common_titbx .eng{padding:10px}

/** 인사말 **/
.aiedu_greet{background-size: 600px}
.aiedu_greet .common_titbx{text-align: center}
.aiedu_greet .common_titbx::after{display: none}

/** 행정조직 및 직원안내 **/
.aiedu_chart{margin: 40px 0}
/*원장*/
.aiedu_chart .chart_top p a{font-size: 18px}
/*부설-AI정보영재교육원*/
.aiedu_chart .chart_solo{position: inherit; top:0; right:0} 
.aiedu_chart .chart_solo a{position: relative; margin: 30px auto; z-index: 10}
/*부서리스트*/
.aiedu_chart .chart_lst{margin-top:0; padding-top: 0; border-top:none}
.aiedu_chart .chart_lst .part{flex:auto; width:100%}
.aiedu_chart .chart_lst .team dd ul li {max-width:100%} 
.aiedu_chart .chart_lst .part.hide_dt dl dt a{display: none}
/*라인*/
/*라인공통*/
.aiedu_chart .chart_lst::before,
.aiedu_chart .chart_lst::after,
.aiedu_chart .chart_solo dl::after{display: none}
/*라인세부*/
.aiedu_chart .chart_lst::before{width: 24.5%}
.aiedu_chart .chart_lst::after{width: 24.5%}
.aiedu_chart .chart_lst .part_name::after{display: none}

/** 주요연혁 **/
/*연도 버튼 영역*/ 
.aiedu_history .his_btn a{height: 80px; line-height: 40px; padding:0 15px; border-radius: 15px; font-size: 15px; text-align: center}
.aiedu_history .his_btn a::after{top:40px; right:10%; width:80%; height: 26px; border-radius: 50px}
/*내용-세부내용영역*/
.aiedu_history .his_txtbox{padding-top: 110px}
}

@media only screen and (max-width:470px) {
/** 주요연혁 **/
/*내용-세부내용영역*/
.aiedu_history .his_txtbox{padding-top: 80px}
/*내용-왼쪽 타이틀 영역*/
.aiedu_history .his_titbx .img {display: none}
/*내용-세부내용영역*/
.aiedu_history .his_txtbox .his_lstbx{padding-top: 20px; margin-top: 20px}
.aiedu_history .hisbx li{display: block}
.aiedu_history .hisbx li span.tit{width: 100%; margin-bottom: 10px}

/** AISW교육프로그램 안내 **/
.aiedu_aisw .aisw_btnlst{gap:20px}
.aiedu_aisw .aisw_btnlst .btngo{height: 200px}

/** 전국교육정책연구소 네트워크 **/
.aiedu_network .pgtit span{display: block}
.aiedu_network .network_link ul li a{padding:10px; border-radius: 10px}
.aiedu_network .network_link ul li a::before{display: none} 
.aiedu_network .network_link ul li a::after{top:12px} 
}

@media only screen and (max-width:400px) {
/** 교육정책 연구부 **/
/*기본방향*/
.aiedu_policy .inst_direct .drt_tit{width:80%}
/*슬로건*/
.aiedu_policy .slogan_bx{width: 100%}
/*비전,목적*/
.aiedu_policy .drt_itemwrap{margin:0 0 20px}
.aiedu_policy .drt_itemwrap .drt_itembx{display: block; gap:0; margin-top: 20px}
.aiedu_policy .drt_itemwrap .item_bx{position: relative; width:100%; border-radius: 5px !important}
.aiedu_policy .drt_itemwrap .item_bx.item1{margin-bottom: 10px}
.aiedu_policy .item_bx .tit{margin-bottom: 10px}
}


/** ======================== 시설안내 추가 ========================== */
/** 시설안내 kjh 260121 **/
.faci_boxwrap {margin-bottom:30px}
.faci_lbox {overflow:hidden; display:flex; width:calc(100% - 340px); border-radius:10px; border:1px solid #efefef; background:#f9f9f9 url(../images/content/bg_facility_noimg.gif) no-repeat 50% 50%; box-sizing: border-box}
.faci_lbox img {width:100%; vertical-align: middle}

/* 시설안내 타이틀 */
.facility_top {text-align: center}
.facility_top h4 {border-bottom:2px solid #e0e0e0; padding:10px}
.facility_top h4 span {display: inline-block; padding:6px 0 6px 30px; background:url(../images/content/blt_facility_tit.png) no-repeat left 0 bottom 50%; font-size:2.154em; font-weight:600}
.facility_top .faci_engtit {padding:10px; color:#c9c9c9; font-size:1.071em; font-weight:300}

/* 시설안내 안내이미지 */
.faci_boximg {display:block; width:100%; height:100%} 
.faci_boximg span {display:flex; align-items:center; height:100%; background:#fff; padding:10px 0}
.floor_nowrap .faci_boximg span {padding:0}

/* 시설안내 탭 , 확대보기 등 */
.facility_bott {display: flex; flex-direction: column}
.faci_tabbox {display: none}
.faci_tabbox ul li {position:relative; border-bottom:1px solid #e7e7e7; text-align:right}
.faci_tabbox ul li a {display:block; position:relative; padding:24px 60px; font-size:1.133em; background:url(../images/content/ico_floorinfo_off.png) no-repeat right 10px top 50%; transition:.3s}
.faci_tabbox ul li:first-child a {background:url(../images/content/ico_centerinfo_off.png) no-repeat right 10px top 50%}
.faci_tabbox ul li:hover a, .faci_tabbox ul li.on a {background:url(../images/content/ico_floorinfo_on.png) no-repeat right 10px top 50%; color:#137fbe; font-weight:600}
.faci_tabbox ul li:first-child:hover a, .faci_tabbox ul li:first-child.on a {background:url(../images/content/ico_centerinfo_on.png) no-repeat right 10px top 50%}
.faci_tabbox ul li::before{content:"";position:absolute;top:50%;left:0;width:48px;height:32px;margin-top:-16px;border-radius:50px;background:#e6e6e6 url(../images/content/bg_faciarr_off.png) no-repeat 0 50%; opacity:1; transition:opacity .3s ease}
.faci_tabbox ul li::after{content:"";position:absolute;top:50%;left:0;width:48px;height:32px;margin-top:-16px;border-radius:50px;background:#137fbe url(../images/content/bg_faciarr_on.png) no-repeat 100% 50%; opacity:0; transition:opacity .3s ease}
.faci_tabbox ul li:hover::before, .faci_tabbox ul li.on::before{opacity:0}
.faci_tabbox ul li:hover::after, .faci_tabbox ul li.on::after{opacity:1}
/* 시설안내도 크게보기 */
.faci_bigview a {display:block; overflow:hidden; position: relative; padding:19px 15px 18px; border-radius:10px; background:#526f82; text-align: center; color:#fff; font-size:1.133em}
.faci_bigview a span {position:relative; display: inline-block; padding:0 25px; background:url(../images/content/blt_faci_bigview.png) no-repeat right 0 top 50%; z-index:2}
.faci_bigview a::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #344754, #698ea6); transform: translateX(-100%); transition: transform 0.4s ease; z-index: 1}
.faci_bigview a:hover::before {transform: translateX(0)}

/* 시설안내 설명  */
.facility_con {display: flex; justify-content: center; align-items: center; height: 100%; border-bottom:1px solid #e7e7e7}
.facility_guide {width:100%}
.facility_guide .faci_glst {display: flex; flex-wrap: wrap; text-align: center; justify-content: center}
.facility_guide .faci_glst > li {width:calc(100% / 2); margin:12px 0 8px; font-size:1.133em; font-weight:600}
.facility_guide .faci_glst > li .facg_engtxt {display: block; font-size:0.647em; color:#9d9d9d; font-weight:500}
.faci_gsublst {display: flex; justify-content: flex-end; background:#eee; border-radius:10px; padding:10px 14px; gap:4px}
.faci_gsublst ul {display:flex; flex-wrap:wrap; gap:4px; width:100%}
.faci_gsublst li {width:100%; font-size:13px}
.faci_gsublst .faci_cnum {display:inline-block; min-width:47px; height:16px; line-height:16px; padding:0; border-radius:50px; background:#526f82; color:#fff; margin-right:5px; font-size:11px; box-sizing: border-box; text-align: center}
/*전산센터*/
.datacenter_type .faci_gsublst{margin:5px 0}
.datacenter_type .faci_gsublst li{letter-spacing: -0.5px}
.datacenter_type .faci_gsublst .faci_cnum{min-width: 38px; margin-right: 3px; background: #3891dc}

/* 시설 안내- 자세히보기 클릭 리스트 */
.farea_imgview {background:#eee; padding:12px 15px; margin-bottom:15px; text-align: center}
.farea_imgview span {padding:5px 0 5px 34px; background:url(../images/content/blt_floor_view.png) no-repeat 0 50%}
.floor_area {margin-bottom:30px}
.floor_lst ul{display:flex;flex-wrap:wrap; justify-content:flex-start; margin:0; padding:0; list-style:none}
.floor_lst ul li{width:calc(100%/5); margin-bottom:15px; display:flex; justify-content:center}
.floor_lst ul li a.floor_thumb{display:block;text-align:center;width:214px}
.floor_thumb .thumimg{position:relative;display:block;width:208px; height:128px; overflow:hidden; border:3px solid transparent; background:#fff; margin:0 auto;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease} 
.floor_thumb .thumimg img {width:100%;height:100%;display:block;transition:transform .45s cubic-bezier(.25,.46,.45,.94)} 
.floor_thumb:hover .thumimg {border-color:transparent; background-image:linear-gradient(#fff,#fff),linear-gradient(#344754 10%, #698ea6 100%); background-origin:border-box; background-clip:padding-box, border-box;box-shadow:0 0 0 1px rgba(0,0,0,.05)} 
.floor_thumb:hover .thumimg img{transform:scale(1.08)} 
.floor_thumb .thumtxt {display:block; margin-top:8px; line-height:1.3; font-size:1em; font-weight:500}
/*  시설안내 레이어 */
.floor_layer {display:none;position:fixed;inset:0; background:transparent;z-index:99999; justify-content:center; align-items:center}
.floor_layer.is-open{display:flex}
.flayer_inner {position:relative; display:flex; flex-direction:column; width:90%; max-width:974px; max-height:85vh; transition:background .3s ease,border-color .3s ease,box-shadow .3s ease; background:#fff; border-radius:10px; box-sizing: border-box;border:3px solid transparent; background-image:linear-gradient(#fff,#fff),linear-gradient(90deg, #344754 10%, #698ea6 100%); background-origin:border-box; background-clip:padding-box, border-box; box-shadow: 0 4px 14px rgba(0,0,0,0.3)} 
.btn_layer_close {position:absolute; right:10px; top:10px; width:42px; height:42px ;border:none; cursor:pointer; background:linear-gradient(215deg, #344754 10%, #698ea6 100%); border-radius:10px; font-size:0}
.btn_layer_close::before,.btn_layer_close::after{content:"";position:absolute;left:12px;right:12px;top:20px;height:3px;background:#fff; border-radius: 50px}
.btn_layer_close::before{transform:rotate(45deg)}
.btn_layer_close::after{transform:rotate(-45deg)}
.flayer_top {display:flex;align-items:center;gap:12px; margin:10px 0}
.flayer_num {display:block; width:98px; height:42px; align-content: center; border-radius:0 50px 50px 0; text-align: center; color:#fff; font-size:2em; background:linear-gradient(90deg, #344754 10%, #698ea6 100%); font-weight:600}
.flayer_tit {font-size:1.467em;font-weight:600}
.flayer_con {overflow:auto; max-height:70vh; padding:20px 30px 30px}
.flayer_con img {display:block; margin:0 auto; text-align: center; max-width:850px; width:100%}


@media only screen and (min-width:1300px) {
/* 시설 안내 */
.faci_boxwrap {display: flex; flex-direction:row-reverse}
.faci_lbox {max-width:918px; min-height:795px}
.faci_rbox {display:flex; flex-direction: column; justify-content: space-between; max-width:305px; padding-left:35px}
.floor_nowrap .faci_lbox  {min-height:inherit}
.floor_nowrap .faci_lbox img {height:100%; object-fit:cover}

    
/* 시설안내 타이틀 */
.facility_top {text-align: right}
.facility_top h4 {padding:12px 10px 18px}
.facility_top h4 span {padding:6px 0 6px 40px; font-size:2.267em; background-position:left 0 bottom 0}
.facility_top .faci_engtit {padding:18px 7px}
/* 시설안내 탭 */
.faci_tabbox {display:block}
    
}

@media only screen and (max-width:1299px) {
/* 시설안내 설명 */
.facility_con {display:block; width:100%}
.facility_guide .faci_glst {padding:10px 0}
.facility_guide .faci_glst > li {width:calc(100% / 3); margin:5px 0}
.faci_lbox {width:100%; margin-top:10px}
.faci_bigview a {padding:10px}
.faci_gsublst {flex-wrap:wrap}
.faci_gsublst ul {justify-content: space-between}
.faci_gsublst ul li {width:calc(100% / 5 - 4px); text-align: center}
.faci_gsublst .faci_cnum {display: block; margin:0}
.faci_glstline {display: flex; justify-content: space-between}
.faci_glstline .faci_glst  {width:100%}
.facility_guide.faci_glstline .faci_glst > li {width:100%; margin:5px 0 0}
    
.faci_boxwrap {display:flex; flex-direction: column}
.faci_rbox {display: contents}
.faci_lbox {order:1}
.facility_con {order: 2}
.faci_glst {grid-template-columns: 1fr}
}


@media only screen and (max-width:1500px) {
/* 시설 안내 */
.floor_lst ul li {width:calc(100% / 4)}
}

@media only screen and (max-width:1250px) {
/* 시설 안내 */
.floor_lst ul li {width:calc(100% / 3)}

}


@media only screen and (max-width:700px) {
/* 시설안내 설명 */
.facility_guide .faci_glst > li {width:calc(100% / 2)}
.faci_gsublst ul li {width:calc(100% / 2 - 4px)}
    
/* 시설 안내 */
.floor_lst ul li {width:calc(100% / 2)}
.flayer_num {width:50px; height:30px; font-size:1.286em}
.flayer_top {margin:4px 0 0}
.flayer_tit {font-size:1.286em}
.flayer_con {padding:10px 15px 15px}
.btn_layer_close {top:5px; right:5px; width:30px; height:30px; border-radius:5px}
.btn_layer_close::before, .btn_layer_close::after {left:8px; right:8px; top:14px}
}

@media only screen and (max-width:500px) {
/* 시설안내 설명 */
/*.facility_guide .faci_glst > li {width:calc(100% / 1)}*/
/* 시설안내 */
.floor_lst ul li {width:calc(100% / 1)} 
.flayer_top {display: block}
.flayer_tit {padding:5px 10px 0; font-size:1.143em; text-align: center}

}