@charset 'utf-8';

/* common */
#subVisual { position:relative; height:330px; text-align:center; color:#fff; overflow:hidden; }
#subVisual .img { position:absolute; left:0; right:0; top:0; bottom:0; background:url(/img/sub/subVis1.jpg) center no-repeat; background-size:cover; z-index:-1; animation:vs_img 2s ease-in-out; -webkit-animation:vs_img 2s ease-in-out; -moz-animation:vs_img 2s ease-in-out; }
#subVisual.subVis2 .img { background-image:url(/img/sub/subVis2.jpg); }
#subVisual.subVis3 .img { background-image:url(/img/sub/subVis2.jpg); }
#subVisual.subVis4 .img { background-image:url(/img/sub/subVis4.jpg); }
#subVisual.subVis5 .img { background-image:url(/img/sub/subVis5.jpg); }
#subVisual.subVis6 .img { background-image:url(/img/sub/subVis6.jpg); }
#subVisual.subVis7 .img { background-image:url(/img/sub/subVis1.jpg); }
#subVisual .sub_tit { padding-top:164px; font-family: 'Nanum Square', sans-serif; }
#subVisual h2 { position:relative; padding:16px 0 13px; font-size:32px; line-height:1em; font-weight:700; }
#subVisual h2:before { content:''; display:block; position:absolute; left:0; right:0; top:0; width:40px; height:1px; margin:0 auto; background:#fff; }
#subVisual p { font-size:20px; }

/*200728 추가*/
#subVisual h2 > span{font-size:28px;font-family: 'Noto Sans KR', sans-serif; }
#subCon > h2 > span{font-size:24px;font-family: 'Noto Sans KR', sans-serif; }
/******************/

#subVisual.move h2 { animation: vsT1 1.5s .5s; animation-fill-mode:forwards; opacity: 0; -webkit-animation: vsT1 1.5s .5s; -webkit-animation-fill-mode:forwards; -moz-animation: vsT1 1.5s .5s; -moz-animation-fill-mode:forwards; }
#subVisual.move p { animation: opa 1.5s 2s; animation-fill-mode:forwards; opacity: 0; -webkit-animation: opa 1.5s 2s; -webkit-animation-fill-mode:forwards; -moz-animation: opa 1.5s 2s; -moz-animation-fill-mode:forwards; }

#lnb { margin-top:25px; text-align:center; }
#lnb > ul { display:inline-block;  }
#lnb > ul > li { display:inline-block; width:218px; margin:0; color:#888; font-size:18px; position: relative; }
#lnb .ctNav li { width:192px; }
/*#lnb li:before {content:'·'; display:inline-block; margin:0 10px; vertical-align:middle;}
#lnb li:first-child:before { content:''; display:none; }
#lnb .ctNav2 li:first-child:before { content:' · '; display:inline-block; }*/
#lnb > ul > li > a { position:relative; display:block; line-height:58px; color:#555; font-weight:700; border:1px solid #e3e3e3; background:#ededed; }
#lnb > ul > li.on > a, #lnb > ul > li > a:hover { color:#274876; border-color:#274876; background:#fff; }
/*#lnb li.on a:after, #lnb li a:hover:after { content:''; display:block; position:absolute; left:-5px; right:-7px; top:-7px; bottom:-7px; border:4px solid #274876; /*left:20%; right:20%; bottom:-14px; height:4px; background:#274876;* }*/
#lnb li .depthM { position: absolute; top: 60px; left: 0; width: 100%; overflow: hidden; background:#ededed; }
#lnb li .depthM li { height:45px; border-top:1px solid #e3e3e3; }
#lnb li .depthM li:first-child { border-top:none; }
#lnb li .depthM li a { display: block; width: 100%; line-height:45px; }
#lnb li .depthM li:hover a,
#lnb li .depthM li.on a { background:#274876; color:#fff; }
	


#subCon > h2 { width:1200px; margin:56px auto 60px; padding-bottom:32px; text-align:center; font-size:28px; color:#222; font-weight:700; font-family: 'Nanum Square', sans-serif; border-bottom:1px solid #ddd; }

#cont { margin-bottom:125px; }


