.view-bk:after{content: ""; display: block; clear: both;}
.view-bx{float: left; width: 69%; padding-right:15px; border-right:1px solid #e0e0e0;}
.view-bx .vw-tibx{padding: 20px 0; border-top: 1px solid #333; border-bottom: 1px solid #e0dfdf;}
.view-bx .vw-tibx h4{font-size: 21px; color: #333; font-weight: 500; line-height: 1.2;}
.view-bx .zl-bx{margin-top: 5px;}
.view-bx .zl-bx .da{float: left; margin: 5px 0; line-height: 1;}
.view-bx .zl-bx .da span{display: inline-block; vertical-align: top; font-size: 15px; color: #666; line-height: 20px; margin-right: 4px; position: relative;}
.view-bx .zl-bx .da span:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #cfcfcf; margin-top: 4px; margin-left: 8px;}
.view-bx .zl-bx .dw{float: right;}
.view-bx .zl-bx .dw a img{vertical-align: middle;}
.view-bx .zl-bx .dw a span{display: inline-block; vertical-align: middle; font-size: 18px; line-height: 1; color: #0d47a1;}
.view-bx .vw-con{padding: 30px 0 50px; border-bottom: 1px solid #333;}
.view-bx .hashTag-bx{padding: 10px 0; border-top: 1px solid #333; border-bottom: 1px solid #e0dfdf;}
.view-bx .hashTag-bx a{display: inline-block; border:1px solid #1f8ecd; padding:4px 10px 5px; font-size: 18px; font-weight: bold; color: #0d47a1; margin-right: 6px; border-radius: 5px;}
.view-bx .hashTag-bx a:hover {
    text-decoration: underline;
    text-underline-position: under;
    background:#1f8ecd;
    color:#fff;
}
.view-bx .vw-con + .hashTag-bx{margin-top: -1px;}
.view-bx .vw-btbx{margin-top: 22px;}
.btn-tp1{display: inline-block; box-sizing: border-box; min-width: 100px; text-align: center; background: #0d47a1; font-size: 18px; color: #fff; line-height: 24px; padding: 5px 10px; }

.content-hashTag-bx{padding: 10px 0;}
.content-hashTag-bx a{display: inline-block; border:1px solid #1f8ecd; padding:4px 10px 5px; font-size: 18px; font-weight: bold; color: #0d47a1; margin-right: 6px; border-radius: 5px;}
.content-hashTag-bx a:hover {
    text-decoration: underline;
    text-underline-position: under;
    background:#1f8ecd;
    color:#fff;
}

.lb-lsbx{float: right; width: 29%; }
.lb-lsbx > div{padding: 0 15px;}
.lb-lsbx > div > h4{font-weight: 400; font-size: 22px; color: #2241b6; line-height: 1.2; margin-bottom: 10px;}
.lb-lsbx > div > h4 > span{
    font-weight: 600;
    font-size: 24px;
    padding-right: 30px;
    /*background: url(/images/kor2021/sub/vw_lls_tiic2.png) right center no-repeat;*/
}
/*.lb-lsbx > div > ul{border-top: 1px solid #909090;}*/
.lb-lsbx > div > ul > li{padding: 10px 0; border-bottom: 1px solid #dbdada}
.lb-lsbx > div > ul > li .ti{margin-bottom:15px; font-size: 16px; color: #333; line-height: 1.2;}
.lb-lsbx > div > ul > li .ti span{display: inline-block; background: #6b6b6b; font-size: 16px; color: #fff; line-height: 22px; padding: 2px 4px;}
.lb-lsbx > div > ul > li .date{margin-top: 4px; text-align: right; font-size: 14px; color: #333; line-height: 1.2;}
.lb-lsbx .more{margin-top: 10px; text-align: right; font-size: 17px; font-weight: 500;}


.tab-gbx{margin-bottom: 50px; padding: 20px 3%; text-align: center; background: #f3f3f3; border: 1px solid #d9d8d8; border-radius:10px;}
#contents .tab-gbx h4{font-family: 'KoreanSWGI'; font-weight: 500; font-size: 24px; color: #333; margin:0; margin-bottom: 10px; background:none;}
.tab-gbx > .tab-bx{margin: 0 auto;}
.tab-lls{
    /*border-left: 1px solid #999; */
    padding-top: 1px;}
.tab-lls > li{overflow:hidden; box-sizing: border-box; display:inline-block; margin-right:10px; margin-top:10px; border-radius:10px; border:1px solid #718be9;}
.tab-lls > li > a{
    display: block;
    box-sizing: border-box;
    min-width: 124px;
    font-size: 18px;
    font-weight: bold;
    color: #718be9;
    line-height: 24px;
    padding: 10px;
    margin-top: -1px;
    background:#fff;
    outline-offset: -2px;}
.tab-lls > li > a:hover{
    text-decoration: underline;
    background:#718be9;
    color:#fff;
    text-underline-position: under;
    transition: all 0.3s;
}
.tab-lls > li:last-child{margin-right:10px;}
.tab-lls > li.on > a{background: #576fc9; color: #fff;}

.brd-srll{overflow: hidden;}
.brd-srll .brd-search{float: left; width: 100%; max-width: 570px; margin-bottom: 20px;}
.brd-search select{width: 150px; height: 45px; border: 1px solid #ccc; margin-right: 16px; vertical-align: top; font-size: 15px; padding-left: 10px; color: #333;}
.brd-search .sr-ib{display: inline-block; vertical-align: top; width: calc(100% - 170px); padding: 2px 0 1px; border-bottom: 1px solid #ccc;}
.brd-search .sr-ib input[type="text"]{box-sizing: border-box; vertical-align: top; height: 41px; width: calc(100% - 45px); font-size: 15px; padding-left: 10px; color: #333;}
.brd-search .sr-ib .srbt{display: inline-block; vertical-align: top; padding: 10px; line-height: 1;}

.brd-srll .lsLine{float: right; text-align: right;  margin-bottom: 20px;}
.lsLine select{width: 150px; height: 45px; border: 1px solid #ccc; vertical-align: top; font-size: 15px; padding-left: 10px; color: #333;}
.lsLine a{display: inline-block; width: 62px; background: #333; text-align: center; font-size: 15px; color: #fff; line-height: 21px; padding: 12px 0;  outline-offset: -3px;}

.brd-lstp1{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.brd-lstp1 > li{}
.brd-lstp1 > li + li{border-top: 1px solid #e0dfdf;}
.brd-lstp1 > li > div{display: table; box-sizing: border-box; width: 100%; padding: 20px 2%; table-layout: fixed; word-break: break-all;}
.brd-lstp1 > li > div > p{display: table-cell; vertical-align: top; width: 80px; text-align: center; font-size: 18px; color: #888; line-height: 24px;}/*20220118 웹접근성 color:#999*/
.brd-lstp1 > li > div > p .cl{display: inline-block; vertical-align: top; width: 62px; text-align: center; background: #718be9; color: #fff; font-size: 15px; line-height: 20px; padding: 3px 0;}
.brd-lstp1 > li > div > div{display: table-cell; vertical-align: top; padding-left: 10px;}
.brd-lstp1 > li > div > div:only-child{padding-left: 0;}
.brd-lstp1 .ti{font-size: 18px; color: #333; line-height: 24px; font-weight: 500;}
.brd-lstp1 .ti img{margin-top: 7px; margin-right: 4px;}
.brd-lstp1 .da{line-height: 1.2; margin-top: 8px;}
.brd-lstp1 .da > span{display: inline-block; vertical-align: middle; font-size: 16px; color: #666; line-height: 20px; margin-right: 2px;}
.brd-lstp1 .da > span:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #cfcfcf; margin-top: 4px; margin-left: 4px;}
.brd-lstp1 .da > span:last-child:after{display: none;}
.brd-lstp1 .da img{vertical-align: middle;}
.brd-lstp1 .da .dw{display: inline-block; margin: 2px 0;}

.brd-lstp2{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.brd-lstp2 > li + li{border-top: 1px solid #e0dfdf;}
.brd-lstp2 > li{position: relative;  padding: 20px 2%; padding-left: calc(2% + 40px); color: #666;}
.brd-lstp2 > li .num{position: absolute; left: 2%; top: 20px; font-size: 15px; font-size:18px;}
.brd-lstp2 > li > div{display: table; box-sizing: border-box; width: 100%; table-layout: fixed; word-break: break-all;}
.brd-lstp2 > li > div .ph{display: table-cell; vertical-align: middle; width: 134px; }
.brd-lstp2 > li > div .tx{display: table-cell; vertical-align: middle; padding-left: 16px; }
.brd-lstp2 .ti{font-size: 18px;  color: #333;   line-height: 24px; font-weight: 500; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.brd-lstp2 .inf{font-size: 15px;  line-height: 20px; height: 40px; overflow: hidden; margin-top: 4px;}
.brd-lstp2 .da{line-height: 1; margin-top: 4px;}
.brd-lstp2 .da span{display: inline-block; vertical-align: middle; font-size: 16px;line-height: 20px; margin-right: 2px; }
.brd-lstp2 .da > span:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #cfcfcf; margin-top: 5px; margin-left: 4px;}
.brd-lstp2 .da > span:last-child:after{display: none;}
.brd-lstp2 .da img{vertical-align: middle;}
.brd-lstp2 .da .dw{display: inline-block; margin: 2px 0;}

.yaer-sbk{text-align: center; position: relative; margin-bottom: 30px;}
.yaer-sbk .ySel{font-size: 30px; color: #0e3174; line-height: 45px; overflow: hidden; font-weight: 600;}
.yaer-sbk .ySel img{vertical-align: middle;     transform: translateY(-3px);}
.yaer-sbk .mSel{position: absolute; right: 0; top: 0;}
.yaer-sbk .mSel.lsLine select{width: 80px;}
.yaer-sbk .mSel.lsLine a{width: 50px;}

.paging{text-align: center; margin-top: 30px;}
.paging > a{display: inline-block; vertical-align: middle; box-sizing: border-box; font-size: 15px; color: #888; line-height: 20px;  padding: 0 5px 2px;  margin: 2px 0;}
.paging > span{display: inline-block; vertical-align: middle; margin: 0 10px; }
.paging > span > a{display: inline-block; vertical-align: top; border: 1px solid #3e64ef; border-radius:5px; color: #3e64ef; padding:4px 7px; min-width:17px; margin-right: 7px;}
.paging > span > a:last-child{margin-right:0;}
.paging > span > a.on{ background:#3e64ef; color:#fff; font-weight: 500;}
.paging a img{padding: 4px; margin-top: 1px;}


/* 2021/9/13 */
.pho-lsbx{padding-top: 20px; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.photo-ls:after{content: ''; display: block; clear: both;}
.photo-ls{margin-left: -2%;}
.photo-ls > li{float: left; width: 18%; margin-left: 2%; margin-bottom: 20px;}
.photo-ls > li > a{display: block;}
.photo-ls > li > a > img{width: 100%;}
.photo-ls > li > a > span{display: block; margin-top: 4px; font-weight: 500; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.scd-lst{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.scd-lst th{ box-sizing: border-box; vertical-align: top; font-size: 18px; color: #1b4fb4; line-height: 1.2; padding: 10px 2px;  background: #f5f5f5;}
.scd-lst th > span{display: inline-block;}
.scd-lst td{ box-sizing: border-box; vertical-align: middle; font-size: 15px; color: #666; line-height: 1.2; height: 40px; padding: 10px 1%;}
.scd-lst td.da{font-weight: 500; color: #2a2a2a; text-align: center; word-break: keep-all;}
.scd-lst tr + tr th, .scd-lst tr + tr td{border-top: 1px solid #e0dfdf;}


.view-bx .fl-dw{margin-top: 10px; padding-top: 10px;/* border-top: 1px solid #e0dfdf;*/}
.view-bx .fl-dw > li{font-size: 15px; color: #333; line-height: 22px; font-weight: 500;}
.view-bx .fl-dw > li span{color: #666;}
.view-bx .fl-dw > li + li{margin-top: 4px;}

.row-tbst1{border-collapse: collapse;  width: 100%;table-layout: fixed; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.row-tbst1 th{box-sizing: border-box; padding: 8px 16px; text-align: left; background: #f5f5f5; height: 50px; font-weight: 500; font-size: 15px; color: #2a2a2a; line-height: 1.2;}
.row-tbst1 td{box-sizing: border-box; padding: 8px 16px; height: 50px; font-size: 15px; line-height: 1.2;}
.row-tbst1 tr + tr th, .row-tbst1 tr + tr td{border-top: 1px solid #e0dfdf;}
.col-w1{width: 140px;}

.iptt1{box-sizing: border-box; border: 1px solid #ccc; height: 30px; max-width: 100%;}
.iptt1.wl{width: 280px;}
.iptt1.wbt{width: 280px;}
.iptt1.swd{width: calc(100% - 132px);}
.iptt1.swd + .ra-wi{margin-left: 8px;}
.ra-wi{display: inline-block; vertical-align: middle; width: 120px;}
.ra-wi input[type="radio"]{vertical-align: baseline;}
.ra-wi label + input{margin-left: 6px;}

.f_num input[type="file"]{width: 100%;}
.ng-hide{display: none;}
.tel-itb select{width: 60px; max-width: calc(33.3% - 8px);}
.tel-itb input[type="text"]{width: 60px;max-width: calc(33.3% - 8px);}

.mail-tg{font-size: 14px;}
.mail-tg input{width: 180px; max-width: calc(50% - 10px);}


.otp-ti{color: #111; font-size: 24px; line-height: 28px; padding-left: 14px; background: url('/images/kor2021/common/h4.png') 0 9px no-repeat; }
.ti-atg{ margin-top: 40px; margin-bottom: 15px; overflow: hidden;}
.ti-atg .otp-ti{float: left;}
.ti-atg .ratx{float: right; line-height: 22px; margin-top: 6px;}


/* 2021/10/18 */
.hd-search{float: left; margin-left: 23%; margin-top: 40px;}
.hd-srbx{width: 460px; display: inline-block; vertical-align: top; border: 2px solid #ffffff; background: #082a7e; margin-left: 171px;}
.hd-srbx input[type="text"]{box-sizing: border-box; height: 42px; width: calc(100% - 72px); padding-left: 8px; vertical-align: top;font-size: 16px;}
.hd-srbx .sbt{display: inline-block; vertical-align: top; width: 68px; background: #082a7e; text-align: center; font-size: 16px; color: #fff; line-height: 22px; padding: 10px 0;}
.sr-quick{ display: inline-block; vertical-align: top; margin-left: 10px;}
.rir{font-size: 15px;  color: #454545; line-height: 20px;}
.rir input{vertical-align: baseline;  transform: translateY(1px);}
.sr-quick .q-lk a{display: inline-block; vertical-align: top;  font-size: 13px; color: #454545; line-height: 18px; margin: 2px 0; margin-right: 3px;}
.sr-quick .q-lk a:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 10px; margin-top: 4px; background: #c0c0c0; margin-left: 6px;}
.sr-quick .q-lk a:last-child{margin-right: 0;}
.sr-quick .q-lk a:last-child:after{display: none;}

.spg-tbk{background: #26a69a; border-bottom: 1px solid #e1e1e1; padding: 10px 0; text-align: center;}
.search-tab{overflow: hidden; display: inline-block; vertical-align: top;}
.search-tab > li{float: left;}
.search-tab > li > a{display: block; padding: 4px 16px; color: #ffffff; font-size: 18px; line-height: 24px; position: relative;}
.search-tab > li > a:after{content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px; background: #c4c4c4;}

.result-wp{padding: 40px 0 70px;}
.rk-wp:after{content: ''; display: block; clear: both;}
.result-bk{float: left; width: calc(97% - 256px);}
.sr-option{margin-bottom: 40px;}
.sr-option select{width: calc(33.3% - 8px); max-width: 140px; height: 46px; border: 1px solid #dadbe5; border-radius: 8px; font-size: 16px; padding-left: 10px}
.sr-option select + select{margin-left: 6px;}
.result-bk .ttl{margin-bottom: 10px; font-size: 20px; color: #434343;}
.result-bk .ttl span{color: #ff030f;font-weight: bold; font-size: 20px;}
.result-bk .ttl span.blue{color: #115af7;font-weight: bold;}

.r-cnt > dt{    background: #333; padding: 10px; font-size: 20px; color: #fff; line-height: 28px; font-weight: 600;}
.r-cnt > dd{padding: 10px; background: #fafafa;  border: 1px solid #e4e4e4;  }
.r-cnt > dd > ul > li{float: left; min-width: 20%; box-sizing: border-box; padding: 4px 8px; text-align: center; font-size: 16px; color: #555;}
.r-cnt > dd > ul > li > a > span{color: #ff030f;font-weight: bold;}
.r-cnt > dd > ul > li > a {font-size: 20px;}

.r-cnt > dd > ul > li.wid01 {margin-left: -9px;}
.r-cnt > dd > ul > li.wid02 {margin-left: 9px;}
.r-cnt > dd > ul > li.wid03 {margin-left: -18px;}
.r-cnt > dd > ul > li.wid04 {margin-left: 18px;}

.result-bx{margin-top: 40px;}
.result-bx > dl > dt{font-size: 20px; font-weight:bold; color: #434343; margin-bottom: 10px;}
.result-bx > dl > dd{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.result-bx > dl > dd .cnt{font-size: 18px; line-height: 24px; padding: 8px 0;}
.result-bx > dl > dd > ul > li{padding: 16px 0; border-top: 1px solid #e0dfdf; font-size: 16px; color: #555; line-height: 20px;}
.result-bx > dl > dd > ul > li > a > span{display: block;}
.result-bx > dl > dd > ul > li > a + span{display: block; margin-top: 8px;}
.result-bx .blue{    color: #1367d4;}
.result-bx .red{    color: #ff030f; font-size: 25px; }

.mbt-bx{text-align: center; margin-top: 4px;float: right;}
.mbt-bx a{display: inline-block; width: 90px; border: 1px solid #9d9d9d; font-size: 16px; color: #9d9d9d; line-height: 10px; padding: 10px 0;}
/*.mbt-bx a:after{content: ''; display: inline-block; width: 9px; height: 6px; vertical-align: top; margin-left: 10px; margin-top: 8px; background: url(/images/kor2021/search/icon_arr.png) no-repeat;}*/

.mbt-bx-blue{text-align: center; margin-top: 5px;}
.mbt-bx-blue a{display: inline-block; width: 100%; border: 1px solid #9d9d9d; font-size: 16px; color: #9d9d9d; line-height: 10px; padding: 10px 0;}

.mbt-bx2{
    position: absolute;
    text-align: center;
    margin: 3px 0 0 9px;
}
.mbt-bx2 a{
    display: inline-block;
    width: 60px;
    border: 1px solid #9d9d9d;
    font-size: 16px;
    color: #9d9d9d;
    line-height: 16px;
    padding: 11px 0;
}

.kw-bk{float: right; width: 256px;}
.kw-bx{padding: 15px 28px; border: 1px solid #e4e4e4; margin-bottom: 20px;}
.kw-bx > dt{font-weight: 700; color: #434343; font-size: 16px; line-height: 18px; padding-bottom: 6px; border-bottom: 1px solid #e4e4e4; margin-bottom: 14px;}
.kw-bx > dt:after{content: ''; display: inline-block; width: 7px; height: 7px; background: url(/images/kor2021/sub/kw_tiic.jpg) no-repeat; vertical-align: top; margin-top: 6px; margin-left: 5px;}
.sr-history > li{overflow: hidden; font-size: 14px; color: #627699; line-height: 20px;}
.sr-history > li .hse{display: inline-block; vertical-align: middle; max-width: calc(100% - 20px); margin-right: 4px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.sr-history > li .del{display: inline-block; vertical-align: middle; line-height: 11px;}
.popular-kw-tab{margin: 0 auto 10px; display: table; width: 100%; max-width: 300px; border-collapse: collapse; text-align: center; box-sizing: border-box;}
.popular-kw-tab > a{display: table-cell; box-sizing: border-box; width: 33.3%; border: 1px solid #e4e4e4; font-size: 14px; color: #9a9a9a; line-height: 20px; padding: 2px;}
.popular-kw > li{font-size: 14px; line-height: 20px; color: #434343;}
.popular-kw > li > i{display: inline-block; vertical-align: middle; font-weight: 600; width: 20px; text-align: center;}
.popular-kw > li > p{display: inline-block; vertical-align: middle; width: calc(100% - 67); color: #627699; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.popular-kw > li > span{display: inline-block; vertical-align: middle; text-align: center; font-size: inherit;}
.popular-kw > li > span img{vertical-align: middle;}


.lgn-tx{text-align: center; font-size: 22px; color: #434343; margin-bottom: 70px;}
.lgn-tx > p{word-break: keep-all;}
.lgn-tx strong{font-size: 25px; color: #26a69a; word-break: keep-all;}

.login-area{max-width: 954px; margin: 0 auto;}
.login-bk{margin: 0 -2%; overflow: hidden;}
.login-bk > div{float: left; width: 46%; margin: 0 2%;}
.login-bk > div > dl{background: #f5f5f5;     border: 1px solid #d0d0d0;}
.login-bk > div > dl > dt{text-align: center;     font-size: 22px; line-height: 30px; padding: 10px;  border-bottom: 1px solid #d0d0d0;}
.login-bk > div > dl > dd{padding: 30px 3%;}
.login-bk > div > dl > dd > div{max-width: 340px; margin: 0 auto;}
.login-bk .pt-log{padding: 17px 0; text-align: center;}
.login-bk .pt-log a{display: inline-block; width: 180px; background: #ce6881; font-size: 17px; color: #fff; line-height: 24px; padding: 15px 0;}

.login-bx{display: table; width: 100%;}
.login-bx > div{display: table-cell; vertical-align: middle; padding-right: 8px;}
.login-bx > div input[type="text"], .login-bx > div input[type="password"]{box-sizing: border-box; width: 100%; height: 40px; padding-left: 8px; font-size: 15px; border: 1px solid #ccc; background: #fff;}
.login-bx > div input[type="password"]{margin-top: 8px;}
.login-bx > a{display: table-cell; vertical-align: middle; width: 100px; text-align: center; background: #26a69a; font-size: 17px; color: #fff;}

.login-bk .atx{margin-top: 20px; font-size: 15px; color: #666; line-height: 20px; padding-left: 9px; position: relative;}
.login-bk .atx:before{content: ''; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; background: #828282;}
.login-bk .lkbx{margin-top: 20px; font-size: 15px; color: #666; line-height: 20px; }
.login-bk .lkbx a{display: inline-block; margin-right: 16px;}
.login-bk .lkbx a:before{content: ''; display: inline-block; vertical-align: middle; width: 3px; height: 3px; background: #828282; margin-right: 6px;}
.login-bk .lkbx a:after{content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 8px; margin-left: 6px; background: url(/images/kor2021/icon/arr.png)}


/*  2021/10/21  */

.result-bx .prf{display: table; width: 100%; table-layout: fixed; word-break: break-all;}
.result-bx .prf .ph{display: table-cell; vertical-align: top; width: 100px;}
.result-bx .prf .ph img{width: 100%;}
.result-bx .prf .tx{display: table-cell; vertical-align: top; padding-left: 2%;}
.result-bx .prf .tx > a{display: inline-block; font-size: 18px; line-height: 24px; margin-bottom: 4px; color: #333;}
.result-bx .prf .tx > ul > li{position: relative; color: #666; padding-left: 6px;}
.result-bx .prf .tx > ul > li:before{content: ''; position: absolute; left: 0; top: 9px; width: 2px; height: 2px; background: #000;}
.result-bx .prf .tx > ul > li > span{color: #000;}

.result-bx .theme{overflow: hidden; margin: 12px 0;}
.result-bx .theme .ph{box-sizing: border-box; float: left; width: 166px; padding: 10px; border: 1px solid #ccc; border-radius: 20px;}
.result-bx .theme .ph > div{display: table; width: 100%; height: 135px; table-layout: fixed; text-align: center;}
.result-bx .theme .ph > div > p{display: table-cell; vertical-align: middle;}

.result-bx .theme .tx{box-sizing: border-box; float: left; margin-left: 2%; width: calc(98% - 166px);}
.result-bx .theme .tx > .title{display: block; font-size: 20px; font-weight: 600; line-height: 1.2;}
.result-bx .theme .tx > dl{display: table; width: 100%; margin-top: 10px;}
.result-bx .theme .tx > dl > dt{display: table-cell; vertical-align: top; width: 70px;}
.result-bx .theme .tx > dl > dt > span{display: block; text-align: center;  border: 1px solid #ccc; border-radius: 4px;}
.result-bx .theme .tx > dl > dd{display: table-cell; vertical-align: top; padding-left: 10px; padding-top: 1px;}
.result-bx .theme .tx > dl > dd .ltg > a{color: #0c4e9b; display: inline-block;}
.result-bx .theme .tx .lk{text-align: right; margin-top: 8px;}
.result-bx .theme .tx .lk > a{display: inline-block; width: 100px; text-align: center; background: #7992b3; font-size: 15px; color: #fff; padding: 5px 0;}

/* 검색엔진 */
.person_wrap {
    border-bottom:#d5d5d5 solid 1px;
    padding:15px;
    clear:both
}
.person_img {
    float:left;
    width: 100px;
    height: 122px;
}
.person_twrap {
    float:left;
    width:100%;
    padding-left:120px;
    margin-top:-122px;
    box-sizing:border-box
}
.person_twrap li{
    background:url('/images/kor2016/search/dot.png') 0 8px no-repeat;
    padding:1px 0 3px 7px;
}
.person_twrap li span{color:#3b3b3b}
.staff_list_tb th{background-color:#f2f2f2;color:#4e4e4e}
.staff_list_tb th, .staff_list_tb td{
    border-bottom:#d5d5d5 solid 1px;
    border-left:#d5d5d5 solid 1px;
    padding:15px 10px;
    text-align:center;
    line-height:24px;
    vertical-align:middle
}
.staff_list_tb th:first-child, .staff_list_tb td:first-child{
    border-left:none
}

.search-tab li a.ov {
    font-weight: bold;
    text-decoration: underline;
}

.search-tab > li > a.m1 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 30px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}
.search-tab > li > a.m2 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 30px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}
.search-tab > li > a.m3 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 63px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}
.search-tab > li > a.m4 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 30px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}
.search-tab > li > a.m5 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 46px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}
.search-tab > li > a.m6 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 46px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}
.search-tab > li > a.m7 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 63px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}.search-tab > li > a.m8 {
     content: '';
     position: absolute;
     right: 17px;
     top: 103%;
     width: 30px;
     height: 4px;
     margin-top: -5px;
     background: #c4c4c4;
 }.search-tab > li > a.m9 {
      content: '';
      position: absolute;
      right: 17px;
      top: 103%;
      width: 30px;
      height: 4px;
      margin-top: -5px;
      background: #c4c4c4;
  }
.search-tab > li > a.m10 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 30px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}

/* 컨텐츠 검색결과 */
.content-desc {
    max-height: 62px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    margin-bottom: 8px;
}


.view-bk:after{content: ""; display: block; clear: both;}
.view-bx{float: left; width: 69%; padding-right:15px; border-right:1px solid #e0e0e0;}
.view-bx .vw-tibx{padding: 20px 0 10px; border-top: 1px solid #333; border-bottom: 1px solid #e0dfdf;}
.view-bx .vw-tibx h4{font-size: 21px; color: #333; font-weight: 500; line-height: 1.2;}
.view-bx .zl-bx{margin-top: 5px;}
.view-bx .zl-bx .da{float: left; margin: 5px 0; line-height: 1;}
.view-bx .zl-bx .da span{display: inline-block; vertical-align: top; font-size: 15px; color: #666; line-height: 20px; margin-right: 4px; position: relative;}
.view-bx .zl-bx .da span:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #cfcfcf; margin-top: 4px; margin-left: 8px;}
.view-bx .zl-bx .dw{float: right;}
.view-bx .zl-bx .dw a img{vertical-align: middle;}
.view-bx .zl-bx .dw a span{display: inline-block; vertical-align: middle; font-size: 18px; line-height: 1; color: #0d47a1;}
.view-bx .vw-con{padding: 30px 0 50px; border-bottom: 1px solid #333;}
.view-bx .hashTag-bx{padding: 10px 0; border-top: 1px solid #333; border-bottom: 1px solid #e0dfdf;}
.view-bx .hashTag-bx a{display: inline-block; border:1px solid #1f8ecd; padding:4px 10px 5px; font-size: 18px; font-weight: bold; color: #0d47a1; margin-right: 6px; border-radius: 5px;}
.view-bx .hashTag-bx a:hover {
    text-decoration: underline;
    text-underline-position: under;
    background:#1f8ecd;
    color:#fff;
}
.view-bx .vw-con + .hashTag-bx{margin-top: -1px;}
.view-bx .vw-btbx{margin-top: 22px;}
.btn-tp1{display: inline-block; box-sizing: border-box; min-width: 100px; text-align: center; background: #0d47a1; font-size: 18px; color: #fff; line-height: 24px; padding: 5px 10px; }

.content-hashTag-bx{padding: 10px 0;}
.content-hashTag-bx a{display: inline-block; border:1px solid #1f8ecd; padding:4px 10px 5px; font-size: 18px; font-weight: bold; color: #0d47a1; margin-right: 6px; border-radius: 5px;}
.content-hashTag-bx a:hover {
    text-decoration: underline;
    text-underline-position: under;
    background:#1f8ecd;
    color:#fff;
}

.lb-lsbx{float: right; width: 29%; }
.lb-lsbx > div{padding: 0 15px;}
.lb-lsbx > div > h4{font-weight: 400; font-size: 22px; color: #2241b6; line-height: 1.2; margin-bottom: 10px;}
.lb-lsbx > div > h4 > span{
    font-weight: 600;
    font-size: 24px;
    padding-right: 30px;
    /*background: url(/images/kor2021/sub/vw_lls_tiic2.png) right center no-repeat;*/
}
/*.lb-lsbx > div > ul{border-top: 1px solid #909090;}*/
.lb-lsbx > div > ul > li{padding: 10px 0; border-bottom: 1px solid #dbdada}
.lb-lsbx > div > ul > li .ti{margin-bottom:15px; font-size: 16px; color: #333; line-height: 1.2;}
.lb-lsbx > div > ul > li .ti span{display: inline-block; background: #6b6b6b; font-size: 16px; color: #fff; line-height: 22px; padding: 2px 4px;}
.lb-lsbx > div > ul > li .date{margin-top: 4px; text-align: right; font-size: 14px; color: #333; line-height: 1.2;}
.lb-lsbx .more{margin-top: 10px; text-align: right; font-size: 17px; font-weight: 500;}


.tab-gbx{margin-bottom: 50px; padding: 20px 3%; text-align: center; background: #f3f3f3; border: 1px solid #d9d8d8; border-radius:10px;}
#contents .tab-gbx h4{font-family: 'KoreanSWGI'; font-weight: 500; font-size: 24px; color: #333; margin:0; margin-bottom: 10px; background:none;}
.tab-gbx > .tab-bx{margin: 0 auto;}
.tab-lls{
    /*border-left: 1px solid #999; */
    padding-top: 1px;}
.tab-lls > li{overflow:hidden; box-sizing: border-box; display:inline-block; margin-right:10px; margin-top:10px; border-radius:10px; border:1px solid #718be9;}
.tab-lls > li > a{
    display: block;
    box-sizing: border-box;
    min-width: 124px;
    font-size: 18px;
    font-weight: bold;
    color: #718be9;
    line-height: 24px;
    padding: 10px;
    margin-top: -1px;
    background:#fff;
    outline-offset: -2px;}
.tab-lls > li > a:hover{
    text-decoration: underline;
    background:#718be9;
    color:#fff;
    text-underline-position: under;
    transition: all 0.3s;
}
.tab-lls > li:last-child{margin-right:10px;}
.tab-lls > li.on > a{background: #576fc9; color: #fff;}

.brd-srll{overflow: hidden;}
.brd-srll .brd-search{float: left; width: 100%; max-width: 570px; margin-bottom: 20px;}
.brd-search select{width: 150px; height: 45px; border: 1px solid #ccc; margin-right: 10px; vertical-align: top; font-size: 15px; padding-left: 10px; color: #333;}
.brd-search .sr-ib{display: inline-block; vertical-align: top; width: calc(100% - 170px); padding: 2px 0 1px; border-bottom: 1px solid #ccc;}
.brd-search .sr-ib input[type="text"]{box-sizing: border-box; vertical-align: top; height: 41px; width: calc(100% - 50px); font-size: 15px; padding-left: 10px; color: #333;}
.brd-search .sr-ib .srbt{display: inline-block; vertical-align: top; padding: 10px; line-height: 1;}

.brd-srll .lsLine{float: right; text-align: right;  margin-bottom: 20px;}
.lsLine select{width: 150px; height: 45px; border: 1px solid #ccc; vertical-align: top; font-size: 15px; padding-left: 10px; color: #333;}
.lsLine a{display: inline-block; width: 62px; background: #333; text-align: center; font-size: 15px; color: #fff; line-height: 21px; padding: 12px 0;  outline-offset: -3px;}

/* 202408 인터뷰(신규) */
.view-type{
    text-align: right;
}
.button-group{
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    height: 20px;
    margin-top: 12px;
}
.view-type-button{
    border: 1px solid #ccc;
    margin-left: 5px;
    padding: 10px 10px 10px 25px;
    border-radius: 5px;
    position: relative;
}
.view-type-button.active {
    background: #0d47a1;
    border: 1px solid #0d47a1;
}
.view-type-button.active > span.view-tit {
    color: #fff;
    font-weight: bold;
}
.view-tit{
    color: #666;
    font-size: 15px;
}
.view-type-icon{
    width: 18px;
    height: 20px;
    position: absolute;
    top: 33%;
    left: 13%;
}
.view-type-icon.title-type{
    background: url('/images/kor2021/icon/icon_titile.png') no-repeat;
    background-size: 14px;
    filter: brightness(1.6);
    /*filter: invert(1);*/
}
.view-type-icon.default-type{
    background: url('/images/kor2021/icon/icon_default.png') no-repeat;
    background-size: 14px;
    filter: brightness(1.6);
}
.view-type-icon.photo-type{
    background: url('/images/kor2021/icon/icon_photo.png') no-repeat;
    background-size: 13px;
    filter: brightness(1.6);
}
/* 컬럼 기본형 */
.defaultView{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.defaultView > li + li{border-top: 1px solid #e0dfdf;}
.defaultView > li{position: relative;  padding: 20px 2%; padding-left: calc(2% + 40px); color: #666; min-height: 100px;}
.defaultView > li .num{position: absolute; left: 2%; top: 20px; font-size: 15px; font-size:18px;}
.defaultView > li > div{display: table; box-sizing: border-box; width: 100%; table-layout: fixed; word-break: break-all;}
.defaultView > li > div .ph{display: table-cell; vertical-align: middle; width: 134px; }
.defaultView > li > div .ph img{max-height: 134px;}
.defaultView > li > div .tx{display: table-cell; vertical-align: middle; padding-left: 16px; }
.defaultView .ti{font-size: 18px;  color: #333;   line-height: 24px; font-weight: 600; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; padding: 2px; }
.defaultView .inf{font-size: 15px;  line-height: 20px; height: 40px; overflow: hidden; margin-top: 4px;}
.defaultView .da{line-height: 1; margin-top: 4px; color: #2241b6;}
.defaultView .da span{display: inline-block; vertical-align: middle; font-size: 16px;line-height: 20px; margin-right: 2px; }
.defaultView .da > span:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #cfcfcf; margin-top: 5px; margin-left: 4px;}
.defaultView .da > span:last-child:after{display: none;}
.defaultView .da img{vertical-align: middle;}
.defaultView .da .dw{display: inline-block; margin: 2px 0;}

/* 컬럼 제목형 */
.titleView{border-top: 1px solid #333; border-bottom: 1px solid #333; padding-bottom: 40px;}
.titleView > li:nth-child(5n+1) {margin-top: 22px;padding-top: 22px;border-top: 1px solid #ccc;}
.titleView > li:first-child {border-top: none;}
.titleView > li + li{/*border-top: 1px solid #e0dfdf;*/}
.titleView > li{position: relative; padding: 5px 5px 5px calc(2% + 40px); color: #666; height: 22px;}
.titleView > li .num{position: absolute; left: 2%; font-size: 15px; transform: translateX(-50%); text-align: center;}
.titleView > li > div{display: table; box-sizing: border-box; width: 100%; table-layout: fixed; word-break: break-all;overflow: hidden;}
.titleView > li > div .ph{display: none;}
.titleView > li > div .tx{display: flex; gap: 15px }
.titleView .ti{font-size: 18px;  color: #333; font-weight: 600; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; }
.titleView .ti:hover{color: #0d47a1;}
.titleView .inf{display: none;}
.titleView .da{color: #666;}
.titleView .da span{display: inline-block; vertical-align: middle; font-size: 14px;line-height: 20px; margin-right: 5px; }
.titleView .da > span:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #cfcfcf; margin-top: 5px; margin-left: 10px;}
.titleView .da > span:last-child:after{display: none;}
.titleView .da img{vertical-align: middle;}
.titleView .da .dw{display: inline-block; margin: 2px 0;}

/* 컬럼 포토형 */
.photoView{border-top: 1px solid #333; border-bottom: 1px solid #333; display: flex; flex-wrap: wrap;position: relative; padding: 44px 0 0 0;}
.photoView > li:nth-of-type(4n){margin-right: 0;}
.photoView > li{float: left;position: relative;margin: 0 30px 35px 0;width: calc(100% / 4 - 25px); border: 1px solid #ccc; border-radius: 5px; border-bottom: 5px solid #ccc;}
.photoView > li:hover{border-bottom: 5px solid #0d47a1; box-shadow: rgba(0, 0, 0, 0.15) 2px 4px 10px;}
.photoView > li .num{display: none;}
.photoView > li > div{padding: 0 0 20px 0;}
.photoView > li > div .ph{text-align: center; width: 100%;height: 0;padding-bottom: 100%;overflow: hidden;}
.photoView > li > div .ph img{ border-radius: 5px 5px 0 0;}
.photoView > li > div .tx{height: 110px;}
.photoView .ti{font-size: 16px; color: #333; line-height: 24px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; height: 60px;padding: 10px 10px 0 10px;}
.photoView .ti a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    max-height: 55px;
}
.photoView .inf{display: none;}
.photoView .da{border-top: 1px solid #ccc; padding: 5px; padding: 5px 70px 0 10px;}
.photoView .da span{display: inline-block; font-size: 14px; color: #333; margin-right: 8px;}
.photoView .da > span:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #cfcfcf; margin-top: 5px; margin-left: 13px;}
.photoView .da span.colDate {
    background: #0077c8;
    padding: 1px 8px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    margin-right: 5px;
}
.photoView .da > span:last-child:after,
.photoView .da > span:nth-child(3):after{display: none;}
.photoView .da img{vertical-align: middle;}
.photoView .da .dw{display: inline-block; margin: 2px 0;}

.brd-lstp1{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.brd-lstp1 > li{}
.brd-lstp1 > li + li{border-top: 1px solid #e0dfdf;}
.brd-lstp1 > li > div{display: table; box-sizing: border-box; width: 100%; padding: 20px 2%; table-layout: fixed; word-break: break-all;}
.brd-lstp1 > li > div > p{display: table-cell; vertical-align: top; width: 80px; text-align: center; font-size: 18px; color: #888; line-height: 24px;}/*20220118 웹접근성 color:#999*/
.brd-lstp1 > li > div > p .cl{display: inline-block; vertical-align: top; width: 62px; text-align: center; background: #718be9; color: #fff; font-size: 15px; line-height: 20px; padding: 3px 0;}
.brd-lstp1 > li > div > div{display: table-cell; vertical-align: top; padding-left: 10px;}
.brd-lstp1 > li > div > div:only-child{padding-left: 0;}
.brd-lstp1 .ti{font-size: 18px; color: #333; line-height: 24px; font-weight: 600;}
.brd-lstp1 .ti img{margin-top: 7px; margin-right: 4px;}
.brd-lstp1 .da{line-height: 1.2; margin-top: 8px;}
.brd-lstp1 .da > span{display: inline-block; vertical-align: middle; font-size: 16px; color: #666; line-height: 20px; margin-right: 2px;}
.brd-lstp1 .da > span:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #cfcfcf; margin-top: 4px; margin-left: 4px;}
.brd-lstp1 .da > span:last-child:after{display: none;}
.brd-lstp1 .da img{vertical-align: middle;}
.brd-lstp1 .da .dw{display: inline-block; margin: 2px 0;}

.brd-lstp2{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.brd-lstp2 > li + li{border-top: 1px solid #e0dfdf;}
.brd-lstp2 > li{position: relative;  padding: 20px 2%; padding-left: calc(2% + 40px); color: #666;}
.brd-lstp2 > li .num{position: absolute; left: 2%; top: 20px; font-size: 15px; font-size:18px;}
.brd-lstp2 > li > div{display: table; box-sizing: border-box; width: 100%; table-layout: fixed; word-break: break-all;}
.brd-lstp2 > li > div .ph{display: table-cell; vertical-align: middle; width: 134px; }
.brd-lstp2 > li > div .tx{display: table-cell; vertical-align: middle; padding-left: 16px; }
.brd-lstp2 .ti{font-size: 18px;  color: #333;   line-height: 24px; font-weight: 600; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; padding: 2px; }
.brd-lstp2 .inf{font-size: 15px;  line-height: 20px; height: 40px; overflow: hidden; margin-top: 4px;}
.brd-lstp2 .da{line-height: 1; margin-top: 4px; color: #2241b6;}
.brd-lstp2 .da span{display: inline-block; vertical-align: middle; font-size: 16px;line-height: 20px; margin-right: 2px; }
.brd-lstp2 .da > span:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #cfcfcf; margin-top: 5px; margin-left: 4px;}
.brd-lstp2 .da > span:last-child:after{display: none;}
.brd-lstp2 .da img{vertical-align: middle;}
.brd-lstp2 .da .dw{display: inline-block; margin: 2px 0;}

.yaer-sbk{text-align: center; position: relative; margin-bottom: 30px;}
.yaer-sbk .ySel{font-size: 30px; color: #0e3174; line-height: 45px; overflow: hidden; font-weight: 600;}
.yaer-sbk .ySel img{vertical-align: middle;     transform: translateY(-3px);}
.yaer-sbk .mSel{position: absolute; right: 0; top: 0;}
.yaer-sbk .mSel.lsLine select{width: 80px;}
.yaer-sbk .mSel.lsLine a{width: 50px;}

.paging{text-align: center; margin-top: 30px;}
.paging > a{display: inline-block; vertical-align: middle; box-sizing: border-box; font-size: 15px; color: #888; line-height: 20px;  padding: 0 5px 2px;  margin: 2px 0;}
.paging > span{display: inline-block; vertical-align: middle; margin: 0 10px; }
.paging > span > a{display: inline-block; vertical-align: top; border: 1px solid #3e64ef; border-radius:5px; color: #3e64ef; padding:4px 7px; min-width:17px; margin-right: 7px;}
.paging > span > a:last-child{margin-right:0;}
.paging > span > a.on{ background:#3e64ef; color:#fff; font-weight: 500;}
.paging a img{padding: 4px; margin-top: 1px;}


/* 2021/9/13 */
.pho-lsbx{padding-top: 20px; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.photo-ls:after{content: ''; display: block; clear: both;}
.photo-ls{margin-left: -2%;}
.photo-ls > li{float: left; width: 23%; margin-left: 2%; margin-bottom: 20px;}
.photo-ls > li > a{display: block;}
.photo-ls > li > a > img{width: 100%;}
.photo-ls > li > a > span{display: block; margin-top: 4px; font-weight: 500; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.scd-lst{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.scd-lst th{ box-sizing: border-box; vertical-align: top; font-size: 18px; color: #1b4fb4; line-height: 1.2; padding: 10px 2px;  background: #f5f5f5;}
.scd-lst th > span{display: inline-block;}
.scd-lst td{ box-sizing: border-box; vertical-align: middle; font-size: 15px; color: #666; line-height: 1.2; height: 40px; padding: 10px 1%;}
.scd-lst td.da{font-weight: 500; color: #2a2a2a; text-align: center; word-break: keep-all;}
.scd-lst tr + tr th, .scd-lst tr + tr td{border-top: 1px solid #e0dfdf;}


.view-bx .fl-dw{margin-top: 10px; padding-top: 10px;/* border-top: 1px solid #e0dfdf;*/}
.view-bx .fl-dw > li{font-size: 15px; color: #333; line-height: 22px; font-weight: 500;}
.view-bx .fl-dw > li span{color: #666;}
.view-bx .fl-dw > li + li{margin-top: 4px;}
.view-bx .fl-in:first-child {
    border-top: 1px solid #e0dfdf;
    padding-top: 10px;
}

.row-tbst1{border-collapse: collapse;  width: 100%;table-layout: fixed; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.row-tbst1 th{box-sizing: border-box; padding: 8px 16px; text-align: left; background: #f5f5f5; height: 50px; font-weight: 500; font-size: 15px; color: #2a2a2a; line-height: 1.2;}
.row-tbst1 td{box-sizing: border-box; padding: 8px 16px; height: 50px; font-size: 15px; line-height: 1.2;}
.row-tbst1 tr + tr th, .row-tbst1 tr + tr td{border-top: 1px solid #e0dfdf;}
.col-w1{width: 140px;}

.iptt1{box-sizing: border-box; border: 1px solid #ccc; height: 30px; max-width: 100%;}
.iptt2{box-sizing: border-box; border: 1px solid #ccc; height: 30px; max-width: 100%;}
.iptt1.wl{width: 280px;}
.iptt1.wbt{width: 280px;}
.iptt1.swd{width: calc(100% - 132px);}
.iptt1.swd + .ra-wi{margin-left: 8px;}
.ra-wi{display: inline-block; vertical-align: middle; width: 140px;}
.ra-wi input[type="radio"]{vertical-align: baseline;}
.ra-wi label + input{margin-left: 6px;}

.f_num input[type="file"]{width: 100%;}
.ng-hide{display: none;}
.tel-itb select{width: 60px; max-width: calc(33.3% - 8px);}
.tel-itb input[type="text"]{width: 60px;max-width: calc(33.3% - 8px);}

.mail-tg{font-size: 14px;}
.mail-tg input{width: 180px; max-width: calc(50% - 10px);}


.otp-ti{color: #111; font-size: 24px; line-height: 28px; padding-left: 14px; background: url('/images/kor2021/common/h4.png') 0 9px no-repeat; }
.ti-atg{ margin-top: 40px; margin-bottom: 15px; overflow: hidden;}
.ti-atg .otp-ti{float: left;}
.ti-atg .ratx{float: right; line-height: 22px; margin-top: 6px;}


/* 2021/10/18 */
.hd-search{float: left; margin-left: 23%; margin-top: 40px;}
.hd-srbx{width: 460px; display: inline-block; vertical-align: top; border: 2px solid #ffffff; background: #082a7e; margin-left: 171px;}
.hd-srbx input[type="text"]{box-sizing: border-box; height: 42px; width: calc(100% - 80px); padding-left: 8px; vertical-align: top;font-size: 16px;}
.hd-srbx .sbt{display: inline-block; vertical-align: top; width: 68px; background: #082a7e; text-align: center; font-size: 16px; color: #fff; line-height: 22px; padding: 10px 0;}
.sr-quick{ display: inline-block; vertical-align: top; margin-left: 10px;}
.rir{font-size: 15px;  color: #454545; line-height: 20px;}
.rir input{vertical-align: baseline;  transform: translateY(1px);}
.sr-quick .q-lk a{display: inline-block; vertical-align: top;  font-size: 13px; color: #454545; line-height: 18px; margin: 2px 0; margin-right: 3px;}
.sr-quick .q-lk a:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 10px; margin-top: 4px; background: #c0c0c0; margin-left: 6px;}
.sr-quick .q-lk a:last-child{margin-right: 0;}
.sr-quick .q-lk a:last-child:after{display: none;}

.spg-tbk{background: #26a69a; border-bottom: 1px solid #e1e1e1; padding: 10px 0; text-align: center;}
.search-tab{overflow: hidden; display: inline-block; vertical-align: top;}
.search-tab > li{float: left;}
.search-tab > li > a{display: block; padding: 4px 16px; color: #ffffff; font-size: 18px; line-height: 24px; position: relative;}
.search-tab > li > a:after{content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px; background: #c4c4c4;}

.result-wp{padding: 40px 0 70px;}
.rk-wp:after{content: ''; display: block; clear: both;}
.result-bk{float: left; width: calc(97% - 256px);}
.sr-option{margin-bottom: 40px;}
.sr-option select{width: calc(33.3% - 8px); max-width: 140px; height: 46px; border: 1px solid #dadbe5; border-radius: 8px; font-size: 16px; padding-left: 10px}
.sr-option select + select{margin-left: 6px;}
.result-bk .ttl{margin-bottom: 10px; font-size: 20px; color: #434343;}
.result-bk .ttl span{color: #ff030f;font-weight: bold; font-size: 20px;}
.result-bk .ttl span.blue{color: #115af7;font-weight: bold;}

.r-cnt > dt{    background: #333; padding: 10px; font-size: 20px; color: #fff; line-height: 28px; font-weight: 600;}
.r-cnt > dd{padding: 10px; background: #fafafa;  border: 1px solid #e4e4e4;  }
.r-cnt > dd > ul > li{float: left; min-width: 20%; box-sizing: border-box; padding: 4px 8px; text-align: center; font-size: 16px; color: #555;}
.r-cnt > dd > ul > li > a > span{color: #ff030f;font-weight: bold;}
.r-cnt > dd > ul > li > a {font-size: 20px;}

.r-cnt > dd > ul > li.wid01 {margin-left: -9px;}
.r-cnt > dd > ul > li.wid02 {margin-left: 9px;}
.r-cnt > dd > ul > li.wid03 {margin-left: -18px;}
.r-cnt > dd > ul > li.wid04 {margin-left: 18px;}

.result-bx{margin-top: 40px;}
.result-bx > dl > dt{font-size: 20px; font-weight:bold; color: #434343; margin-bottom: 10px;}
.result-bx > dl > dd{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.result-bx > dl > dd .cnt{font-size: 18px; line-height: 24px; padding: 8px 0;}
.result-bx > dl > dd > ul > li{padding: 16px 0; border-top: 1px solid #e0dfdf; font-size: 16px; color: #555; line-height: 20px;}
.result-bx > dl > dd > ul > li > a > span{display: block;}
.result-bx > dl > dd > ul > li > a + span{display: block; margin-top: 8px;}
.result-bx .blue{    color: #1367d4;}
.result-bx .red{    color: #ff030f; font-size: 25px; }

.mbt-bx{text-align: center; margin-top: 4px;float: right;}
.mbt-bx a{display: inline-block; width: 90px; border: 1px solid #9d9d9d; font-size: 16px; color: #9d9d9d; line-height: 10px; padding: 10px 0;}
/*.mbt-bx a:after{content: ''; display: inline-block; width: 9px; height: 6px; vertical-align: top; margin-left: 10px; margin-top: 8px; background: url(/images/kor2021/search/icon_arr.png) no-repeat;}*/

.mbt-bx-blue{text-align: center; margin-top: 5px;}
.mbt-bx-blue a{display: inline-block; width: 100%; border: 1px solid #9d9d9d; font-size: 16px; color: #9d9d9d; line-height: 10px; padding: 10px 0;}

.mbt-bx2{
    position: absolute;
    text-align: center;
    margin: 3px 0 0 9px;
}
.mbt-bx2 a{
    display: inline-block;
    width: 60px;
    border: 1px solid #9d9d9d;
    font-size: 16px;
    color: #9d9d9d;
    line-height: 16px;
    padding: 11px 0;
}

.kw-bk{float: right; width: 256px;}
.kw-bx{padding: 15px 28px; border: 1px solid #e4e4e4; margin-bottom: 20px;}
.kw-bx > dt{font-weight: 700; color: #434343; font-size: 16px; line-height: 18px; padding-bottom: 6px; border-bottom: 1px solid #e4e4e4; margin-bottom: 14px;}
.kw-bx > dt:after{content: ''; display: inline-block; width: 7px; height: 7px; background: url(/images/kor2021/sub/kw_tiic.jpg) no-repeat; vertical-align: top; margin-top: 6px; margin-left: 5px;}
.sr-history > li{overflow: hidden; font-size: 14px; color: #627699; line-height: 20px;}
.sr-history > li .hse{display: inline-block; vertical-align: middle; max-width: calc(100% - 20px); margin-right: 4px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.sr-history > li .del{display: inline-block; vertical-align: middle; line-height: 11px;}
.popular-kw-tab{margin: 0 auto 10px; display: table; width: 100%; max-width: 300px; border-collapse: collapse; text-align: center; box-sizing: border-box;}
.popular-kw-tab > a{display: table-cell; box-sizing: border-box; width: 33.3%; border: 1px solid #e4e4e4; font-size: 14px; color: #9a9a9a; line-height: 20px; padding: 2px;}
.popular-kw > li{font-size: 14px; line-height: 20px; color: #434343;}
.popular-kw > li > i{display: inline-block; vertical-align: middle; font-weight: 600; width: 20px; text-align: center;}
.popular-kw > li > p{display: inline-block; vertical-align: middle; width: calc(100% - 67); color: #627699; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.popular-kw > li > span{display: inline-block; vertical-align: middle; text-align: center; font-size: inherit;}
.popular-kw > li > span img{vertical-align: middle;}


.lgn-tx{text-align: center; font-size: 22px; color: #434343; margin-bottom: 70px;}
.lgn-tx > p{word-break: keep-all;}
.lgn-tx strong{font-size: 25px; color: #26a69a; word-break: keep-all;}

.login-area{max-width: 954px; margin: 0 auto;}
.login-bk{margin: 0 -2%; overflow: hidden;}
.login-bk > div{float: left; width: 46%; margin: 0 2%;}
.login-bk > div > dl{background: #f5f5f5;     border: 1px solid #d0d0d0;}
.login-bk > div > dl > dt{text-align: center;     font-size: 22px; line-height: 30px; padding: 10px;  border-bottom: 1px solid #d0d0d0;}
.login-bk > div > dl > dd{padding: 30px 3%;}
.login-bk > div > dl > dd > div{max-width: 340px; margin: 0 auto;}
.login-bk .pt-log{padding: 17px 0; text-align: center;}
.login-bk .pt-log a{display: inline-block; width: 180px; background: #ce6881; font-size: 17px; color: #fff; line-height: 24px; padding: 15px 0;}

.login-bx{display: table; width: 100%;}
.login-bx > div{display: table-cell; vertical-align: middle; padding-right: 8px;}
.login-bx > div input[type="text"], .login-bx > div input[type="password"]{box-sizing: border-box; width: 100%; height: 40px; padding-left: 8px; font-size: 15px; border: 1px solid #ccc; background: #fff;}
.login-bx > div input[type="password"]{margin-top: 8px;}
.login-bx > a{display: table-cell; vertical-align: middle; width: 100px; text-align: center; background: #26a69a; font-size: 17px; color: #fff;}

.login-bk .atx{margin-top: 20px; font-size: 15px; color: #666; line-height: 20px; padding-left: 9px; position: relative; word-break: break-word;}
.login-bk .atx:before{content: ''; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; background: #828282;}
.login-bk .lkbx{margin-top: 20px; font-size: 15px; color: #666; line-height: 20px; }
.login-bk .lkbx a{display: inline-block; margin-right: 16px;}
.login-bk .lkbx a:before{content: ''; display: inline-block; vertical-align: middle; width: 3px; height: 3px; background: #828282; margin-right: 6px;}
.login-bk .lkbx a:after{content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 8px; margin-left: 6px; background: url(/images/kor2021/icon/arr.png)}


/*  2021/10/21  */

.result-bx .prf{display: table; width: 100%; table-layout: fixed; word-break: break-all;}
.result-bx .prf .ph{display: table-cell; vertical-align: top; width: 100px;}
.result-bx .prf .ph img{width: 100%;}
.result-bx .prf .tx{display: table-cell; vertical-align: top; padding-left: 2%;}
.result-bx .prf .tx > a{display: inline-block; font-size: 18px; line-height: 24px; margin-bottom: 4px; color: #333;}
.result-bx .prf .tx > ul > li{position: relative; color: #666; padding-left: 6px;}
.result-bx .prf .tx > ul > li:before{content: ''; position: absolute; left: 0; top: 9px; width: 2px; height: 2px; background: #000;}
.result-bx .prf .tx > ul > li > span{color: #000;}

.result-bx .theme{overflow: hidden; margin: 12px 0;}
.result-bx .theme .ph{box-sizing: border-box; float: left; width: 166px; padding: 10px; border: 1px solid #ccc; border-radius: 20px;}
.result-bx .theme .ph > div{display: table; width: 100%; height: 135px; table-layout: fixed; text-align: center;}
.result-bx .theme .ph > div > p{display: table-cell; vertical-align: middle;}

.result-bx .theme .tx{box-sizing: border-box; float: left; margin-left: 2%; width: calc(98% - 166px);}
.result-bx .theme .tx > .title{display: block; font-size: 20px; font-weight: 600; line-height: 1.2;}
.result-bx .theme .tx > dl{display: table; width: 100%; margin-top: 10px;}
.result-bx .theme .tx > dl > dt{display: table-cell; vertical-align: top; width: 70px;}
.result-bx .theme .tx > dl > dt > span{display: block; text-align: center;  border: 1px solid #ccc; border-radius: 4px;}
.result-bx .theme .tx > dl > dd{display: table-cell; vertical-align: top; padding-left: 10px; padding-top: 1px;}
.result-bx .theme .tx > dl > dd .ltg > a{color: #0c4e9b; display: inline-block;}
.result-bx .theme .tx .lk{text-align: right; margin-top: 8px;}
.result-bx .theme .tx .lk > a{display: inline-block; width: 100px; text-align: center; background: #7992b3; font-size: 15px; color: #fff; padding: 5px 0;}

/* 검색엔진 */
.person_wrap {
    border-bottom:#d5d5d5 solid 1px;
    padding:15px;
    clear:both
}
.person_img {
    float:left;
    width: 100px;
    height: 122px;
}
.person_twrap {
    float:left;
    width:100%;
    padding-left:120px;
    margin-top:-122px;
    box-sizing:border-box
}
.person_twrap li{
    background:url('/images/kor2016/search/dot.png') 0 8px no-repeat;
    padding:1px 0 3px 7px;
}
.person_twrap li span{color:#3b3b3b}
.staff_list_tb th{background-color:#f2f2f2;color:#4e4e4e}
.staff_list_tb th, .staff_list_tb td{
    border-bottom:#d5d5d5 solid 1px;
    border-left:#d5d5d5 solid 1px;
    padding:15px 10px;
    text-align:center;
    line-height:24px;
    vertical-align:middle
}
.staff_list_tb th:first-child, .staff_list_tb td:first-child{
    border-left:none
}

.search-tab li a.ov {
    font-weight: bold;
    text-decoration: underline;
}

.search-tab > li > a.m1 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 30px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}
.search-tab > li > a.m2 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 30px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}
.search-tab > li > a.m3 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 63px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}
.search-tab > li > a.m4 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 30px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}
.search-tab > li > a.m5 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 46px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}
.search-tab > li > a.m6 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 46px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}
.search-tab > li > a.m7 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 63px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}.search-tab > li > a.m8 {
     content: '';
     position: absolute;
     right: 17px;
     top: 103%;
     width: 30px;
     height: 4px;
     margin-top: -5px;
     background: #c4c4c4;
 }.search-tab > li > a.m9 {
      content: '';
      position: absolute;
      right: 17px;
      top: 103%;
      width: 30px;
      height: 4px;
      margin-top: -5px;
      background: #c4c4c4;
  }
.search-tab > li > a.m10 {
    content: '';
    position: absolute;
    right: 17px;
    top: 103%;
    width: 30px;
    height: 4px;
    margin-top: -5px;
    background: #c4c4c4;
}

/* 컨텐츠 검색결과 */
.content-desc {
    max-height: 62px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    margin-bottom: 8px;
}

/* BK21 신진연구인력 교수 프로필 S */
.prof-container {
    display: flex;
    margin: 15px;
    border : 1px solid #eee;
}
.prof-pic img {width: 200px;}
.prof-list > li {display: flex;align-items: flex-end;}
.prof-container .text{
    margin-left: 30px;
}
.text .top {
    margin-top: 25px;
}
h5.prof-tit {
    font-size: 20px;
}
h5.prof-tit span{
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}
.prof-list .sub02 {
    margin-left: 10px;
    font-size: 15px;
    color: #333;
}
.prof-list .sub01 {
    font-weight: 500;
    font-size: 17px;
    position: relative;
    padding-left: 10px;
}
.prof-list {
    margin-top: 30px;
}
.sub01:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0.7rem;
    width: 3px;
    height: 3px;
    background: #828282;
}
.bk21-mobile-menu{
    display: none;
}
/* BK21 신진연구인력 교수 프로필 E */
/*20220119 검색화면 디자인 수정*/
.mbt-bx2 {margin-top: 0}
.mbt-bx2 a{padding: 14px 0;border-radius: 7px;vertical-align: top;}
.kw-bx{border-radius: 8px}
.r-cnt > dt{border-radius: 8px 8px 0 0;}
.r-cnt > dd{border-radius: 0 0 8px 8px;}
.mbt-bx a{border-radius: 7px}
.mbt-bx a:hover{background:#9d9d9d;color:#fff}
.mbt-bx-blue a{border-radius: 8px;color: #666}
.search-tab li a.ov{text-decoration: none;}
.search-tab li a > span{position: relative}
.search-tab li a.ov > span:before {content: "";display: block;width: 100%;height: 2px;position: absolute;bottom: 0px;background-color: #fff}
.result-bx > dl > dd > ul#notice_result > li{color:#1367d4}
.result-bx > dl > dd > ul#notice_result > li > a{color: #555}
.result-bx > dl > dd > ul#notice_result > li > a + span{color: #555}
.result-bx > dl > dd > ul#board_result > li{color:#1367d4}
.result-bx > dl > dd > ul#board_result > li > a{color: #555}
.result-bx > dl > dd > ul#board_result > li > a + span{color: #555}
.result-bx > dl > dd > ul#result > li{color:#1367d4}
.result-bx > dl > dd > ul#result > li > a{color: #555}
.result-bx > dl > dd > ul#result > li > a + span{color: #555}
.result-bx .theme .tx .lk > a{border-radius: 7px}
.tab-gbx2 {
    margin-bottom: 50px;
    padding: 20px 3%;
    text-align: left;
    background: #f3f3f3;
    border: 1px solid #d9d8d8;
    border-radius: 10px;
    line-height: 25px;
    position: relative;
}
.floating_img.img01 {
    width: 140px;
    position: absolute;
    right: 80px;
    top: 27px;
    transition: transform 0.3s ease;
}
.floating_img.img01:hover{
    transform: scale(1.1);
}
.tab-gbx2 h3 {
    font-size: 17px;
    color: #1b4fb4;
}

@media screen and (max-width: 877px){
    .floating_img.img01 {
        display: none;
    }
}
@media screen and (max-width:699px){
    .tabList03 li a{padding:0 10px 7px!important;}
    .tab-gbx2 h3 {font-size: 16px;}
    .prof-container{display: block;}
    .prof-container .text{margin-left: 0;}
    .prof-container .prof-pic {display: flex; align-items: center; flex-direction: column;margin-top: 30px;}
    .prof-pic img{box-shadow: 3px 3px 5px rgba(0,0,0,0.25);}
    h5.prof-tit{text-align: center;}
    h5.prof-tit span{display: block;}
    .prof-list{margin-bottom: 40px; margin-left: 20px;}
    .prof-list > li{display: block;margin-bottom: 10px;}
    .bk21-mobile-menu{
        display: block;
        padding: 8px 12px;
        border: 1px solid #ccc;
        border-radius: 8px;
        background-color: #fff;
        font-size: 15px;
        color: #333;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        appearance: none;
        background-image: url('data:image/svg+xml;utf8,<svg fill="%23999" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 16px;
        cursor: pointer;
        transition: border-color 0.2s, box-shadow 0.2s;
        line-height: 15px;
        width: 50%;
    }
    .select-bk21{
        background: #eee;
        padding: 10px 15px;
        border-radius: 6px;
        margin-bottom: 30px;
    }
    #bk21-pc-menu{display: none;}
}