body { min-width:320px; }
.pc { display: none !important; }
.mobile { display: block !important; }
* a, a:hover, a:visited { color: inherit; text-decoration: none; }


/* header */
header {position:fixed;top:0;left:0;right:0;z-index:999999;min-width:320px;min-height:50px;background-color: #fff !important; padding: 0; }
.all_menu {position:absolute;right:20px;top:16px;display:none;width:20px;height:18px;font-size:0;line-height:0;margin: 0; padding: 0; cursor: pointer; background: transparent; outline:none; border: 0;}
.all_menu .ico_cate, .all_menu .ico_cate:before, .all_menu .ico_cate:after {display:block;position:absolute;left:0;width:100%;height:2px;background:#252525;content:'';-webkit-transition: .25s ease-in;transition: .25s ease-in}
.all_menu .ico_cate {top:8px}
.all_menu .ico_cate:before {top:-8px}
.all_menu .ico_cate:after {top:8px}
.all_menu.close .ico_cate {background-color:transparent}
.all_menu.close .ico_cate:before {transform:rotate(135deg);top:0}
.all_menu.close .ico_cate:after {transform:rotate(45deg);top:0}

header .gnb { display: none !important; }
header .gnb_wrap {width:100%; height: 50px; position: relative;}
header .gnb_wrap h1 {position:absolute;top: 10px;right: 0; left:0;margin:auto;float:none; text-align: center;}
header .gnb_wrap h1 img { width: auto; height: 30px; position: relative; }
header .gnb_wrap h1:before { content:''; display: inline-block; position: absolute; left: 0; right: 0; top: -15px; margin: 0 auto; width: 163px; height: 5px; z-index: 999;background: #fed11b; }
header .all_menu {display:block}
header .gnb_m {display: none;position:fixed;right:-100%;width:100%;top:50px;bottom:0;height:auto;padding-bottom:65px;overflow-x:hidden;overflow-y:auto;z-index:102;background-color:#fff;-webkit-transition: .25s ease-in;transition: .25s ease-in;}
header .gnb_m.block,.gnb_m.block .gnb_fix {right:0}
header .gnb_m > ul { border-top: 1px solid #e1e1e1; }
header .gnb_m > ul > li > ul {position:static}
header .gnb_m > ul > li {position:relative;float:none;width:auto}
header .gnb_m > ul > li > a:after {bottom:0}
header .gnb_m > ul > li > ul {height:auto;width:100%}
header .gnb_m > ul > li > span {position:relative;display:block;height:50px;padding-left:27px;line-height:50px;font-size:16px;color:#363636;text-align:left;}
header .gnb_m > ul > li:before {content:'';position:absolute;z-index:2;left:15px;top:23px;width:3px;height:3px;background-color:#dcddde;border-radius:50%}
header .gnb_m > ul > li > span:after {position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#e1e1e1;content:''}
header .gnb_m > ul > li.on {background-color:#f1f2f2}
header .gnb_m > ul > li.on > span {color:#015bae;font-weight: 600;background-color:#fff}
header .gnb_m > ul > li.on > span:before {transform:rotate(180deg)}
header .gnb_m > ul > li > span:before {content:'';position:absolute;right:20px;top:50%;margin-top:-4px;width:10px;height:7px;transition: .25s ease-in; background: url('/users/kies2022/image/common/gnb_arr.svg') 0 0 no-repeat; }
header .gnb_m > ul > li > ul {padding:0;border-bottom:1px solid #e3e6e8d;display: none;}
header .gnb_m > ul > li > ul > li:first-child {padding-top:0}
header .gnb_m > ul > li > ul > li > a {display: block;width: 100%;padding-left:27px;font-size:15px;text-align:left;line-height:50px;cursor: pointer;}
header .gnb_m > ul > li > ul > li.on > a, header .gnb_m > ul > li > ul > li > a:hover { text-decoration: underline;}
header .gnb_m > ul > li > ul > li ~ li {border-top:1px solid #e3e6e8}

.gnb_fix {position:fixed;z-index:3;right:-100%;bottom:0;width:100%;height:65px;padding-top:12px;text-align:center;border-top:1px solid #1e1a1b;background-color:#fff;-webkit-transition: .25s ease-in;transition: .25s ease-in}
.gnb_fix:after {content:'';display:table;clear:both}
.gnb_fix .global_m, .gnb_fix .select_history {position:static;display: block;width:calc(100% - 20px);margin:0 10px;vertical-align:middle}
.global_m ul { overflow: hidden; text-align: center;}
.global_m ul li {display: inline-block;}
.global_m ul li a { padding: 3px 12px;line-height: 22px; border: 1px solid #ccc; font-size: 12.5px; color: #898989; text-align: center; box-sizing: border-box; letter-spacing: 0px; font-weight: 400; display: block; margin-top: 5px; }
.global_m ul li + li { margin-left: 1px; }
.global_m ul li a:hover { background: #ccc; color: #fff; }


/**** visual ****/
.visual_bg { width: 100%; height:300px; background:url('/users/kies2022/image/main/visu_bg.jpg') center no-repeat; position:relative; background-size: cover; margin-top: 50px;}
.visual { width: 95%; height: 100%; margin: 50px auto 0; display:flex !important; align-items:center; justify-content:space-between; align-content:center; }

.visu_txt_wrap { margin-left: 0%; }
.visu_txt01 { font-size: 28px; line-height: 100%; color: #252525; font-weight: 600; letter-spacing: -1px; }
.visu_txt_sky { color: #58ccff; }
.visu_txt_yellow { color: #fed11b; }
.visu_txt_blue { color: #2556c9; }
.visu_txt02 { font-size: 17px; line-height: 140%; color: #252525; font-weight: 400;}
.visu_txt02 span { color: #fed11b; }

.visu_quick { width: 330px; border: 2px solid #2556c9; border-radius: 10px; margin: 15px 0 8px -80px; }
.visu_quick_title { height: 33px; font-size: 14px; font-weight: 500; color: #fff; background: #2556c9; width: calc(100% + 4px); margin-left: -2px; margin-top: -2px; text-align: center; border-radius: 10px 10px 0 0; display:flex; align-items:center; justify-content:center; align-content:center;  }
.visu_quick_link { padding: 13px; background: rgba(255,255,255,0.7); border-radius:  0 0 10px 10px; overflow: hidden; }
.visu_quick_link a { float: left; font-size: 12px; width: 42%; display: inline-block; letter-spacing: -1px; }  
.visu_quick_link a:hover { color: #2556c9; }
.visu_quick_link a:nth-child(2n) { width: 50%; margin-left: 2.5%; }

.visu_select_title { width: 330px; overflow: hidden; border: 2px solid #6386d8; border-radius: 10px; display:flex; justify-content:space-between; align-items:center; align-content:stretch; cursor: pointer; position: relative; height: 45px; background: rgba(255,255,255,0.7);}
.visu_select_title_txt { padding-left: 20px; font-size: 15px; font-weight: 500; color: #2556c9; }
.visu_select_title_img { width: 50px; height: 100%; border-left: 2px solid #6386d8;  display:flex; justify-content:center;  align-items:center;}
.visu_select_title_img img { width: 10px; }
.visu_select { width: 330px; height: 250px; list-style-type: none; overflow-x: hidden; overflow-y: auto; font-size: 18px; color: #666666; border: 2px solid #6386d8; display: none; position: absolute;  background: #FFFFFF; border-top: none; z-index: 10; }
.visu_select li a { padding: 7px 0 7px 12px; width: 100%; display: block; transition:0.2s; }
.visu_select li a:hover { background: #efefef; color: #111; }

@media screen and (max-width:400px) {
  .visual_bg { height: 350px; }
  .visu_txt01 { font-size: 25px; }
  .visu_txt02 { font-size: 15px; }
  .visu_select_title { width: 300px; }
  .visu_select { width: 300px; }
  .visu_quick { width: 300px; }
  .visu_quick a { display: block; width: 100%; }
  .visu_quick_link a:nth-child(2n) { width: 100%; margin-left: 0; }
}


/* mContents_wrap */
.mContents_wrap { width: 95%; margin: 30px auto; box-sizing: border-box; overflow: hidden; display:flex; flex-wrap:wrap; justify-content: space-between; flex-direction:row;  }
.mContent { padding: 20px 25px; }
.mTitle { font-size: 21px; color: #fff; font-weight: 600; line-height: 130%; margin-bottom: 25px;  }
.mContents_txt { color: #e1e1e1; letter-spacing: -0.5px; }

.mInqury { width: 49%; height: auto; background: url('/users/kies2022/image/main/mInquery_bg.jpg') center no-repeat; background-size: cover; color: #e1e1e1; font-weight: 300;}
.mInquery_img { width: 50px; vertical-align: bottom; margin-right: 10px; margin-top: -10px; }
.mInquery_tel a { font-size: 16px; font-weight: 900; color: #fff; letter-spacing: -1px; } 

.mAbout { width: 49%; height: auto; background: url('/users/kies2022/image/main/mAbout_bg.jpg') center no-repeat; background-size: cover; color: #e1e1e1; font-weight: 300; mt20	 }
.mAbout .mContents_txt a { margin-top: 20px; display: block; }

.mBoard-box { width: 100%; height: auto; float: left;  border: 1px solid #d4d4d4; padding: 30px; box-sizing: border-box; margin-top: 10px;}
.mBoardTab { width: 100%; overflow: hidden;  }
.mBoardTab li { color: #111; font-size: 16px; font-weight: 600; float: left; cursor: pointer; position: relative; padding-bottom: 5px; text-align: center; box-sizing: border-box;}
.mBoardTab li + li { margin-left: 15px; }
.mBoardTab li.on, .mBoardTab li:hover { color: #2556c9; }
.mBoardTab li:after { content:' '; position: absolute; left: 0; right: 0; bottom: 0px; width: 0%; height: 3px; margin: 0 auto; background: #2556c9; transition:0.3s;}
.mBoardTab li.on:after, .mBoardTab li:hover:after {width: 100%; height: 4px; background: #2556c9; }
.more-list { float: right; margin-top: -50px; }
.more-list a { display: none; font-size: 12px; font-weight: 300;}  
.more-list a img { width: 12px; margin-left: 5px; margin-top: -3px; }
.more-list a:nth-child(1) { display: block; }

.mBoard-list { overflow: hidden; margin-top: 20px;}
.mBoard-list div { display: none; }
.mBoard-list div:nth-child(1) { display: block; }
.mNotice { width: 100%; clear: both; float: left;}
.mNotice ul { margin-top: 5px; }
.mNotice ul li { width: 100%; overflow: hidden; }
.mNotice ul li + li { margin-top: 10px; }
.mNotice ul li .subject { /*width: calc(100% - 80px);*/ float: left;color: #555; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position: relative; padding-left: 8px; font-size: 13px; font-weight: 300;}
.mNotice ul li .subject img { margin-right: 3px; margin-top: -5px; }
.mNotice .subject:before { content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 3px; height: 3px; background: url('/users/kies2022/image/common/dot.jpg') center no-repeat; ;}
.mNotice ul li:hover .subject { color: #2556c9;}
.mNotice ul li .date { width: 65px; float: right; font-size: 13px; font-weight: 300; }

@media screen and (max-width:600px) {
  .mInqury { width: 100%; }
  .mAbout { width: 100%; margin-top: 10px;}
}


/* mQuick */
.mQuick_wrap { padding: 35px 0 ;background: #f8f8f8;}
.mQuick { width: 90%; margin: 0 auto; display: flex; flex-wrap:wrap; justify-content: space-between; flex-direction:row; }
.mQuick li { width: 18.5%; height: 140px; font-size: 15px; font-weight: 500; display: flex; justify-content: center; align-items: center; flex-direction:column; color: #111; position: relative; cursor: pointer; transition:0.3s; overflow: hidden; transition: all 0.4s ease-out; background: #fff; border: 1px solid #ddd; }
.mQuick li img { height: 50px; margin-bottom: 10px; transition:0.3s;}
.mQuick li:hover img { transform:scale(1.16) }
.mQuick li .line span.l1:before{display:block;content:"";width:0;height:3px;background:#2556c9;position:absolute;left:0;top:0;transition:all 0;z-index:1;}
.mQuick li .line span.l1:after{display:block;content:"";width:3px;height:0;background:#2556c9;position:absolute;right:0;top:0;transition:all 0;z-index:1;}
.mQuick li .line span.l2:before{display:block;content:"";width:0;height:3px;background:#2556c9;position:absolute;right:0;bottom:0;transition:all 0;z-index:1;}
.mQuick li .line span.l2:after{display:block;content:"";width:3px;height:0;background:#2556c9;position:absolute;left:0;bottom:0;transition:all 0;z-index:1;}

.mQuick li:nth-child(3) .line span.l1:before, .mQuick li:nth-child(4) .line span.l1:before { background:#2556c9 }
.mQuick li:nth-child(3) .line span.l1:after, .mQuick li:nth-child(4) .line span.l1:after { background:#2556c9 }
.mQuick li:nth-child(3) .line span.l2:before, .mQuick li:nth-child(4) .line span.l2:before { background:#2556c9 }
.mQuick li:nth-child(3) .line span.l2:after, .mQuick li:nth-child(4) .line span.l2:after { background:#2556c9 }

.mQuick li:hover .line span.l1:before{width:100%;height:3px;transition:all .2s linear;}
.mQuick li:hover .line span.l1:after{width:3px;height:100%;transition:all .2s .05s linear;}
.mQuick li:hover .line span.l2:before{width:100%;height:3px;transition:all .2s .1s linear;}
.mQuick li:hover .line span.l2:after{width:3px;height:100%;transition:all .2s .15s linear;}

@media screen and (max-width:750px) {
  .mQuick li  { width: 49%; margin-bottom: 10px;}
}


/* footer */
footer { width: 100%; border-top: 1px solid #ddd; padding: 30px 0; background: #555555; }
.footer-box { width: 95%; margin: 0 auto; position: relative; overflow: hidden; }
.footer_txt { color: #acacac; text-align: center; margin-top: 15px; }
.footer_txt span { display: inline-block; margin: 0 3px; }
.footer_txt a:nth-child(3) { display: block; } 

.floating-menu{ position: fixed; right: 10px; bottom: 10px; display: flex; flex-direction: column; align-items: flex-end; gap: 5px; z-index: 9999; font-family: system-ui, -apple-system, Segoe UI, Roboto, "Noto Sans KR", sans-serif; text-align: right; }
.menu-item{ width: 135px; height: 40px; display: inline-flex; align-items: center; justify-content:flex-end; gap: 10px; padding: 8px 12px; border-radius: 10px; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,.15); transition: transform .18s ease, box-shadow .18s ease; background: rgba(255,255,255,0.8); }
.menu-item:hover{ transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.20); background: #fff;}
.menu-item img{ width: 30px; }
.menu-item span{ font-size: 11px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #f49303; }
.menu-item.top { display: none; } 


/**** sVisual ****/
.sVisual { width:100%; height:25vw; min-height:150px; overflow:hidden; margin-top: 50px; background: url('/users/kies2022/image/sub/sVisu.jpg') center no-repeat; background-size:cover; position: relative;}
.sVisuTxt_wrap { width: 100%; height: 100%; margin: 0 auto;  display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; }
.sVisuTxt { font-size: 4.2vw; font-weight: 600; color: #fff; margin-left: 5%; line-height: 140%; letter-spacing: -0.5px; }


/* sContainer */
.sContainer { width: 100%; margin: 0px auto; overflow: hidden; }
.lnb_box {width:100%; width: 240px; float: left; margin-top: 45px; display: none;}
.m_area_subnav { width:100%; height:35px; line-height:35px; color: #fff; background: #2556c9; box-sizing: border-box; position: relative; }
.m_area_subnav .sub_arr { position: absolute; right: 2.5%; top: 14.5px; transform:rotate(180deg); cursor: pointer; transition:0.3s; }
.m_area_subnav .sub_arr.rotate { transform:rotate(0deg);  }
.m_area_subnav .m_sub_nav_title { font-size: 14px; display: block; padding-left: 2.5%; cursor: pointer; }
.m_area_subnav .m_sub_nav { width:100%; padding:0; margin:auto; border-bottom: 1px solid #ddd; background: #fff; box-shadow: 0 2px 15px rgba(0,0,0,0.2); padding:0 2.5%; display: none;	position: absolute; left: 0; top: 35px;	 z-index: 9999; }
.m_area_subnav .m_sub_nav:after { clear:both; display:block; content:"";}
.m_area_subnav .m_sub_nav li a { width:100%; height:100%;	margin:0; font-size:14px; line-height: 35px; color:#111; float:left; display:block;	 display:block; cursor: pointer; }
.m_area_subnav .m_sub_nav li a:hover { color: #2556c9; }

.m_area_ssubnav { width:100%; height:35px; line-height:35px; color: #fff; background: #595959; box-sizing: border-box; position: relative; margin-bottom: 20px; }
.m_area_ssubnav .ssub_arr { position: absolute; right: 2.5%; top: 14.5px; transform:rotate(180deg); cursor: pointer; transition:0.3s; }
.m_area_ssubnav .ssub_arr.rotate { transform:rotate(0deg);  }
.m_area_ssubnav .m_ssub_nav_title { font-size: 14px; display: block; padding-left: 2.5%; cursor: pointer; }
.m_area_ssubnav .m_ssub_nav { width:100%; padding:0; margin:auto; border-bottom: 1px solid #ddd; background: #fff; box-shadow: 0 2px 15px rgba(0,0,0,0.2); padding:0 2.5%; display: none;	position: absolute; left: 0; top: 35px;	 z-index: 99; }
.m_area_ssubnav .m_ssub_nav:after { clear:both; display:block; content:"";}
.m_area_ssubnav .m_ssub_nav li { width:100%; height:100%;	margin:0; font-size:14px; line-height: 35px; color:#111; float:left; display:block;	cursor: pointer; }
.m_area_ssubnav .m_ssub_nav li:hover { color: #015bae; }

/* sub contents */
.right { width: 95%; min-height:500px; float: none !important; margin: 0 auto 50px; }
.title { margin: 0 auto; text-align:center; display:block; padding: 0 0 20px; border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; }
.title h2 { margin-top: 25px; font-size:24px; color:#111; font-weight:500; letter-spacing:-0.5px; line-height:100%; display:block; text-align:left;}
.title h2 span { float: right; color: #959595; margin-top: 9px; font-size: 11.5px;font-weight: 300; }
.title .location { text-align: right; margin-top: 5px; display: none;}

@media all and (max-width:500px){/**/
	.title h2 span { display: block; float: none; margin-top: 0;  text-align: right;}
}/**/ 

.sContents { margin: 0 auto; min-height:400px; box-sizing: border-box; position: relative; word-break:keep-all; overflow: hidden; padding-bottom: 10px;}

.sContents h4 { font-size: 18px; margin:35px 0 15px; font-weight: 600; color: #111; overflow: hidden; padding-left: 25px;  background: url('/users/kies2022/image/sub/conTitle.jpg') left 10px no-repeat; }
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents h5 { font-size: 15px; font-weight: 600; color:#2556c9; margin: 20px 0 10px; text-decoration-line:underline; text-underline-position: under; }
.sContents h6 { font-size: 13px; font-weight: 700; color:#111; margin: 25px 0 10px; }
.sContents h4 + h5 { margin-top: 0; }
.boardTable + .txtBox { margin-top: 10px; }
.txtBox { overflow: hidden; }
.imgBox img { max-width:100%; }

.boardTable + .boardTable { margin-top: 20px; }
.boardTable + .table-scroll { margin-top: 20px; }
.txtBox + .imgBox { margin-top: 15px; }
.imgBox + .boardTable { margin-top: 20px; }
.sContents h4 + h5 { margin-top: 0; }
.boardTable + .txtBox { margin-top: 10px; }
.txtBox { overflow: hidden; }

.table-scroll { width: 100%; overflow-x:auto; margin-bottom: 40px; }
.table-scroll table.boardTable { width: 100%; table-layout:fixed; min-width:600px; margin-bottom: 10px;}
.table-scroll table td { word-break:break-all; }

@media screen and (max-width:600px) {
  .table-scroll { overflow-x:auto;  }
}

.sub_tab { width: 100%; margin: 30px auto; display:flex; flex-wrap:wrap; }
.sub_tab > li {  margin-top: -1px; box-sizing: border-box; display:flex; justify-content:center; align-items:stretch;   }
.sub_tab > li > a { width: 100%; min-height: 48px; height: unset; box-sizing: border-box; border: 1px solid #d0d0d0; font-weight: 400; position: relative; display:flex; justify-content:center; align-items:center; text-align: center; padding: 5px 10px; line-height: 125%; word-break:keep-all; }
.sub_tab > li.on > a { color: #fff; background: #595959; }
.sub_tab > li > a:after {content:''; z-index:-1; position:absolute; left:0; top:0; display:block; width:100%; height:0%; background:#f9f9f9; transition: all 0.3s ease 0s; }
.sub_tab > li > a:hover:after,.snb > li > a:focus:after {height:51px; transition: all 0.3s ease 0s;} 

.sub_tab.s3 li { width: calc(33.33% + 0.5px); }
.sub_tab.s4 li { width: calc(33.33% + 0.5px); }
.sub_tab.s6 li { width: calc(33.33% + 0.5px); }
.sub_tab.s6 li a { display: block; width: 100%; height: 100%; }

.sub_tab.awards_tab li { width: calc(50% + 0.5px); }
.sub_tab.awards_tab li:first-child, .sub_tab.awards_tab li:nth-child(3n+1) { margin-left: -1px; }

@media screen and (max-width:500px) {
  .sub_tab.term_tab.s7 > li { width:calc(20% + 1px);}
}


.table-scroll { width: 100%; overflow-x:auto; margin-bottom: 40px; }
.table-scroll table.boardTable { width: 100%; table-layout:fixed; min-width:700px; margin-bottom: 10px;}
.table-scroll table td { word-break:break-all; }

@media screen and (max-width:700px) {
  .table-scroll { overflow-x:auto;  }
}


/* message */
.lineBox { border: 1px solid #d7d7d7; margin-bottom: 30px; padding: 30px; }
.message { text-align: center;  }
.message_txt01 { font-family: 'Nanum Myeongjo', serif; line-height: 150%; font-size: 21px; font-weight: 600; color: #111; }
.message_txt02 { font-size: 15px;  }
.message_txt01 + .message_txt02 { margin-top: 10px; }
.message_txt02 + .message_txt01 { margin-top: 5px; }

.message_name_wrap { text-align: right; margin-top: 20px; }
.message_name { text-align: right; }
.message_name > div { margin-top: 20px; }
.message_name img { width: 80px; vertical-align: bottom; margin-top: 5px;}


/* mission */
.mission {  }
.mission_title { font-family: 'Nanum Myeongjo', serif; font-size: 21px; font-weight: 600; color: #2556c9; margin: 0 auto; display:flex; justify-content:center; align-content:center; border-bottom: 1px solid #d4d4d4; padding-bottom: 20px; margin-bottom: 20px; line-height: 120%; text-align: center; }
.mission_title_inner { font-family: 'Nanum Myeongjo', serif; font-size: 21px; font-weight: 600; color: #2556c9; line-height: 120%; margin-left: -45px;}
.mission_title_inner > div { text-align: right; font-family: 'Nanum Myeongjo', serif; font-size: 21px; font-weight: 600; color: #2556c9; padding-left: 90px;}
.mission_list { width: 70%; margin: 0 0 0 15%; }
.mission_list li { display:flex; justify-content:flex-start;   }
.mission_element { color: #111; width: 110px; }
.mission_txt { width: calc(100% - 110px); }

@media screen and (max-width:650px) {
  .mission_list { width: 90%; margin: 0 0 0 5%; }
}

@media screen and (max-width:500px) {
  .mission_list { width: 90%; margin: 0 0 0 5%; }
  .mission_list li { display: block; }
  .mission_txt { width: 100%; }
}


/* business */
.business li { border: 1px solid #d4d4d4; display:flex; margin-bottom: 30px;  }
.business_title { width: 180px; font-size: 21px; font-weight: 600; color: #111; text-align: center; position: relative; border-right: 1px solid #d4d4d4; display:flex; justify-content:center; align-items:center; font-family: 'Nanum Myeongjo', serif; }
.business_num { width: 80px; line-height: 30px; font-size: 17px; font-weight: 600; color: #fff; text-align: center; position: absolute; left: -1px; top: -1px; background: #2556c9; font-family: 'Nanum Myeongjo', serif;  }
.business_txt { width: calc(100% - 180px); padding: 30px; }

@media screen and (max-width:500px) {
  .business li { display: block; }
  .business_title  { width: 100%; border-left: 0; border-bottom: 1px solid #d4d4d4; padding-top: 30px; padding-bottom: 10px; display: block; }
  .business_txt { width: 100%; } 
}


/* map */
.map_iframe { width: 100%; height: 300px;}
.map_list { padding: 25px 0; border-bottom: 1px solid #d4d4d4; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; }
.map_list li { margin-right: 20px; }
.map_list li:last-child { margin: 0; }


/* activity */
.activity > li { border: 1px solid #d4d4d4; display:flex; margin-bottom: 40px;  }
.activity_title { width: 130px; font-size: 15px; font-weight: 600; color: #fff; text-align: center; position: relative; border-right: 1px solid #d4d4d4; display:flex; justify-content:center; align-items:center; font-family: 'Nanum Myeongjo', serif; background: url('/users/kies2022/image/sub/activity_title_bg.jpg') 0 0 repeat; letter-spacing: -0.5px; word-break:keep-all;}
.activity_txt { width: calc(100% - 130px); padding: 20px; }
.activity_txt h5 { margin-top: 0; }



@media screen and (max-width:500px) {
  .activity li { display: block; }
  .activity_title { width: calc(100% + 3px); border-left: 0; border-bottom: 1px solid #d4d4d4; padding: 10px 0; display: block; margin-left: -1px; margin-top: -1px;}
  .activity_txt { width: 100%; } 
}

@media screen and (max-width:500px) {
  .service li { display: flex; }
  .service_title { width: 130px; border-left: 0; border-bottom: 1px solid #d4d4d4; padding: 10px 0; display: block; margin-left: -1px; margin-top: -1px;}
  .service_txt { width: calc(100% - 130px); } 
}

.service > li { border: 1px solid #d4d4d4; display:flex; margin-bottom: 40px;  }
.service .activity_title { width: 130px; font-size: 15px; font-weight: 600; color: #fff; text-align: center; position: relative; border-right: 1px solid #d4d4d4; display:flex; justify-content:center; align-content:center; font-family: 'Nanum Myeongjo', serif; letter-spacing: -0.5px; word-break:keep-all;}
.service .activity_txt { width: calc(100% - 130px); padding: 20px; }

.service_title01 {  background: url('/users/kies2022/image/sub/service_01.jpg') center no-repeat; background-size: cover;}
.service_title02 {  background: url('/users/kies2022/image/sub/service_02.jpg') center no-repeat; background-size: cover;}



.research .activity_title { width: 200px; align-content:flex-start; padding: 20px; line-height: 120%;}
.research .activity_title span { font-size: 13px; font-weight: 600; letter-spacing: -0.5px; }

@media screen and (max-width:500px) {
  .research .activity_title { width: calc(100% + 3px); }
  .research .service_txt { width: 100%; }
}


.cirle_list { margin-top: 40px; padding-top: 40px; }
.cirle_list > li { display:flex; flex-direction:row; justify-content:space-between;  }
.cirle_list .circle_title:after { content:''; width: 50px; height: 1px; background: #2556c9; position: absolute; right: -50px; top: 0; bottom: 0; margin: auto 0;}
.cirle_list .circle_title:before { content:''; width: 10px; height: 10px; border-radius: 10px; background: #2556c9; position: absolute; right: -50px; top: 0; bottom: 0; margin: auto 0;}
.cirle_list .circle_title { width: 110px; height: 110px; border-radius: 110px; font-size: 15px; font-weight: 600; color: #fff; background: url('/users/kies2022/image/sub/circle_bg.jpg') center repeat; background-size: cover; font-family: 'Nanum Myeongjo', serif; position: relative;  display:flex; flex-direction:column; justify-content:center; align-items:center;}
.cirle_list .dotList { width: calc(100% - 180px); }


@media screen and (max-width:500px) {
  .cirle_list > li { display: block; }
  .cirle_list .circle_title { width: 100px; height: 100px;	 }
  .cirle_list .circle_title:after { width: 1px; height: 30px; right: 0;left: 0; top: auto; bottom: -30px; margin: 0 auto; }
  .cirle_list .circle_title:before { width: 7px; height: 7px; right: 0;left: 0; top: auto; bottom: -30px; margin: 0 auto; }
  .cirle_list .dotList { width: 100%; margin-top: 40px; }
}






/*¼Ö·ç¼Ç °Ô½ÃÆÇ ½ºÅ¸ÀϺ¯°æ*/
.tabletexthead {width:100%; padding:10px 0px; display:block; font-size:13px; font-weight:500; background:#f7f7f7; border-top:1px solid #666; border-bottom:1px solid #ddd; color:#333; font-family: 'Noto Sans KR', sans-serif }
.tabletextlist {padding:15px 0px; display:inline; font-size:13px; line-height:38px; color:#666; }
.tabletextlist b {padding:20px 0px; display:inline; font-size:13px; line-height:160%; color:#666; }
.textplain {font-size:13px; color:#666; font-family: 'Noto Sans KR', sans-serif }
.text {padding:7px px; display:inline-block;  font-size:13px; color:#666; font-family: 'Noto Sans KR', sans-serif }
input.textbox {border:1px solid #ccc; padding:0px 3px 0px 0px; background:#fff; width:200px; box-sizing: border-box; height: 30px; vertical-align: middle; font-family: 'Noto Sans KR', sans-serif	} 
input.tabletextlistbox {border:1px solid #ccc; padding:3px 0px 5px 0px;  margin:5px 0px; background:#fff; font-family: 'Noto Sans KR', sans-serif } /* ±Û¾´ÀÌ,¾ÏÈ£,º¸¾ÈÄÚµå,¼öÁ¤ ¹× »èÁ¦ ¿·, ÀÎDz */
textarea.tabletextlistbox {border:1px solid #ccc; background:#fff; width: 90% !important;  font-family: 'Noto Sans KR', sans-serif  } /*Ä¿¸àÆ®´Þ±â ÀÎDz*/
/**/
textarea.test_textarea_01, 
textarea.test_textarea_02,
textarea.test_textarea_03 {border:1px solid #ccc; background:#fff; height:200px; padding:20px; margin-bottom:15px;}
textarea.textbox {border:1px solid #ccc; background:#fff; width:100%;}
select.selectbox {border:1px solid #ccc; height:34px; background:#fff;} 
.boardWriteBtn img { margin-bottom: 5px; } /*±Û¾²±â ¹öÆ°*/


/********* ¼Ö·ç¼Ç °Ô½ÃÆÇ ½ºÅ¸ÀϺ¯°æ *********/
.sub_content > table { width: 90%; }
.tabletexthead, .tabletextlist, .textplain div, .text { font-size: 11px;  }
select.selectbox { width: 110px; height:23px;}
input.textbox { width:200px; height: 23px;}
sub_content > table > tbody > tr:nth-child(4) > td:nth-child(1) > div > table > tbody > tr > td > table > tbody > tr > td:nth-child(1)  { width: 20%; font-size: 11px; ; } 
.boardWriteBtn img { margin-bottom: 5px; } /*±Û¾²±â ¹öÆ°*/

/* °Ô½ÃÆÇ ¸»ÁÙÀÓ */
.board_table_basic { table-layout:fixed }
.board_table_basic tr td.board_table_subject, .board_table_basic tr td[align=center] .tabletextlist { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.board_table_basic > tbody > tr > td:nth-child(1) { width: 100% !important; }
.board_table_basic > tbody > tr > td:nth-child(2) { width: 60px !important; }
.board_table_basic > tbody > tr > td:nth-child(3) { width: 40px !important; }
.board_table_basic > tbody > tr > td:nth-child(4) { width: 30px !important; }


/* table */
.boardTable {width:100%; border-top:2px solid #666; border-collapse:collapse;}
.boardTable th, .boardTable td {border:1px solid #ddd; padding:12px; }
.boardTable th {text-align:center;}
.boardTable th {background:#f3f3f3; color:#111; font-weight:400;}

.table_sub07_03  { width: 100%; overflow: hidden; margin: auto;} 
.table_sub07_03 li { width: 49%; margin-right: 2%; margin-bottom: 15px; border:1px solid #d3d3d3; float: left; padding: 10px; text-align: center; box-sizing: border-box;  } 	
.table_sub07_03 li:nth-child(2n) { margin-right: 0; }
.table_sub07_03 li:hover { background-color: #f9f9f9; }
.table_sub07_03 li:hover h5 { color: #111; 	 }
.table_sub07_03 li > a > img { width: 100%; height: 150px; }		
.table_sub07_03 li h5{ font-weight: 300; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  margin-top: 10px; color: #666;  }	
.table_sub07_03 li h6, .table_sub05_02 li p{ font-weight: 300; color: #666;  }

.board_table_basic > tbody > tr > td.board_readTitle_th { width: 15% !important; } /*°Ô½ÃÆÇ µé¾î°¡¸é ±Û¾´ÀÌ, ÀÛ¼ºÀÏ*/
.board_table_basic > tbody > tr > td.board_readTitle_td { width: 35% !important;  } /*°Ô½ÃÆÇ µé¾î°¡¸é °ü¸®ÀÚ, ÀÛ¼ºÀÏ(¼ýÀÚ)*/

/* signUpAgree */
.signUpAgree { height: 300px; overflow: auto; padding: 20px; background: #f6f6f6;}
.signUpAgree b { color: #111; display: block; }

 @media screen and (max-width:378px) {
  .dotList_btn { background-position: 0 8px !important; }
 }