/* tab */
.tabStyle { text-align:center; margin-bottom:40px; }
.tabStyle a { display:inline-block; line-height:54px; padding:0 19px; width:180px; min-width:80px; font-size:16px; color:#777; border:1px solid #d2d2d2; background:#f0f0f0; }
.tabStyle a.on, .tabStyle a:hover { color:#fff; border-color:#2c4da1; background:#2c4da1; }
.tabItem { display:none; }
.tabItem:first-child { display:block; }


/* table */
.tblStyle1 { text-align:center; border-top:1px solid #333; }
.tblStyle1 th, .tblStyle1 td { padding:10px 0; height:29px; line-height:20px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
.tblStyle1 th:first-child, .tblStyle1 td:first-child { border-left:none; }
.tblStyle1 tr:last-child th, .tblStyle1 tr:last-child td { border-bottom-color:#ccc; }
.tblStyle1 .bdl { border-left:1px solid #ccc !important; }
.tblStyle1 .t_left { padding:10px 20px; text-align:left; }
.tblStyle1 th { color:#333; background:#f5f5f5; }
.tblStyle1 thead th { padding:0; height:59px; }
.tblStyle1 em { color:#2c4da1; }

.tblStyle2 { text-align:center; border-top:1px solid #274876; }
.tblStyle2 thead { border-bottom:1px solid #274876; }
.tblStyle2 th, .tblStyle2 td { border-left:1px solid #ddd; }
.tblStyle2 th:first-child, .tblStyle2 td:first-child { border-left:none; }
.tblStyle2 th { height:50px; font-weight:700; color:#274876; background:#f5f7fb; }
.tblStyle2.mod thead tr:first-of-type th:last-of-type{border-bottom: 1px solid #ddd;}
.tblStyle2 tbody th, .tblStyle2 td { height:29px; padding:10px 0; border-bottom:1px solid #ccc; line-height:1.4em; }
.tblStyle2 tbody th { color:#2c4da1; }
.tblStyle2 .t_left { padding:30px 20px; text-align:left; }

.tblStyle3 { text-align:center; font-weight:300; color:#444; line-height:20px; font-family: 'Noto Sans KR', sans-serif; border-top:2px solid #444; }
.tblStyle3.rowtable { text-align:left; border-top-width:1px; }
.tblStyle3 thead { border-bottom:1px solid #444; }
.tblStyle3 th { font-weight:500; color:#333; background:#f6f6f6; }
.tblStyle3 thead th { height:59px; }
.tblStyle3 tbody th, .tblStyle3 td { padding:20px 5px; border-bottom:1px solid #ddd; }
.tblStyle3.rowtable tbody th { padding:20px 30px; font-size:14px; border-right:1px solid #ddd; }
.tblStyle3.rowtable td { padding:20px; font-weight:400; }
.tblStyle3 td .num { display:block; }
.tblStyle3 .t_subject { text-align:left; padding:24px 20px; }
.tblStyle3 .t_subject em { color:#333; }
.tblStyle3 .t_subject p { margin:5px 0 10px; font-size:17px; font-weight:500; color:#2c4da1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.tblStyle3 .t_subject span { color:#888; }
.tblStyle3 .date { color:#666; }
.tblStyle3 .t_left { padding:15px 20px; text-align:left; }

.wTbl { border-top-width:1px; font-size:14px; font-family: 'Noto Sans KR', sans-serif; }
.wTbl.rowtbl { text-align:left; }
.wTbl th { height:59px; font-weight:400; }
.wTbl.rowtbl th { padding:0 0 0 30px; text-align:left; border-right:1px solid #ddd; }
.wTbl td { padding:10px; height:39px; color:#666; font-weight:400; line-height:24px; }
.wTbl.rowtbl td label { display:inline-block; margin-right:16px; }
.wTbl.rowtbl td label input { margin-right:8px; }
.wTbl.rowtbl td .tStyle { display:table; width:100%; table-layout:fixed; }
.wTbl.rowtbl td .tStyle > span { display:table-cell; vertical-align:middle; padding:10px; height:39px; }
.wTbl.rowtbl td .tStyle .th { width:75px; padding-left:15px; padding-right:0; color:#555; background:#f1f6ff; }
.wTbl td input[type=number], .wTbl td input[type=text], .wTbl td textarea { width:100%; height:32px; padding:0 5px; font-size:14px; font-family: 'Noto Sans KR', sans-serif; border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.wTbl td textarea { height:120px; padding:10px; line-height:1.4em; }

.tInfo { margin-top:10px; text-align:right; }


/*=== board ===*/
.boardCon { font-family: 'Noto Sans KR', sans-serif; }

/*list*/
.boardCon .top { overflow:hidden; /* padding-bottom:10px; border-bottom:2px solid #555; */ margin-bottom:10px; font-family: 'Noto Sans KR', sans-serif;  }
.boardCon .top p { float:left; font-size:14px; color:#222; height:40px;
line-height:50px; font-weight:700;  }
.boardCon .top form { float:right; }
.boardCon .top div { float:left; width:140px; height:40px; overflow:hidden; box-sizing:border-box; border:1px solid #aaa; background:url(/img/sub/b_select.png) no-repeat 90% center; background:#fff\9; }
.boardCon .top div select { width: 100%; height: 38px; box-sizing: border-box; display: block; font-size: 14px; padding-left:20px; color:#222; font-family: 'Noto Sans KR', sans-serif; border: none; background:none;  -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer;}
.boardCon .top div select::-ms-expand { display: none; }
.boardCon .top input { float:left; margin-left:5px; }
.boardCon .top input[type='text'] { width:300px; height:38px; line-height:38px; border:1px solid #aaa; font-size:14px; color:#222; text-indent:10px; }
.boardCon .top input[type='submit'] { width:100px; height:40px; line-height:30px; background:#333; font-size:14px; color:#fff; text-transform:uppercase; font-weight:500; border:none; cursor:pointer; }

.page { position:relative;margin-top:50px; }
.page ul { text-align:center; }
.page ul li { display:inline; }
.page ul li a{ display:inline-block;zoom:1;*display:inline;border:1px solid #dbdbdb;width:23px; height:29px; line-height:29px; padding:0 !important; text-align:center; font-size:13px; color:#676767; vertical-align:middle; }
.page ul li.prev2 a, .page ul li.prev a, .page ul li.next2 a, .page ul li.next a { background: center no-repeat; overflow:hidden; text-indent:-5000px; }
.page ul li.prev2 a { background-image:url(/img/sub/b_prev2.png); }
.page ul li.prev a { background-image:url(/img/sub/b_prev1.png); }
.page ul li.next a { background-image:url(/img/sub/b_next1.png); }
.page ul li.next2 a { background-image:url(/img/sub/b_next2.png); }
.page ul li a:hover, .page ul li.on a { display:inline-block;zoom:1;*display:inline;color:#fff;border:1px solid #333 !important;background-color:#333 !important; }
.page ul li.prev2:hover a { background-image:url(/img/sub/b_prev2_ov.png); }
.page ul li.prev:hover a { background-image:url(/img/sub/b_prev1_ov.png); }
.page ul li.next:hover a { background-image:url(/img/sub/b_next1_ov.png); }
.page ul li.next2:hover a { background-image:url(/img/sub/b_next2_ov.png); }

/* list(board) */
.ntb-list { font-size:16px; }
.ntb-list.lst-head li div {line-height:49px; font-weight:500; font-size:15px;color:#333;}
.ntb-list.lst-head {border-bottom:1px solid #555; border-top:1px solid #555;}
.ntb-list.lst-body li {border-bottom:1px solid #ccc;}
.ntb-list.lst-body li .col_subject a {float:left; display:inline-block; max-width:95%; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ntb-list.lst-body.lay-notice li {background:#fdfcec;}
.ntb-list.lst-body li .new { float:left; display:block; margin:2px 0 0 5px; width:16px; line-height:16px; color:#fff; font-size:10px; text-align:center; background:#ec0303; border-radius:3px; }

.ntb-list .font_category {font-weight:bold; color:#0080d3;}
.ntb-list .font_comment {font-weight: bold; color: #ee2ea9;}
.ntb-list .font_search {font-weight:bold; color:#CC3300}

/* list layout */
.ntb-list.lst-head {display:block;}
.ntb-list li {display:table; width:100%; padding:0; table-layout:fixed;}
.ntb-list li .td {display:table-cell; text-align:center; vertical-align:middle;}
.ntb-list li .td .txt {display:none;}
.ntb-list li .col_no {width:7%;}
.ntb-list li .col_subject {text-align:left; overflow:hidden;}
.ntb-list li .col_name {width:12%;}
.ntb-list li .col_date {width:15%;}
.ntb-list li .col_file {width:10%;}
.ntb-list li .col_hit {width:10%;}
.ntb-list li img { vertical-align:middle; }

.ntb-list.lst-head li div {text-align:center;}
.ntb-list.lst-body li {padding:5px 0;}
.ntb-list.lst-body li .td {padding:.5em .3em; height:59px; color:#777; font-weight:300; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.ntb-list.lst-body .clear {display:none;}

.ntb-list li.empty {padding:30px}

.b_btns { position:relative; height:0; z-index:1; }
.b_btns .b_btn { position:absolute; right:0; top:20px; display:block; width:200px; height:50px; line-height:50px; font-size:16px; font-weight:500; color:#fff; text-align:center; border:none; background:#333; cursor:pointer; }
.b_btns .b_btn.btn_list { background:#555; }
.b_btns .b_btn.btn_write { background:#2c4da1; }
.b_btns .b_btn.b_econfirm { right:210px; background:#2c4da1; }


/* img board */
.imgBoard { padding-top:30px; border-top:1px solid #555; border-bottom:1px solid #ddd; }
.imgBoard li { float:left; width:260px; margin:0 53px 35px 0; }
.imgBoard li:nth-child(4n) { margin-right:0; }
.imgBoard li .img { position:relative; height:332px; overflow:hidden; }
.imgBoard li .img img { position:absolute; left:-9999px; right:-9999px; top:-9999px; bottom:-9999px; width:100%; min-height:100%; height:auto; margin:auto; transition-duration:.5s; }
.imgBoard li:hover .img img{ -webkit-transform:scale(1.13,1.13); -ms-transform:scale(1.13,1.13); -o-transform:scale(1.13,1.13); transform:scale(1.13,1.13); }
.imgBoard li p { margin-top:15px; font-size:16px; font-weight:500; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


/*view*/
.boardCon .info { overflow:hidden; margin-bottom:10px; font-weight:700; color:#444; }
.boardCon .info p { float:left; font-size:13px; }
.boardCon .info .hit { float:right; }
.boardCon .info p span { display:inline-block; margin-right:20px; }
.boardCon .info p em { display:inline-block; margin-left:10px; }
.boardCon .view { padding-bottom:80px; border-top:1px solid #555; }
.boardCon .view h4 { padding:17px 0; line-height:1.4em; font-weight:500; font-size:18px; color:#333; text-align:center; border-bottom:1px solid #555; }
.boardCon .view .fileDown { display:table; width:100%;  font-size:13px;table-layout:fixed; }
.boardCon .view .fileDown span { display:table-cell; width:45px; padding:12px 0; vertical-align:middle; }
.boardCon .view .fileDown a { display:table-cell; color:#444; vertical-align:middle; }
.boardCon .view .viewCon { padding:15px 0 50px; color:#555; font-size:16px; font-weight:300; line-height:1.5em; border-bottom:1px solid #444; }
.boardCon .view .viewCon img { max-width:100%; height:auto; }


/* 센터장인사말 */
.greetingCon .topcon { height:500px; margin-bottom:30px; text-align:center; background:url(/img/sub/img_greeting1.jpg) center no-repeat; background-size:cover; }
.greetingCon .topcon dl { padding:125px 0 50px; color:#fff; }
.greetingCon .topcon dt { margin-bottom:15px; font-size:32px; font-weight:700; }
.greetingCon .topcon dd { font-size:20px; }
.greetingCon .topcon li { position:relative; display:inline-block; margin:0 40px; width:152px; height:152px; background:rgba(255,255,255,.2); border-radius:50%; overflow:hidden; }
.greetingCon .topcon li img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; }

.greetingCon .person { margin-bottom:50px; text-align:center; }
.greetingCon .person dl { display:inline-block; text-align:left; vertical-align:middle; }
.greetingCon .person dt { margin-bottom:35px; font-size:32px; font-weight:900; color:#274876; }
.greetingCon .person dt span { display:block; margin-top:13px; font-size:22px; font-weight:700; color:#999; }
.greetingCon .person dd { color:#333; font-size:22px; font-weight:700; }
.greetingCon .person dd img { display:block; margin-top:20px; }
.greetingCon .person > img { vertical-align:middle; margin-left:134px; }

.greetingCon .inner_box2 section dl { float:left; width:50%; margin-bottom:65px; }
.greetingCon .inner_box2 section dt { position:relative; padding-top:10px; margin-bottom:10px; font-size:22px; font-weight:700; color:#274876; }
.greetingCon .inner_box2 section dt:before { content:''; display:block; position:absolute; left:0; top:0; width:16px; height:1px; background:#274876; }
.greetingCon .inner_box2 section dd { line-height:24px; letter-spacing:-0.03em; }

/* 200922 추가 */
.greetingCon .person + section{ width:767px; margin:0 auto; }
.greetingCon .txtGree{ width:70%; padding-right:2%; box-sizing:border-box; }
.greetingCon .txtGree + p{ width:29%; text-align:center; }

/* 연혁 */
.historyCon .topCon { height:300px; font-size:20px; text-align:center; color:#fff; background:url(/img/sub/img_history01.jpg) center no-repeat; }
.historyCon .topCon dt { padding:90px 0 18px; font-size:36px; font-weight:900; }

/* .historyCon > ul { position:relative; padding-top:60px; margin-top:-70px; background:#fff; }
.historyCon > ul:before { content:''; display:block; position:absolute; left:0; right:0; top:45px; bottom:0; width:1px; margin:0 auto; background:#d1d1d1; }
.historyCon > ul > li { clear:both; float:left; position:relative; width:50%; text-align:right; }
.historyCon > ul > li:nth-child(odd) { float:right; text-align:left; }
.historyCon > ul > li:before { content:''; display:block; position:absolute; right:-9px; top:5px; width:18px; height:18px; background:rgba(209,209,209,.5); border-radius:50%; }
.historyCon > ul > li:nth-child(odd):before { left:-9px; right:0; }
.historyCon li h3 { position:relative; float:right; width:20%; padding-right:40px; font-weight:900; color:#274876; font-size:28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.historyCon li:nth-child(odd) h3 { float:left; padding:0 0 0 40px; }
.historyCon li h3:before { content:''; display:block; position:absolute; right:-5px; top:50%; width:10px; height:10px; margin-top:-5px; background:#274876; border-radius:50%; }
.historyCon li:nth-child(odd) h3:before { left:-5px; right:auto; }
.historyCon li h3:after { content:''; display:block; position:absolute; right:0; top:50%; width:20px; height:1px; background:#274876; }
.historyCon li:nth-child(odd) h3:after { left:0; right:auto; }
.historyCon li ul { float;left; width:80%; min-height:70px; }
.historyCon li:nth-child(odd) ul { float:right; }
.historyCon li li { position:relative; padding-right:10px; margin-bottom:5px; font-size:16px; line-height:24px; }
.historyCon li:nth-child(odd) li { padding:0 0 0 10px; }
.historyCon li li:after { content:'·'; display:block; position:absolute; right:0; top:0; }
.historyCon li:nth-child(odd) li:after { left:0; right:auto; } */

.historyCon li{ width: 50%; }
.historyCon .inner_box{ position:relative; padding-top: 70px; margin-top:-70px; background:#fff; }
.historyCon .inner_box *{ box-sizing: border-box; line-height: 1.3; }
.historyCon .inner_box ul{ padding: 20px 0; position: relative; }
.historyCon .inner_box ul::before{ content: ""; width: 1px; height: 100%; background: #BBB; position: absolute; top: 0; left: 50%; transform: translateX(-100%); }
.historyCon .inner_box ul li{ display: flex; position: relative; }
.historyCon .inner_box ul li:not(:last-of-type){ margin-bottom: 60px; }  
.historyCon .inner_box ul li::before{ content: ""; width: 13px; height: 13px; background: #274876; box-shadow: 0 0 0 6px rgba(39, 72, 118, 0.1); border-radius: 50%; position: absolute; top: 9px; left: 0; transform: translateX(-50%); }  
.historyCon .inner_box ul li::after{ content: ""; width: 40px; height: 1px; background: #274876; position: absolute; top: 15px; left: 0; }
.historyCon .inner_box h3{ width: 155px; font-size: 28px; font-weight: 800; color: #274876; }
.historyCon .inner_box .dl{ width: calc(100% - 155px); }
.historyCon .inner_box dl{ font-size: 16px; display: flex; align-items: baseline; }
.historyCon .inner_box dl:first-of-type{ padding-top: 4px; }
.historyCon .inner_box dl:not(:last-of-type){ margin-bottom: 20px; }
.historyCon .inner_box dl dt{ width: 35px; font-weight: 700; color: #333; }
.historyCon .inner_box dl dd{ width: calc(100% - 35px); font-weight: 400; color: #555; }
.historyCon .inner_box dl dd p{ line-height: 1.6; } 
.historyCon .inner_box dl dd p:not(:last-of-type){ margin-bottom: 20px; }

.historyCon .inner_box ul li:nth-of-type(odd){ margin-left: auto; }
.historyCon .inner_box ul li:nth-of-type(odd) h3{ padding-left: 55px; }

.historyCon .inner_box ul li:nth-of-type(even){ flex-direction: row-reverse; text-align: right; }
.historyCon .inner_box ul li:nth-of-type(even)::before{ left: unset; right: 0; transform: translateX(50%); }
.historyCon .inner_box ul li:nth-of-type(even)::after{ left: unset; right: 0; }
.historyCon .inner_box ul li:nth-of-type(even) h3{ padding-right: 55px; }
.historyCon .inner_box ul li:nth-of-type(even) dl{ flex-direction: row-reverse; }


/* 연구분야 */
.researchCon .summary { position:relative; margin-bottom:80px; }
.researchCon .summary > div { display:table; position:absolute; left:50%; top:50%; width:50%; padding:0 50px; margin-top:-180px; background:#132949; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.researchCon .summary dl { display:table-cell; height:360px; vertical-align:middle; }
.researchCon .summary dt { padding-bottom:15px; margin-bottom:17px; font-size:22px; font-weight:700; color:#eaf2fe; line-height:32px; border-bottom:1px solid #2b3f5c; }
.researchCon .summary dt small { font-size:17px; }
.researchCon .summary dd { font-size:17px; color:#687c99; line-height:28px; }

.researchCon .barList p { position:relative; padding-left:12px; }
.researchCon .barList p:before { content:'-'; display:block; position:absolute; left:0; top:0; }

.researchCon .iconLst li { display:table; width:100%; table-layout:fixed; }
.researchCon .iconLst li > div { position:relative; display:table-cell; padding:50px 0 50px 105px; vertical-align:top; }
.researchCon .iconLst li:first-child > div { padding-top:0; }
.researchCon .iconLst li:first-child { border-bottom:1px dotted #9cabc1; }
.researchCon .iconLst.row2 li > div:first-child { border-right:1px dotted #9cabc1; }
.researchCon .iconLst li .img { position:absolute; left:5px; top:50px; width:100px; text-align:center; }
.researchCon .iconLst li:first-child .img { top:0; }
.researchCon .iconLst li dt { margin-bottom:12px; font-size:18px; font-weight:700; color:#333; }
.researchCon .iconLst li dt span { display: block; font-size:14px; line-height: 150%; font-weight: 500; margin-top:5px;  }
.researchCon .iconLst li dd { font-size:16px; line-height:26px; }
.researchCon .iconLst li dd > strong { display:block; margin-bottom:15px; color:#333; }
.researchCon .iconLst li dd > div + div { margin-top:15px; }
.researchCon .iconLst li dd > div em { display:block; color:#17388c; }

/*
#research1 ul { display:table; width:100%; table-layout:fixed; }
#research1 li { display:table-cell; text-align:center; vertical-align:top; border-left:1px dotted #7b8fac; }
#research1 li:first-child { border-left:none; }
#research1 li dl { margin-top:30px; }
#research1 li dt { margin-bottom:15px; font-size:18px; font-weight:700; color:#343434; }
#research1 li dd { padding:0 30px; font-size:16px; line-height:24px; text-align:left; }
#research1 li dd p { position:relative; padding-left:10px; }
#research1 li dd p + p { margin-top:10px; }
#research1 li dd p:before { content:'·'; display:block; position:absolute; left:0; top:0; }
*/
.research2Con { margin-top:70px; padding:50px 40px 60px; font-size:17px; line-height:26px; background:#f7f7f7; }
.research2Con > dt { margin-bottom:10px; font-size:22px; font-weight:700; color:#132949; line-height:1; }
.research2Con .barList { margin-top:40px; }
.research2Con .barList dl { float:left; width:50%; font-size:16px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.research2Con .barList dl:last-child { padding-left:40px; }
.research2Con .barList dt { float:left; width:80px; line-height:34px; margin-right:20px; color:#fff; font-size:15px; text-align:center; font-weight:700; background:#132949; border-radius:5px; }
.research2Con .barList dl:first-child dt { background:#2c4da1; }
.research2Con .barList dl dd { float:left; }

.researchCon3 { margin-top:80px; text-align:center; }
.researchCon3 > dt { position:relative; width:300px; line-height:60px; margin:0 auto; font-size:18px; font-weight:700; color:#fff; background:#2c4da1; }
.researchCon3 > dt:before { content:''; display:block; position:absolute; left:0; right:0; top:100%; width:1px; height:100px; margin:0 auto; background:#555; z-index:-1; }
.researchCon3 dd > p { margin:25px 0; line-height:50px; font-size:18px; font-weight:700; color:#333; background:#fff; }
.researchCon3 dd ul { display:table; width:100%; table-layout:fixed; border-top:1px solid #555; border-bottom:1px solid #ccc;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, #f1f1f2 100%);
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,#f1f1f2 100%);
	background: linear-gradient(to bottom,  rgb(255,255,255) 0%,#f1f1f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f2',GradientType=0 );
 }
.researchCon3 dd li { display:table-cell; height:140px; line-height:22px; vertical-align:middle; border-right:1px solid #ccc; }
.researchCon3 dd li:first-child { border-left:1px solid #ccc; }
.researchCon3 dd li dt { margin-bottom:10px; font-size:16px; font-weight:700; color:#343434; }


/* 주요사업 */
.bsnCon h3 { margin-bottom:30px; text-align:center; font-weight:700; color:#274876; font-size:26px; }
.bsnCon h3 span { font-size:15px; display: block; margin-bottom:10px; }
.bsnCon section { overflow:hidden; margin-bottom:80px; background:#f7f7f7; }
.bsnCon section img { float:left; }
.bsnCon .right img { float:right; }
.bsnCon section dl { float:left; width:460px; padding:0 70px; }
.bsnCon section dt { padding:79px 0 42px; margin-bottom:37px; font-size:22px; font-weight:700; color:#343434; border-bottom:1px solid #e0e0e0; }
.bsnCon section dd p { margin-bottom:11px; font-size:16px; color:#555; }


/* 조직 및 담당업무 */
.organCon { text-align:center; }
.organCon .tblStyle1 { margin-top:60px; }


/* 오시는 길 */
.mapCon iframe { display:block; margin-bottom:10px; }
.mapCon .con { display:table; width:100%; padding:36px 0 31px; font-size:16px; line-height:30px; table-layout:fixed; border-bottom:1px solid #e4e4e4; }
.mapCon .con:last-child { border-bottom:none; }
.mapCon .con > dt { display:table-cell; width:230px; vertical-align:top; }
.mapCon .con > dt span { display:block; width:160px; line-height:46px; font-weight:700; color:#fff; text-align:center; background:#2c4da1; }
.mapCon .con:nth-child(odd) > dt span { background:#132949; }
.mapCon .con > dd { display:table-cell; vertical-align:top; }
.mapCon .con dd dl + dl { margin-top:26px; }
.mapCon .con dd dt { margin-bottom:5px; font-weight:700; color:#2c4da1; }
.mapCon .con:nth-child(odd) dd dt { color:#132949; }
.mapCon .con p { display:table; width:100%; table-layout:fixed; }
.mapCon .con p span { display:table-cell; }
.mapCon .con p span:first-child { width:23px; }


/* 보유장비 현황 */
.equiBoard { margin-top:20px; padding:40px 10px 0; border-top:1px solid #555; }
.equiBoard li { float:left; width:340px; margin:80px 77px 0 0; border:1px solid #ddd; border-top-color:#274876; }
.equiBoard li:nth-child(1), .equiBoard li:nth-child(2), .equiBoard li:nth-child(3) { margin-top:0; }
.equiBoard li:nth-child(3n) { margin-right:0; }
.equiBoard li .img { position:relative; height:241px; overflow:hidden; }
.equiBoard li .img img { position:absolute; left:-9999px; right:-9999px; top:-9999px; bottom:-9999px; width:100%; min-height:100%; height:auto; margin:auto; transition-duration:.5s; }
.equiBoard li:hover .img img { -webkit-transform:scale(1.13,1.13); -ms-transform:scale(1.13,1.13); -o-transform:scale(1.13,1.13); transform:scale(1.13,1.13); }
.equiBoard li dl { padding:40px 20px 45px; }
.equiBoard li dt { margin-bottom:15px; font-size:20px; font-weight:700; color:#274876; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.equiBoard li dd { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.equiBoard li dd em { color:#333; }

.equiView .summary { display:table; width:100%; margin-bottom:95px; table-layout:fixed; }
.equiView .summary .img { display:table-cell; width:450px; padding-right:70px; vertical-align:top; }
.equiView .summary .img img { max-width:100%; }
.equiView .summary dl { display:table-cell; vertical-align:top; }
.equiView .summary dt { padding:23px 0 39px; margin-bottom:43px; font-size:30px; font-weight:900; color:#274876; border-bottom:1px solid #ddd; }
.equiView .summary dd > strong { display:block; width:70px; line-height:35px; margin-bottom:15px; font-size:17px; color:#fff; text-align:center; background:#274876; border-radius:5px; }
.equiView .summary dd p { font-size:18px; color:#333; line-height:1.4em; }
.equiView .equiDetail h3 { position:relative; margin-bottom:90px; text-align:center; font-size:22px; color:#666; }
.equiView .equiDetail h3:before { content:''; display:block; position:absolute; left:0; right:0; top:50%; height:1px; background:#ddd; z-index:-1; }
.equiView .equiDetail h3 span { display:inline-block; padding:0 27px; background:#fff; }
.equiView .equiDetail .viewCon { font-size:17px; line-height:1.5em; }


/* 연공사업 */
.jointCon .tit { position:relative; margin-bottom:75px; text-align:center; }
.jointCon .tit:before { content:''; display:block; position:absolute; left:0; right:0; bottom:-75px; width:1px; height:40px; margin:0 auto; background:#ddd; }
.jointCon .tit dt { margin-bottom:22px; font-size:30px; font-weight:700; color:#274876; }
.jointCon .tit dd strong { font-size:22px; color:#333; }
.jointCon .tit dd p { margin-top:10px; font-size:18px; line-height:30px; }
.jointCon .img { height:300px; background:url(/img/sub/img_joint.jpg) center no-repeat; background-size:cover; }
.jointCon section { margin-top:80px; }
.jointCon section > dl { display:table; width:100%; margin-bottom:45px; line-height:24px; table-layout:fixed; }
.jointCon section > dl > dt { display:table-cell; width:150px; font-weight:700; font-size:17px; color:#274876; vertical-align:top; }
.jointCon section > dl > dd { display:table-cell; font-size:17px; color:#444; vertical-align:top; }
.jointCon .tblStyle2 { margin-top:20px; font-size:17px; color:#444; }
.jointCon .tblStyle2 .td_left { padding:10px 20px; text-align:left; }
.jointCon .tStyleP p { display:table; width:100%; table-layout:fixed; }
.jointCon .tStyleP p + p { margin-top:15px; }
.jointCon .tStyleP p + .dotLst { margin-top:15px; }
.jointCon .tStyleP p span { display:table-cell; }
.jointCon .tStyleP p span:first-child { width:20px; }
.jointCon .tStyleP .ex { position:relative; padding-left:30px; margin-top:5px; }
.jointCon .tStyleP .ex span { position:absolute; left:0; top:0; }
.jointCon .process { margin-top:25px; padding:40px; background:#f7f7f7; }
.jointCon .process li { position:relative; display:table; width:100%; table-layout:fixed; }
.jointCon .process li + li { margin-top:20px; }
.jointCon .process li > strong { position:relative; display:table-cell; width:180px; height:60px; text-align:center; color:#fff; vertical-align:middle; background:#3375d0; border-radius:10px; }
.jointCon .process li:nth-child(even) > strong { background:#274876; }
.jointCon .process li > strong:after { content:''; display:block; position:absolute; left:0; right:0; top:-21px; height:10px; margin-top:-; background:url(/img/sub/bg_joint1.png) center no-repeat; }
.jointCon .process li:first-child > strong:after { display:none; }
.jointCon .process li:nth-child(odd) > strong:after { background-image:url(/img/sub/bg_joint2.png); }
.jointCon .process li p { position:relative; display:table-cell; padding-left:50px; height:100%; vertical-align:middle; font-weight:700; }
.jointCon .process li p > span { position:relative; display:block; height:100%; min-height:30px; padding:15px 0; }
.jointCon .process li p > span:before { content:''; display:block; position:absolute; left:-50px; top:50%; width:50px; height:1px; background:#ccc; }
.jointCon .process li p > span:after { content:''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #cdcdcd; background:#fff; border-radius:10px; }
.jointCon .process li p > span > span { position:relative; display:inline-block; width:570px; padding-left:30px; vertical-align:middle; z-index:1; }
.jointCon .process li p > span > span:before { content:''; display:block; position:absolute; left:-10px; top:50%; width:20px; height:20px; margin-top:-10px; background:rgba(221,221,221,.5); border-radius:50%; }
.jointCon .process li p > span > span:after { content:''; display:block; position:absolute; left:-5px; top:50%; width:10px; height:10px; margin-top:-5px; background:#0f95ea; border-radius:50%; }
.jointCon .process li p em { position:relative; display:inline-block; padding-left:18px; vertical-align:middle; color:#999; border-left:1px dotted #b8b8b8; z-index:1; }
.jointCon .process li p em.on { color:#444; }
.jointCon .process2 dl + dl { margin-top:40px; }
.jointCon .process2 dt { margin-bottom:15px; color:#222; line-height:1; }
.jointCon .process2 dd { padding:30px 44px; background:#f8f8f8; border-radius:10px; }
.jointCon .process2 ol:after { content:''; display:block; clear:both; }
.jointCon .process2 li { float:left; position:relative; width:140px; height:140px; margin-left:65px; text-align:center; border:1px solid #e6e6e6; background:#fff; border-radius:50%; box-sizing:border-box; box-shadow:7px 7px 7px rgba(0,0,0,.15); }
.jointCon .process2 li:first-child { margin-left:0; }
.jointCon .process2 li:last-child { border-color:#3375d0; background:#3375d0; }
.jointCon .process2 li:last-child * { color:#fff !important; }
.jointCon .process2 li:before { content:''; display:block; position:absolute; left:-65px; top:0; bottom:0; width:65px; background:url(/img/sub/joint_arr.png) center no-repeat; }
.jointCon .process2 li:first-child:before { display:none; }
.jointCon .process2 li:last-child:before { background-image:url(/img/sub/joint_arr2.png); }
.jointCon .process2 li span { display:block; padding-top:25px; font-size:13px; font-weight:700; color:#777; }
.jointCon .process2 li p { position:absolute; left:0; right:0; top:50%; margin-top:20px; font-size:15px; line-height:20px; color:#444; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); }
/* 2021.05.14 */
.jointCon .process_n1 { }
.jointCon .process_n1 dl { margin:40px 0 0 0; }
.jointCon .process_n1 dl:nth-child(1) { margin:2px 0 0 0; }
.jointCon .process_n1 dt { margin-bottom:15px; color:#222; line-height:130%; letter-spacing:-0.01em; }
.jointCon .process_n1 dd {  margin:20px 0 0 0; padding:30px 0; background:#f8f8f8; border-radius:10px; text-align:center; }
.jointCon .process_n1 dd ol li { position:relative; display:inline-block; width:140px; margin:0 13px; }
.jointCon .process_n1 dd ol li .sbox { display:table-cell; vertical-align:middle; width:140px; height:140px; background-color:#fff; border-radius:200px; color:#444; font-size:15px; font-weight:400; }
.jointCon .process_n1 dd ol li .sbox span { font-size:15px; font-weight:400; line-height:18px; display:block; }
.jointCon .process_n1 dd ol li .sbox p { margin:12px 0 0 0; font-size:13px; line-height:16px; font-weight:400; color:#777; }
.jointCon .process_n1 dd ol li:first-child .sbox {  background-color:#3375d0; color:#fff; font-weight:700; }
.jointCon .process_n1 dd ol li:after { content:""; display:block; position:absolute; left:-19px; top:50%; width:8px; height:20px; margin-top:-10px; background:url(/img/sub/joint_arr_n.png) center no-repeat;}
.jointCon .process_n1 dd ol li:first-child:after { display:none; }
.jointCon .process_n1 .txt-b { margin:20px 0 0 0; font-size:15px; font-weight:400; color:#444; }
.jointCon .process_n2 dd { padding:0; background:none; border-radius:0; text-align:left;}
.jointCon .process_n2 dd ul { margin:0 0 0 -43px; }
.jointCon .process_n2 dd ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.jointCon .process_n2 dd ul li { position:relative; float:left; width:calc(25% - 43px); margin:0 0 0 43px;  border:1px solid #e6e6e6; box-sizing:border-box; }
.jointCon .process_n2 dd ul li .sbox { display:table;  width:100%; text-align:center; }
.jointCon .process_n2 dd ul li strong { display:table-cell; width:100%; height:48px; vertical-align:middle; background-color:#f5f7fb; font-size:15px; font-weight:400; color:#444; }
.jointCon .process_n2 dd ul li span { display:table-cell; width:100%; height:48px; vertical-align:middle; border-top:1px solid #e6e6e6; font-size:13px; font-weight:400; color:#777; }
.jointCon .process_n2 dd ul li:after { content:""; display:block; position:absolute; left:-25px; top:50%; width:8px; height:20px; margin-top:-10px; background:url(/img/sub/joint_arr_n.png) center no-repeat;}
.jointCon .process_n2 dd ul li:first-child:after { display:none; }

.barLst li { position:relative; padding-left:13px; }
.barLst li + li { margin-top:5px; }
.barLst li:before { content:'-'; position:absolute; left:0; top:0; }
.dotLst li { position:relative; padding-left:13px; }
.dotLst li + li { margin-top:10px; }
.dotLst li:before { content:'·'; position:absolute; left:0; top:0; }

/* 교육신청 */
.eduCon .state { display:inline-block; width:74px; line-height:36px; font-size:14px; font-weight:500; color:#fff; border:3px solid #666; background:#666; border-radius:36px; }
.eduCon .state.ing { color:#2c4da1; border-color:#2c4da1; background:none; }

.eduCon .view h4 { padding:10px 0; }
.eduCon .view .state { margin:0 -80px 0 10px; }
.eduCon .view .tblStyle3 { margin-top:35px; }

.eduCon.boardCon .tblStyle3.rowtable td { padding:10px 20px; }


/* 나의교육현황 */
.myedu h3 { margin-bottom:30px; font-size:24px; color:#222; text-align:center; }
.myedu h3 em { font-weight:500; color:#176fe9; }
.myedu .tblStyle3 { font-weight:400; border-top-width:1px; }
.myedu .btn_all { display:block; width:260px; line-height:52px; margin:50px auto 0; font-size:16px; font-weight:400; color:#fff; text-align:center; background:url(/img/sub/arr_myedu.png) 87% center no-repeat #176fe9; }


/* 시험절차안내 */
.prcInfoCon { background:url(/img/sub/img_processinfo.jpg) center top no-repeat; }
.prcInfoCon_n { background:url(/img/sub/img_processinfo_1.jpg) center top no-repeat; }
.prcInfoCon ol { width:900px; margin:0 auto; padding:60px 0 30px; }
.prcInfoCon ol li { float:left; position:relative; width:280px; margin:0 30px 30px 0; text-align:center; color:#fff; background:rgba(255,255,255,.15); }
.prcInfoCon ol li.step4, .prcInfoCon ol li.step5, .prcInfoCon ol li.step6 { float:right; }
.prcInfoCon ol li.step3, .prcInfoCon ol li.step4 { margin-right:0; }
/*.prcInfoCon ol li.step6 { background:rgba(0,198,255,.7); }*/
.prcInfoCon ol li:before { content:''; display:block; position:absolute; right:-30px; top:0; bottom:0; width:30px; background:url(/img/sub/arr_process_r.png) center no-repeat; }
.prcInfoCon ol li.step3:before { left:0; right:0; top:100%; bottom:-30px; width:auto; background-image:url(/img/sub/arr_process_d.png); }
.prcInfoCon ol li.step4:before { display:none; }
.prcInfoCon ol li.step5:before { background-image:url(/img/sub/arr_process_l.png); }
.prcInfoCon ol li.step6:before { background-image:url(/img/sub/arr_process_l.png); }
.prcInfoCon ol li .num { display:block; padding-top:25px; font-weight:900; }
.prcInfoCon ol li div { display:table; width:100%; }
.prcInfoCon ol li div p { display:table-cell; height:110px; padding-bottom:10px; vertical-align:middle; font-weight:700; font-size:17px; }
.prcInfoCon ol li div p span { display:block; margin-top:8px; font-weight:400; font-size:15px; line-height:20px; }

.prcInfoCon section { margin:0 40px; padding-bottom:68px; background:url(/img/sub/bg_processinfo.png) center bottom; }
.prcInfoCon ul { display:table; width:100%; padding:30px 0; table-layout:fixed; background:#f4f5f8; border-bottom:1px solid #fff; }
.prcInfoCon ul li { display:table-cell; padding:27px 40px 30px; vertical-align:top; border-left:1px solid #e6e8ee; }
.prcInfoCon ul li:first-child { border-left:none; }
.prcInfoCon ul li strong { display:block; margin-bottom:17px; text-align:center; font-size:17px; color:#333; }
.prcInfoCon ul li p { font-size:16px; line-height:24px; color:#444; letter-spacing: -.5px; }
.prcInfoCon ul li p span { display:block; padding-left:50px; font-size:18px; line-height:28px; }


/* 시험분석 항목안내 */
.testInfoCon > article { margin-bottom:100px; }
.testInfoCon h3 { margin-bottom:50px; text-align:center; font-size:24px; font-weight:900; color:#2c4da1; }
.testInfoCon .tabNav { margin-bottom:50px; text-align:center; }
.testInfoCon .tabNav a { position:relative; display:inline-block; width:200px; padding-top:80px; line-height:1.2em; font-size:17px; color:#555; vertical-align:top; border-left:1px solid #e5e5e5; }
.testInfoCon .tabNav a:first-child { border-left:none; }
.testInfoCon .tabNav a:before { content:''; display:block; position:absolute; left:0; right:0; top:0; height:61px; }
.testInfoCon .tabNav a:nth-child(1):before { background:url(/img/sub/icon_testinfo1.png) center no-repeat; }
.testInfoCon .tabNav a:nth-child(2):before { background:url(/img/sub/icon_testinfo2.png) center no-repeat; }
.testInfoCon .tabNav a:nth-child(3):before { background:url(/img/sub/icon_testinfo3.png) center no-repeat; }
.testInfoCon .tabNav a:hover, .testInfoCon .tabNav a.on { font-weight:700; color:#2c4da1; }
.testInfoCon .tabNav a:nth-child(1):hover:before, .testInfoCon .tabNav a.on:nth-child(1):before { background:url(/img/sub/icon_testinfo1_ov.png) center no-repeat; }
.testInfoCon .tabNav a:nth-child(2):hover:before, .testInfoCon .tabNav a.on:nth-child(2):before { background:url(/img/sub/icon_testinfo2_ov.png) center no-repeat; }
.testInfoCon .tabNav a:nth-child(3):hover:before, .testInfoCon .tabNav a.on:nth-child(3):before { background:url(/img/sub/icon_testinfo3_ov.png) center no-repeat; }
.testInfoCon .tblStyle2 tbody th, .testInfoCon .tblStyle2 td { height:45px; font-size:16px; }
.testInfoCon .tblStyle2 td { line-height:26px; color:#444; }



.testInfoCon .tabNav2 { margin-bottom:50px; text-align:center; }
.testInfoCon .tabNav2 a { position:relative; display:inline-block; width:200px; padding-top:80px; line-height:1.2em; font-size:17px; color:#555; vertical-align:top; border-left:1px solid #e5e5e5; }
.testInfoCon .tabNav2 a:first-child { border-left:none; }
.testInfoCon .tabNav2 a:before { content:''; display:block; position:absolute; left:0; right:0; top:0; height:61px; }
.testInfoCon .tabNav2 a:nth-child(1):before { background:url(/img/sub/icon_testinfo1_new.jpg) center no-repeat; }
.testInfoCon .tabNav2 a:nth-child(2):before { background:url(/img/sub/icon_testinfo2_new.jpg) center no-repeat; }
.testInfoCon .tabNav2 a:nth-child(3):before { background:url(/img/sub/icon_testinfo3_new.jpg) center no-repeat; }
.testInfoCon .tabNav2 a:hover, .testInfoCon .tabNav2 a.on { font-weight:700; color:#2c4da1; }
.testInfoCon .tabNav2 a:nth-child(1):hover:before, .testInfoCon .tabNav2 a.on:nth-child(1):before { background:url(/img/sub/icon_testinfo1_new_ov.jpg) center no-repeat; }
.testInfoCon .tabNav2 a:nth-child(2):hover:before, .testInfoCon .tabNav2 a.on:nth-child(2):before { background:url(/img/sub/icon_testinfo2_new_ov.jpg) center no-repeat; }
.testInfoCon .tabNav2 a:nth-child(3):hover:before, .testInfoCon .tabNav2 a.on:nth-child(3):before { background:url(/img/sub/icon_testinfo3_new_ov.jpg) center no-repeat; }


/* 온라인견적 */
.esCon { padding-bottom:236px; }
.esCon .tblStyle3 { margin-bottom:20px; }
.esCon .tblStyle3.rowtable tbody th, .esCon .tblStyle3.rowtable td { padding:10px 30px; height:39px; }
.esCon .tblStyle3 th { font-weight:400; }
.esCon .tblStyle3.rowtable td { padding:10px; }
.esCon td input[type=text], .esCon td input[type=number] { width:400px; height:32px; line-height:30px; padding:0 20px; border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.esCon td input[name=p_qty] { width:50px !important; padding:0 7px !important; }

.rowtable .borderN { border-left:1px solid #ddd !important; }
.mt100 { margin-top: 100px; }

#priceTbl { border-top-color:#555; font-family: 'Noto Sans KR', sans-serif; }
#priceTbl tbody th, #priceTbl td { height:19px; }
#priceTbl th { font-weight:400; }
#priceTbl thead th { font-weight:500; border-bottom:1px solid #555; }
#priceTbl .bg1 th { background:#e5ecfd; }
#priceTbl .bg2 { background:#ecf1fe !important; }
#priceTbl .bg3 { background:#f3f6ff !important; }
#priceTbl .bg4 th { background:#f3fce9; }
#priceTbl .bdb { border-bottom-color:#555; }
#priceTbl td { font-weight:300; }
#priceTbl td input[type=number] { width:50px; height:26px; line-height:24px; padding:0 5px; text-align:center; }

.boardCon .total { margin-top:80px; }
.boardCon .total h3 { margin:0 0 50px; text-align:center; font-weight:700; color:#a36f0c; font-size:20px; }
.boardCon .total .btns { text-align:center; }
.boardCon .total .btns button, .boardCon .total .btns a { display:inline-block; width:100px; height:45px; line-height:39px; font-size:15px; font-weight:700; color:#888; text-align:center; font-family: 'Noto Sans KR', sans-serif; border:3px solid #888; border-radius:45px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.boardCon .total .btns button { margin-right:10px; color:#fff; border-color:#2c4da1; background:#2c4da1; cursor:pointer; }

.esCon #layer { position:fixed; left:0; right:0; bottom:20px; width:95%; max-width:1200px; margin:0 auto; padding:5px 4% 20px; border:4px solid #274876; background:#fff; border-radius:5px; z-index:99; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.esCon #layer table	{ text-align:center; font-family: 'Noto Sans KR', sans-serif; }
.esCon #layer table th { height:60px; color:#274876; font-weight:500; border-bottom:1px solid #274876; }
.esCon #layer tbody td { height:29px; padding:10px 0; line-height:1.4em; font-weight:300; border-bottom:1px solid #c9d1dd; }
.esCon #layer tbody tr:last-child td { border-bottom:none; }
.esCon #layer tfoot td { height:50px; color:#a36f0c; border-top:1px solid #9f7a32; border-bottom:1px solid #9f7a32; background:#fcf8f4; }
.esCon #layer h3 { margin:20px 0 5px; text-align:center; font-weight:700; color:#a36f0c; font-size:20px; }
.esCon #layer .btns { text-align:right; }
.esCon #layer .btns button, .esCon #layer .btns a { display:inline-block; width:100px; height:45px; line-height:39px; font-size:15px; font-weight:700; color:#888; text-align:center; font-family: 'Noto Sans KR', sans-serif; border:3px solid #888; border-radius:45px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.esCon #layer .btns button { margin-right:2px; color:#fff; border-color:#2c4da1; background:#2c4da1; cursor:pointer; }


/* 의뢰서 */
.trequestCon .tblStyle3 { margin-bottom:20px; }
.trequestCon .tblStyle3.wTbl td label + span { padding-left:20px; }
.trequestCon .tblStyle3.wTbl td.ininput { line-height:32px; }
.trequestCon .tblStyle3.wTbl td input[type=text] { width:100px; margin-left:12px; }
.trequestCon .tblStyle3.wTbl td.ininput span { display:inline-block; margin:0 10px; }

.trequestCon .wTbl.coltbl td p { line-height:18px; }
.trequestCon .wTbl .itemlst td { padding:10px 0; line-height:18px; }
.trequestCon .wTbl .r_btn { display:inline-block; width:40px; height:22px; line-height:20px; padding:0; font-size:13px; font-weight:500; color:#fff; font-family: 'Noto Sans KR', sans-serif; border:none; border-radius:3px; cursor:pointer; }
.trequestCon .wTbl .r_btn.btn_add { background:#2c4da1; }
.trequestCon .wTbl .r_btn.btn_edit { margin-top:10px; background:#ebab11; }
.trequestCon .wTbl .r_btn.btn_submit { background:#333; }
.trequestCon .wTbl .r_btn.btn_delete { background:#eb1111; }

.trequestCon .btns { margin-top:40px; text-align:center; }
.trequestCon .btns .btn { display:inline-block; width:100px; height:45px; line-height:39px; font-size:15px; font-weight:700; color:#888; text-align:center; font-family: 'Noto Sans KR', sans-serif; border:3px solid #888; border-radius:45px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.trequestCon .btns button.btn { font-weight:500; }
.trequestCon .btns .btn_confirm { margin-right:2px; color:#fff; border-color:#2c4da1; background:#2c4da1; cursor:pointer; }

.trequest2Con .wTbl td textarea { height:80px; }

.trequest2 .tblStyle1 { border-top-color:#555; font-size:14px; font-family: 'Noto Sans KR', sans-serif; }
.trequest2 .tblStyle1 th { font-weight:400; }
.trequest2 .tblStyle1 thead th { height:59px; color:#fff; font-size:15px; border-bottom-color:#555; border-left-color:#4270e5; background:#4270e5; }
.trequest2 .tblStyle1 th.border { border-left:1px solid #4270e5 !important; }
.trequest2 .tblStyle1 td { padding:20px; height:auto; vertical-align:top; line-height:20px; text-align:left; }
.trequestCon table td label { position:relative; display:block; padding-left:20px; }
.trequestCon table td label input { position:absolute; left:0; top:7px; }

.trequest3 table td label + label { margin-top:20px; }
.trequest3 table td > input { width:156px !important; height:26px; line-height:24px; padding:0 10px; border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.trequest2 table td label input, .trequest3 table td label input { top:5px; }



/* 시험의뢰현황 */
.tCurrentCon h3 { margin-bottom:30px; text-align:center; color:#333; font-size:25px; font-family: 'Noto Sans KR', sans-serif; }
.tCurrentCon h3 em { font-weight:500; color:#176fe9; }
.tCurrentCon .tblStyle3 { font-weight:400; color:#666; border-top-width:1px; }
.tCurrentCon .tblStyle3 th.border { border-left:1px solid #4270e5 !important;  }
.tCurrentCon .tblStyle3 td { padding:15px 0; }
.tCurrentCon .tblStyle3 .t_left { color:#333; }
.tCurrentCon .btn_view { display:inline-block; width:90px; line-height:36px; text-align:center; font-size:14px; font-weight:500; color:#2c4da1; border:3px solid #2c4da1; border-radius:42px; }
.tCurrentCon .btn_view:hover { color:#fff; background:#2c4da1; }


/* 프린트 팝업 */
#printWrap { width:21cm; padding-top:20px; font-family: 'Noto Sans KR', sans-serif; }
#printWrap .numInfo { margin:0 10px 10px; line-height:1.5em; overflow:hidden; }
#printWrap .numInfo span { float:right; padding-bottom:10px; }
#printWrap .numInfo span:first-child { float:left; }
#printWrap h2 { margin-bottom:30px; text-align:center; font-weight:700; font-size:30px; color:#333; }
.esprint h2 { letter-spacing:1em; }
#printWrap #cont { margin:0 10px 30px; }
#printWrap .about { margin-bottom:30px; overflow:hidden; }
#printWrap .about dl { float:left; width:45%; text-align:center; }
#printWrap .about dt { font-size:20px; font-weight:500; color:#333; letter-spacing:10px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #333; }
#printWrap .about dd { font-size:17px; font-weight:300; }
#printWrap .about ul { float:right; width:49%; line-height:1.5em; }
#printWrap .totalNum { margin-bottom:10px; font-size:17px; }
#printWrap .totalNum strong { font-size:20px; font-weight:500; color:#333; }
#printWrap .wTbl th { padding-left:10px; height:39px; font-weight:500; background:none; }
#printWrap .wTbl.rowtbl td +  th,
#printWrap .wTbl th.border { border-left:1px solid #ddd !important; }
#printWrap .wTbl.coltbl th { padding-left:0; }
#printWrap .wTbl td { height:19px; }
#printWrap .wTbl .t_left { padding:10px; }
#printWrap .wTbl.rowtbl td .tStyle > span { height:19px; }
#printWrap .wTbl.rowtbl td .tStyle .th { width:64px; padding:0; text-align:center; background:none; border-right:1px solid #ddd; font-weight:500; color:#333; }
#printWrap .wTbl.rowtbl td .tStyle .td + .th { border-left:1px solid #ddd; }
#printWrap .wTbl td strong { font-weight:500; color:#333; font-size:15px; }
#printWrap .reg_info { padding:10px; text-align:left; }
#printWrap .reg_info dl { display:table; width:100%; table-layout:fixed; }
#printWrap .reg_info dl + dl { margin-top:10px; }
#printWrap .reg_info dt { display:table-cell; width:100px; padding-top:10px; color:#333; font-size:16px; font-weight:500; vertical-align:top; }
#printWrap .reg_info dd { display:table-cell; vertical-align:top; line-height:1.6em; }
#printWrap .infoTxt { overflow:hidden; padding:0 10px 50px; }
#printWrap .infoTxt dl { float:left; width:49%; }
#printWrap .infoTxt dl:first-child { margin-right:2%; }
#printWrap .infoTxt dt { margin-bottom:10px; font-size:17px; font-weight:500; color:#333; }
#printWrap .infoTxt dd { line-height:1.4em; font-size:14px; letter-spacing:-0.03em; }
#printWrap .infoTxt dd p.line { font-weight:500; text-decoration:underline; }
#printWrap .infoTxt dd p + p { margin-top:5px; }
#printWrap .infoTxt dd em { color:#333; text-decoration:underline; font-weight:500; }
#printWrap .bottomCon { text-align:center; }
#printWrap .bottomCon > span { display:block; margin-bottom:10px; font-size:17px; }
#printWrap .bottomCon > strong { display:block; text-align:center; font-size:17px; font-weight:500; color:#222; }
#printWrap .bottomCon .rightTxt { margin-top:30px; text-align:right; line-height:1.5em; }
#printWrap .bottomCon .rightTxt span { display:block; font-size:17px; }
#printWrap address { padding:30px 10px; overflow:hidden; }
#printWrap address p { float:left; line-height:1.5em; }
#printWrap address img { float:right; }

.printrqst .tblStyle3 tbody th, .tblStyle3 td { height:35px; }



.examList ul { display:table; width:100%; table-layout:fixed; }
.examList li { display:table-cell; text-align:center; vertical-align:top; border-left:1px dotted #7b8fac; }
.examList li:first-child { border-left:none; }
.examList li dl { margin-top:30px; }
.examList li dt { margin-bottom:15px; font-size:18px; font-weight:700; color:#343434; }
.examList li dd { padding:0 30px 0 40px; font-size:16px; line-height:24px; text-align:left; position: relative; }
.examList li dd:before { content:""; display: block; width:3px; height:3px; background:#555; position: absolute; top: 10px; left: 30px; }
.examList aside { margin-top:70px; width:100%; overflow: hidden; background:#f4f5f8; box-sizing:border-box; padding:40px; font-size:15px; line-height:160%; }


.txtGree { width:950px; line-height:180%; margin:0 auto 15px; display:inline-block; vertical-align:middle; word-break:keep-all; }
.txtGree > p { margin-bottom:20px; }
.txtGree .sign{ text-align:right; }
.txtGree .sign > *{ display:inline-block; vertical-align:middle; }
.txtGree + p{ display:inline-block; vertical-align:middle; text-align:right; }


.address { margin:20px 0 50px;  font-size:16px; }
.address ul { margin-top:10px; overflow: hidden; }
.address li { float: left; margin-right:50px; }

/* 20200805 추가 css */
.tab_btn{width:100%; font-size:0; text-align:center; margin-bottom:30px;}
.tab_btn li{display:inline-block; vertical-align:top; width:200px; margin:0 5px;}
.tab_btn li a{display:block; width:100%; padding:15px 0; font-size:18px; font-weight:400; color:#555; border:1px solid #e3e3e3; box-sizing:border-box; background-color:#ededed;}
.tab_btn li.on a{border-color:#274876; color:#274876; background-color:#fff;}

/* 23.02.14 */
.webCon * { font-family: 'Nanum Square', sans-serif; }
.webCon .item { display: flex; justify-content: space-between; padding-bottom: 20px; padding-left: 30px; border-bottom: 1px solid #808080; }
.webCon .item:not(:first-child) { padding-top: 60px; }
.webCon .imgBox { max-width: 325px; width: 100%; }
.webCon .imgBox .img { position: relative; overflow: hidden; padding: 70.35% 0; }
.webCon .imgBox img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; max-width: 100%; }
.webCon .imgBox span { text-align: right; color: #444; font-size: 14px; font-weight: 700; display: block; margin: 12px 0 0; }
.webCon .textBox { width: 100%; max-width: 750px; /*padding-top: 60px; */}
.webCon .textBox h6 { color: #274876; font-size: 18px; font-weight: 700; margin: 0 0 10px; }
.webCon .textBox ul { border-top: 1px solid #274876; }
.webCon .textBox ul li { border-bottom: 1px solid #eeeeee; }
.webCon .textBox a { display: flex; align-items: center; gap: 0 40px; justify-content: space-between; padding: 20px 20px; }
.webCon .textBox a * { line-height: 1; }
.webCon .textBox a p { height: 1em; font-size: 16px; color: #444444; font-weight: 300; font-family: 'Noto Sans KR', sans-serif; overflow: hidden; -webkit-line-clamp: 1; word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.webCon .textBox a p::before { content: "•"; margin-right: 10px; }
.webCon .textBox a span { flex-shrink: 0; font-size: 14px; color: #444; font-weight: 300; }


/* K-Digital Training */
.digiCon *{ line-height: 1.3; box-sizing: border-box; }
.digiCon h3{ font-size: 30px; font-weight: bold; color: #274876; text-align: center; margin-bottom: 20px; }
.digiCon section:not(:last-of-type){ margin-bottom: 80px; }
.digiCon figure{ display: inline-block; margin: 0; }
.digiCon img{ max-width: 100%; }

.digiCon .row-layout{ display: flex; }
.digiCon .row-layout .title{ width: 150px; }
.digiCon .row-layout .title h6{ font-size: 17px; font-weight: bold; color: #1B3356; }
.digiCon .row-layout .content{ width: calc(100% - 150px); }

.digiCon .dot-list li{ font-size: 17px; font-weight: 400; color: #686868; line-height: 1.4; padding-left: 10px; position: relative; }
.digiCon .dot-list li:not(:last-of-type){ margin-bottom: 10px; }
.digiCon .dot-list li::before{ content: ""; width: 2px; height: 2px; background: #686868; border-radius: 50%; position: absolute; top: calc(1.4em / 2); left: 0; transform: translateY(-50%); }
.digiCon .dot-list li p.blue{ font-size: 16px; font-weight: inherit; color: #607A9F; }

.digiCon .table-box table thead th{ background: #F5F7FB; border-top: 1px solid #1B3356; border-bottom: 1px solid #1B3356; font-size: 17px; font-weight: 400; color: #1B3356; padding: 14px 0; position: relative; }
.digiCon .table-box table thead th::after{ content: ""; width: 1px; height: calc(100% - 2px); background: #DDD; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.digiCon .table-box table thead tr th:last-of-type::after{ display: none; }
.digiCon .table-box table td{ font-size: 17px; font-weight: 400; color: #686868; padding: 19px 0; text-align: center; border: 1px solid #DDD; }
.digiCon .table-box table tr td:first-of-type{ border-left: none; }
.digiCon .table-box table tr td:last-of-type{ border-right: none; }


/* K-Digital Training - 소개 */
.digiCon.introduce .intro{ text-align: center; }
.digiCon.introduce .intro h4{ font-size: 22px; font-weight: bold; color: #343434; margin-bottom: 20px; }
.digiCon.introduce .intro p{ font-size: 18px; font-weight: 400; color: #343434; line-height: 1.6666; }
.digiCon.introduce .intro p:not(:last-of-type){ margin-bottom: 10px; }

.digiCon.introduce .img_bg{ width: 100%; position: relative; text-align: center; }
.digiCon.introduce .img_bg::before{ content: ""; width: 1px; height: 40px; background: #DDD; position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); }
.digiCon.introduce .img_bg img{ width: 100%; }

.digiCon.introduce .curriculum .table-box colgroup col:nth-of-type(1){ width: 420px; }
.digiCon.introduce .curriculum .table-box td{ position: relative; }
.digiCon.introduce .curriculum .table-box td span{ display: inline-block; width: 100%; height: 2px; background: #607A9F; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.digiCon.introduce .curriculum .table-box td span:not(.arrow){ width: calc(100% + 1px); }
.digiCon.introduce .curriculum .table-box td span.arrow::after{ content: ""; width: 9px; height: 16px; background: url("/img/sub/digi_introduce_arrow.svg") no-repeat center center / auto; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

.digiCon.introduce .gallery-list > p{ font-size: 17px; font-weight: 400; color: #686868; margin-bottom: 30px; }
.digiCon.introduce .gallery-list .block{ width: 100%; }
.digiCon.introduce .gallery-list .flex{ display: flex; flex-wrap: wrap; }
.digiCon.introduce .gallery-list ul{ display: flex; flex-wrap: wrap; }
.digiCon.introduce .gallery-list ul.two li{ width: 50%; }
.digiCon.introduce .gallery-list ul.two.gap20 li{ width: calc((100% - 20px) / 2); }
.digiCon.introduce .gallery-list ul.four li{ width: 25%; }
.digiCon.introduce .gallery-list ul.four.gap20 li{ width: calc((100% - 60px) / 4); }
.digiCon.introduce .gallery-list figure{ width: 100%; position: relative; }
.digiCon.introduce .gallery-list figure img{ width: 100%; }

.digiCon.introduce .gallery-list ul li figure::before{ content: ""; width: 1px; height: 100%; background: #DDD; position: absolute; top: 0; left: 0; }
.digiCon.introduce .gallery-list ul li:first-of-type figure::before{ display: none; }
.digiCon.introduce .gallery-list ul.gap20 li figure::before{ display: none; }
.digiCon.introduce .gallery-list ul.four li:nth-of-type(5n) figure::before{ display: none; }
.digiCon.introduce .gallery-list ul li figure::after{ content: ""; width: 100%; height: 1px; background: #DDD; position: absolute; bottom: 0; left: 0; }
.digiCon.introduce .gallery-list ul.gap20 li figure::after{ display: none; }

.digiCon.introduce .gallery-list .gap20{ gap: 20px; }
.digiCon.introduce .gallery-list .flex-box{ display: flex; flex-wrap: wrap; gap: 20px; }
.digiCon.introduce .gallery-list .flex-box .half{ width: calc((100% - 20px) / 2); }
.digiCon.introduce .gallery-list .flex-box p{ display: flex; justify-content: center; align-items: center; width: 100%; min-height: 70px; background: #F5F7FB; border-top: 1px solid #1B3356; border-bottom: 1px solid #1B3356; font-size: 17px; font-weight: 700; color: #343434; text-align: center; padding: 7px 0; }

.digiCon.introduce .join .content ul{ display: flex; gap: 30px; }
.digiCon.introduce .join .content ul li{ width: calc((100% - 30px) / 3); }
.digiCon.introduce .join .content ul li figure{ width: 100%; height: 140px; display: flex; justify-content: center; align-items: center; border: 1px solid #DDD; padding: 20px; }
.digiCon.introduce .join .content ul li figure img{ max-height: 100%; }

.digiCon.introduce .map .flex-box{ display: flex; justify-content: space-between; }
.digiCon.introduce .map .half{ width: calc((100% - 20px) / 2); }
.digiCon.introduce .map .iframe{ height: 325px; border: 1px solid #DDD; }
.digiCon.introduce .map .iframe iframe{ width: 100%; height: 100%; }
.digiCon.introduce .map .gallery{ display: flex; justify-content: space-between; }
.digiCon.introduce .map .gallery figure{ width: calc((100% - 20px) / 2); border: 1px solid #DDD; }
.digiCon.introduce .map .gallery figure img{ width: 100%; }
.digiCon.introduce .map .txt{ margin-top: 20px; }
.digiCon.introduce .map .txt h5{ font-size: 20px; font-weight: bold; color: #000; }
.digiCon.introduce .map .txt p{ font-size: 17px; font-weight: 400; color: #000; padding-left: 30px; position: relative; margin-top: 15px; }
.digiCon.introduce .map .txt p::before{ position: absolute; top: 0; left: 0; }
.digiCon.introduce .map .txt p.picker::before{ content: url("/img/sub/digi_introduce_map_icon01.png"); }
.digiCon.introduce .map .txt p.bus::before{ content: url("/img/sub/digi_introduce_map_icon02.png"); }
.digiCon.introduce .map .txt p img{ margin-top: 2px; margin-left: 10px; }


/* K-Digital Training - 지원 */
.digiCon.support .dl dl{ display: flex; font-size: 17px; }
.digiCon.support .dl dl:not(:last-of-type){ margin-bottom: 15px; }
.digiCon.support .dl dl dt{ font-weight: bold; color: #1B3356; }
.digiCon.support .dl dl dd{ font-weight: 400; color: #363636; padding-left: 15px; }

.digiCon.support .give colgroup col{ width: 100%; }
.digiCon.support .give colgroup col:nth-of-type(1){ width: 80px; }
.digiCon.support .give colgroup col:nth-of-type(3){ width: 320px; }
.digiCon.support .give .table-box table td{ padding: 10px 0; }

.digiCon.support .step .flex-box{ display: flex; flex-wrap: wrap; margin-bottom: -30px; }
.digiCon.support .step .box{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc((100% - 210px) / 4); min-height: 160px; background: #F5F7FB; border: 1px solid #DDD; border-radius: 10px; padding: 17px 28px; text-align: center; position: relative; margin-bottom: 30px; }
.digiCon.support .step .box:not(:first-of-type){ margin-left: 50px; }
.digiCon.support .step .box::before{ content: url("/img/sub/digi_support_arrow.svg"); position: absolute; top: 50%; left: -25px; transform: translate(-50%, -50%); }
.digiCon.support .step .flex-box .box:first-of-type::before{ display: none; }
.digiCon.support .step .box .icon{ height: 62px; }
.digiCon.support .step .box span{ font-size: 16px; font-weight: 700; color: #607A9F; }
.digiCon.support .step .box p{ font-size: 17px; font-weight: 700; color: #363636; margin-top: 5px; }

.digiCon.support .faq dl:not(:last-of-type){ margin-bottom: 20px; }
.digiCon.support .faq dl dt{ background: #F5F7FB; border-top: 1px solid #1B3356; border-bottom: 1px solid #1B3356; font-size: 17px; font-weight: 700; color: #1B3356; padding: 15px 10px; }
.digiCon.support .faq dl dd{ padding: 15px; border-bottom: 1px solid #DDD; }
.digiCon.support .faq .num-list li{ font-size: 17px; font-weight: 400; color: #686868; line-height: 1.4; padding-top: calc((25px - 1.4em) / 2); padding-left: 35px; position: relative; }
.digiCon.support .faq .num-list li:not(:last-of-type){ margin-bottom: 10px; }
.digiCon.support .faq .num-list li::before{ content: attr(data-num); width: 25px; height: 25px; background: #1B3356; border-radius: 50%; font-size: 14px; font-weight: 400; color: #fff; line-height: 25px; text-align: center; position: absolute; top: 0; left: 0; }
.digiCon.support .faq .dot{ padding-top: 10px; }
.digiCon.support .faq .dot.pb{ padding-bottom: 10px; }
.digiCon.support .faq .dot p{ font-size: 16px; font-weight: 400; color: #383838; padding-left: 10px; position: relative; }
.digiCon.support .faq .dot p:not(:last-of-type){ margin-bottom: 5px; }
.digiCon.support .faq .dot p::before{ content: ""; width: 2px; height: 2px; background: #383838; border-radius: 50%; position: absolute; top: calc(1.3em / 2); left: 0; transform: translateY(-50%); }
.digiCon.support .faq .dot p span{ font-weight: bold; }