@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

body { min-width:320px }
.pc { display: block; }
.mobile { display: none; }
.link:hover { text-decoration: underline; }
.main_color { color: #2556c9 !important; }
.fw500 { font-weight: 500 !important; }
table { border-collapse:collapse; }


body { position: relative; }
.mobile { display: none !important; }
.pc { display: block !important; }
* { box-sizing: border-box; }
* a, a:hover, a:visited { color:inherit; text-decoration: none; cursor: pointer; }
.link { cursor: pointer; }
.link:hover { text-decoration: underline !important; }
.mainColor { color: #0069b3 !important; }

/* header */
header {position: relative; padding: 10px 0; border-top: 5px solid #2556c9;}
header h1 { position: relative; margin-top: -18px; }
header h1:before { content:''; display: inline-block; position: absolute; left: 0; top: -53px; width: 100%; height: 5px; background: #fed11b; }

header .global { width: 1200px; margin: 0 auto; text-align: right; }
header .global a { font-size: 14px; font-weight: 300; line-height: 100%; margin-top: 10px; color: #898989; text-align: center; padding: 0 12px; background: url('/users/kies2022/image/common/globalLine.jpg') right center no-repeat; }
header .global a:last-child { padding-right: 0; background: none; }
header .global a:hover { color: #2556c9;}

header .gnb { width: 1200px; margin: 0 auto; display:flex !important; align-items:center; justify-content:space-between; align-content:center; }
header .gnb > .snb_level1 {  }
header .gnb > .snb_level1 > li { float:left; position:relative; display:flex; align-items:center; justify-content:center; align-content:center; }
header .gnb > .snb_level1 > li > a { color: #111; line-height: 84px; font-size: 20px; font-weight: 500; letter-spacing: -0.5px; padding: 0 25px; overflow: hidden; }
header .gnb > .snb_level1 > li:last-child > a { padding-right: 0; background: none; }
header .gnb > .snb_level1 > li > a:before { position: absolute; height: 100%; top: 0px; left: 0; overflow: hidden; max-width: 0; color: #2556c9; content: attr(data-hover); transition: max-width 0.5s; padding-bottom: 0px; margin-left: 25px; box-sizing: border-box;}
header .gnb > .snb_level1 > li.on a:before, header .gnb > ul > li:hover a:before { max-width: 100%; }

.snb_bg { width: 100%; background: #fff; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; position: absolute; left: 0; top: 131px; z-index: 999999; display: none; }
.snb_wrap { width: 1200px; margin: 0 auto; border-right: 1px solid #d4d4d4; display:flex !important; justify-content:space-between; align-content:stretch;}
.snb_wrap > li { width: 14.28%; border-left: 1px solid #d4d4d4; padding: 30px 10px 35px; }
.snb_wrap > li span { color: #2556c9; font-weight: 500; font-size: 23px; margin-bottom: 20px; display: block;}
.snb_wrap > li a { font-size: 16px; letter-spacing: -1px; }
.snb_wrap .snb_level2 li { margin-top: 3px; }
.snb_wrap .snb_level2 li a:hover { color: #fed11b; }


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

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

.visu_quick { width: 360px; border: 2px solid #2556c9; border-radius: 10px; margin: 25px 0 13px; opacity: 0; margin-left: -80px;}
.visu_quick_title { height: 37px; font-size: 17px; 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: 10px; background: rgba(255,255,255,0.7); border-radius:  0 0 10px 10px; overflow: hidden; }
.visu_quick_link a { float: left; font-size: 14.5px; width: 55%; display: inline-block; letter-spacing: -1px; }
.visu_quick_link a:hover { color: #2556c9; }
.visu_quick_link a:nth-child(2n) { width: 45%; float: right; }

.visu_select_title { width: 360px; 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); opacity: 0; margin-left: -80px;}
.visu_select_title_txt { padding-left: 30px; font-size: 20px; font-weight: 500; color: #2556c9; }
.visu_select_title_img { width: 60px; height: 100%; border-left: 2px solid #6386d8;  display:flex; justify-content:center;  align-items:center;}
.visu_select { width: 360px; height: 350px; 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: 10px 0 10px 18px; width: 100%; display: block; transition:0.2s; }
.visu_select li a:hover { background: #efefef; color: #111; }


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

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

.mAbout { width: 288px; height: 330px; background: url('/users/kies2022/image/main/mAbout_bg.jpg') center no-repeat; background-size: cover; color: #e1e1e1; font-weight: 300; }
.mAbout .mContents_txt {   text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.mAbout .mContents_txt a { margin-top: 20px; display: block; }

.mBoard-box { width: 555px; height: 330px; float: left;  border: 1px solid #d4d4d4; padding: 40px; box-sizing: border-box;}
.mBoardTab { width: 100%; overflow: hidden;  }
.mBoardTab li { color: #111; font-size: 21px; font-weight: 600; float: left; cursor: pointer; position: relative; padding-bottom: 5px; text-align: center; box-sizing: border-box;}
.mBoardTab li + li { margin-left: 25px; }
.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: 5px; background: #2556c9; }
.more-list { float: right; margin-top: -50px; }
.more-list a { display: none; font-size: 16px; font-weight: 300;}
.more-list a img { 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: 14px; }
.mNotice ul li .subject { /*width: 360px;*/ float: left;color: #555; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position: relative; padding-left: 8px; font-size: 17px; 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 { display: none; width: 100px; float: right; font-size: 17px; font-weight: 300; }


/* mQuick */
.mQuick_wrap { padding: 55px 0 ;background: #f8f8f8;}
.mQuick { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; flex-direction:row; }
.mQuick li { width: 206px; height: 192px; font-size: 20px; 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 { 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;}


/* footer */
footer { width: 100%; border-top: 1px solid #ddd; padding: 45px 0; background: #555555; }
.footer-box { width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
.footer_txt { color: #acacac; text-align: center; font-size: 14px; color: #acacac; font-weight:300;}
.footer_txt a { font-weight: 300; }
.footer_txt span { display: inline-block; margin: 0 3px; }

.floating-menu{ position: fixed; right: 16px; bottom: 16px; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; z-index: 9999; font-family: system-ui, -apple-system, Segoe UI, Roboto, "Noto Sans KR", sans-serif; text-align: right; }
.menu-item{ width: 165px; height: 50px; 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,1); }
.menu-item:hover{ transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.20); }
.menu-item img{ width: 40px; }
.menu-item span{ font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #f49303; }


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

/* sContainer */
.sContainer { width: 1200px; margin: 50px auto; overflow: hidden; }
.lnb_box {width:100%; width: 230px; float: left; border-top: 5px solid #d4d4d4;	}
.lnb_titile { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: flex-start; line-height: 110%;  height: 135px; color: #111; font-size: 29px; font-weight: 600; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; padding-left: 25px; }
.lnb_titile span { font-size: 15px; font-weight: 300; color: #a1a1a1;}
.lnb > li + li { margin-top: -1px; }
.lnb > li > a { width: 100%; height: 50px; color: #666; font-size: 16px; position: relative; padding-left: 25px; box-sizing: border-box;  border: 1px solid #dfdfdf; transition: background 0.3s; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; line-height: 120%; background-position: 200px center; z-index: 99;	}
.lnb > li.on > a { color: #fff; position: relative; border: 1px solid #2556c9; background: #2556c9 url('/users/kies2022/image/sub/lnb_ov.png') 210px center no-repeat;}
.lnb > li:hover > a { color: #fff; position: relative; border: 1px solid #2556c9; background: #2556c9 url('/users/kies2022/image/sub/lnb_ov.png') 210px center no-repeat; border: 1px solid #dfdfdf; }
.lnb > li > ul { margin-top: -1px; border: 1px solid #dfdfdf;}
.lnb > li.on > ul { border: 1px solid #111; position: relative; z-index: 1; }
.lnb > li > ul > li > a { display: block; width: 100%; line-height: 40px; font-weight: 400; padding-left: 23px; border-bottom: 1px solid #fff; box-sizing: border-box; }
.lnb > li > ul > li.on a, .lnb > li > ul > li > a:hover { color: #111; font-weight: 500;}
.lnb > li.on > ul { display: block; }


/* sub contents */
.right { width: 915px; min-height:700px; float: right; margin-bottom: 100px;}
.title { margin: 0 auto; text-align:center; display:block; padding: 0 0 20px; border-bottom: 1px solid #e4e4e4; margin-bottom: 50px; overflow: hidden; }
.title h2 { margin-top: 25px; font-size:32px; color:#111; font-weight:500; letter-spacing:-0.5px; line-height:100%; display:block; text-align:left; float: left;}
.title h2 span { float: right; color: #959595; margin-top: 5px; font-size: 15px;font-weight: 300; }
.title .location { text-align: right; margin-top: 30px; float: right;}
.title .location > li {height:12px; line-height:12px; font-size: 15px; letter-spacing: -0.5px; padding:0 12px 0 15px; display: inline-block; color:#888; background:url('/users/kies2022/image/sub/locationDot.jpg') no-repeat left center; box-sizing: border-box;}
.title .location > li:first-child { background:url('/users/kies2022/image/sub/home.jpg') no-repeat left 0px; padding-right: 0; }
.title .location > li:last-child { padding-right: 0; }

.sContents { margin: 0 auto; min-height:400px; box-sizing: border-box; position: relative; word-break:keep-all; }
.sContents h4 { font-size: 25px; margin:45px 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: 20px; font-weight: 600; color:#2556c9; margin: 35px 0 10px; text-decoration-line:underline; text-underline-position: under; }
.sContents h6 { font-size: 17px; font-weight: 700; color:#111; margin: 25px 0 10px; }
.boardTable + .boardTable { margin-top: 30px; }
.boardTable + .table-scroll { margin-top: 30px; }
.txtBox + .imgBox { margin-top: 20px; }
.imgBox + .boardTable { margin-top: 30px; }
.sContents h4 + h5 { margin-top: 0; }
.boardTable + .txtBox { margin-top: 10px; }
.txtBox { overflow: hidden; text-align: justify;}
.grayBox { background: #efefef; padding: 30px 10px; }

/*.sub_tab { width: 100%; margin: 30px auto ; overflow: hidden; padding-top: 1px; box-sizing: border-box; padding-left: 1px;}
.sub_tab li { float: left; text-align: center; margin-left: -1px; margin-top: -1px;}
.sub_tab li a { border: 1px solid #a1a1a1; display: block; width: 100%; position: relative; box-sizing: border-box;}
.sub_tab li:last-child { border-right: 0; }
.sub_tab li:hover a { color: #111; border: 1px solid #a1a1a1; z-index: 99;}
.sub_tab li.on a { background: #a1a1a1; color: #fff; }*/

.sub_tab { width: 100%; margin: 30px auto; display:flex; flex-wrap:wrap; padding: 1px; box-sizing: border-box;}
.sub_tab > li { margin-left: -1px; margin-top: -1px; box-sizing: border-box;   }
.sub_tab > li > a { width: 100%; height: 55px; box-sizing: border-box; border: 1px solid #d0d0d0; font-weight: 400; position: relative; display:flex; justify-content:center; align-items:center; text-align: center; line-height: 130%;  letter-spacing: -0.5px; padding: 5px; 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.s2 > li {width:calc(50% + 1px);}
.sub_tab.s3 > li {width:calc(33.3333% + 1px);}
.sub_tab.s4 > li {width:calc(25% + 1px);}
.sub_tab.s5 > li {width:calc(20% + 1px);}
.sub_tab.s6 > li {width:calc(16.666% + 1px);}
.sub_tab.s7 > li {width:calc(14.285% + 1px);}
.sub_tab.s8 > li {width:calc(12.5% + 1px);}

.table-scroll { width: 100%; overflow-x:auto; margin-bottom: 70px; }
.table-scroll table.boardTable { width: 100%; margin-bottom: 0px;}


/* message */
.lineBox { border: 1px solid #d7d7d7; margin-bottom: 45px; padding: 40px; }
.message { text-align: center;  }
.message_txt01 { font-family: 'Nanum Myeongjo', serif; font-size: 28px; font-weight: 600; color: #111; line-height: 150%; word-break:keep-all; }
.message_txt02 { font-size: 20px; font-weight: 400; line-height: 140%; }
.message_txt01 + .message_txt02 { margin-top: 10px; }
.message_txt02 + .message_txt01 { margin-top: 5px; }

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


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


/* business */
.business li { border: 1px solid #d4d4d4; display:flex; margin-bottom: 40px;  }
.business_title { width: 230px; font-size: 28px; 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: 35px; font-size: 22px; 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% - 230px); padding: 50px; }


/* map */
.map_iframe { width: 100%; height: 450px;}
.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: 40px; }
.map_list li:last-child { margin: 0; }


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

.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 { align-content:flex-start; padding: 25px; line-height: 120%;}
.research .activity_title span { font-size: 17px; font-weight: 600; letter-spacing: -0.5px; }


.cirle_list { margin-top: 50px; padding-top: 50px; border-top: 1px solid #ddd;}
.cirle_list > li { display:flex; flex-direction:row; justify-content:space-between;  }
.cirle_list .circle_title:after { content:''; width: 70px; height: 1px; background: #2556c9; position: absolute; right: -70px; 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: -70px; top: 0; bottom: 0; margin: auto 0;}
.cirle_list .circle_title { width: 154px; height: 154px; border-radius: 154px; font-size: 20px; 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% - 260px); }

.library .dotList .imgBox { margin-top: 10px; }


.term_list > li { display: none; }
.term_list > li.on { display: block; }


/*¼Ö·ç¼Ç °Ô½ÃÆÇ ½ºÅ¸ÀϺ¯°æ*/
.tabletexthead {width:100%; padding:10px 0px; display:block; font-size:15px; 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:15px; line-height:38px; color:#666; }
.tabletextlist b {padding:20px 0px; display:inline; font-size:15px; line-height:160%; color:#666; }
.textplain {font-size:15px; color:#666; font-family: 'Noto Sans KR', sans-serif }
.text {padding:7px px; display:inline-block;  font-size:15px; 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; } /*±Û¾²±â ¹öÆ°*/


/*°¡À± ÁöÁ¤*/
.sContents > table { width: 100%; margin: auto;}
.sContents > table a { display: inline; width: auto; height: auto; }
.sContents > table a:hover { text-decoration: underline; color: #111; }
.tabletextlist { font-size: 15px; }

.textplain .tit { color: blue; font-size: 25px; display: none;	}
.textplain img { max-width: 100%; height: auto;  }
.textplain div {  font-size: 15px; }
.sContents > table > tbody > tr:nth-child(2) > td:nth-child(1) > table > tbody >  tr:nth-child(2) > td { padding: 10px 0 15px; } /*±Û¾²±â ¾ÆÀÌÄÜ*/
.sContents > table > tbody > tr:nth-child(4) > td:nth-child(1) > div > table > tbody > tr > td > table > tbody > tr > td:nth-child(1)  { width: 15% ; font-size: 14px; font-weight: 400;padding: 0 5px; vertical-align: middle; text-align: center;	} /* ´ñ±Û ±Û¾´ÀÌ, ¾ÏÈ£, Ä¿¸ÇÆ®´Þ±â, º¸¾ÈÄÚµå ±Û¾¾*/
.board_readTitle_th { width: 15%; }
.board_readTitle_td { width: 35%;  }


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


/*°¡À± ÁöÁ¤*/
.wht td {font-size:14px !important; border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; height: 50px; height: 45px ; box-sizing: border-box;  	 }
.wht td:nth-child(1) { width: 10%; }
.wht td:nth-child(3) { width: 10%; }


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


/* Æ÷Åä°¶·¯¸® */
.table_sub07_03  { width: 100%; overflow: hidden; margin: 0 auto 30px;}
.table_sub07_03 li { width: 23.5%; margin-right: 2%; margin-bottom: 2%; border:1px solid #d3d3d3; float: left; padding: 10px; text-align: center; box-sizing: border-box;  }
.table_sub07_03 li:nth-child(2n) { margin-right: 2%; }
.table_sub07_03 li > a > img { width: 100%; height: 150px; }
.table_sub07_03 li:hover { background-color: #f9f9f9; }
.table_sub07_03 li:hover h5 { color: #111; 	 }
.table_sub07_03 li:nth-child(4n) { margin-right: 0; }
.table_sub07_03 li h5{ font-weight: 300; width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  margin-top: 10px; color: #666;  background: none; font-size: 16px; padding: 0 10px; box-sizing: border-box; margin-bottom: 0;}
.table_sub07_03 li h6, .table_sub07_03 li p{ font-weight: 300; color: #666;  }


.thesis_down { margin-top: 20px; text-align: center !important;	 }
.thesis_down .down {padding:17px 60px 17px 30px; background:url('/users/kies2022/image/sub/downBtn.png') no-repeat 93% -5px; }
.thesis_down .down:hover {background-position:93% -74px; background-color:#444; color:#fff !important;}


/* signUpAgree */
.signUpAgree { height: 300px; overflow: auto; padding: 30px; background: #f6f6f6; margin-top: 20px;}
.signUpAgree b { color: #111; ; display: block; margin-top: 15px;}
.signUpAgree .dotList > li { margin-bottom: 15px; }
#privacy_agree, #privacy_policy { margin-right: 5px; }
.submit_btn { margin: 0 auto; }


.submit_btn { font-weight: 500; background: #2556c9 !important; padding: 10px 20px 10px 20px; color: #fff; border: 0; cursor: pointer; }
.submit_btn:hover { background: #1d4cb9 !important; color:#fff;}