/*
.subtitbox{display: table;width: 100%;text-align: center;height: 310px;background: url(../images/sub/subtitbox_bg.png) no-repeat center top;background-size: cover;}
.subtitbox2{background: url(../images/sub/subtitbox_bg2.jpg) no-repeat center top;background-size: cover;}
.subtitbox3{background: url(../images/sub/subtitbox_bg3.jpg) no-repeat center top;background-size: cover;}
.subtitbox4{background: url(../images/sub/sv_bg1.jpg) no-repeat center top;}
*/
.subtitbox{display: table;width: 100%;text-align: center;height: 210px;background: url(../images/sub/sv_bg1.jpg) no-repeat center top;background-size: cover;} /*ehsong - height 210px로 변경*/
.subtitbox2{background: url(../images/sub/subtitbox_bg.png) no-repeat center top;background-size: cover;}
.subtitbox3{background: url(../images/sub/subtitbox_bg2.jpg) no-repeat center top;background-size: cover;}
.subtitbox4{background: url(../images/sub/subtitbox_bg3.jpg) no-repeat center top;}

.subtitbox > div{display: table-cell;vertical-align: middle;padding: 0 20px;}
.subtitbox h2 span{color: #fff;position: relative;font-size: 44px;display: inline-block;padding-bottom: 10px;font-weight: 900;}
.subtitbox h2 span:after{position: absolute;content: '';bottom: 0;width: calc(100% + 20px);height: 1px;background: #fff;left: -10px;}
.subtitbox p{color: #fff;font-size: 17px;margin-top: 25px;}

.sub-tab{text-align: center;border-bottom: 2px solid #e3e3e3;height: 63px;}
.sub-tab ul{display: inline-block;}
.sub-tab ul li{display: table-cell;padding: 0 20px;}
.sub-tab ul li a{font-size: 20px;display: inline-block;padding: 0 15px;height: 63px;line-height: 63px;position: relative;}
.sub-tab ul li a.on{font-weight: bold;}
.sub-tab ul li a.on:after{position: absolute;content: '';height: 6px;background: #0099cc;width: 100%;left: 0;bottom: -1px;}
/*네이비게이션*/
.nav{border-bottom: 2px solid #e3e3e3;}
.nav-in{width: 1220px;margin: 0 auto;}
.nav-ul{margin: 20px 20px;}
.nav-ul > li{position: relative;float: left;height: 26px;border-right: 1px solid #cecece;}
.nav-ul > li > a{display: block;padding: 2px 15px;}
.nav-ul > li:nth-of-type(1) > a {padding-left:0;}
.nav-ul > li > a > span{display: block;padding-right: 50px;font-size: 16px;line-height: 20px;color: #333333;background: url(../images/sub/nav_bg.gif) no-repeat right center;}
.nav-ul > li > a.on > span{background: url(../images/sub/nav_bg2.gif) no-repeat right center;}
.nav-ul > li > ul{display: none;position: absolute;width: 100%;box-sizing: border-box;background: #ffffff;z-index:1;border:1px solid #ddd;border-top:2px solid #0099cc;top:30px;left:0;}
.nav-ul > li > ul > li > a{box-sizing:border-box;font-size: 14px;line-height: 16px;word-break:keep-all;color: #333333;display:inline-block;width:100%;padding:10px;}
.nav-ul > li > ul > li > a:hover,
.nav-ul > li > ul > li > a:focus {background-color:#efefef;}
/*네이비게이션*/


#content .area{width: 100%; max-width: 1200px; margin: 0 auto;}

#content h3.title{margin-bottom: 40px;font-size: 36px;padding-top: 20px;position: relative;}
#content h3.title:after{position: absolute;content: '';left: 0;top: 0;width: 43px;background: #0099cc;height: 5px;}
.table-con{border-top: 2px solid #000;}
.table-con table th,.table-con table td{height: 35px;line-height: 21px;padding: 10px 20px;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.table-con table tr th:last-child, .table-con table tr td:last-child{border-right: 0;}
.table-con table td .add-file span{margin-right: 5px;}


.board-table{border-top: 2px solid #000;overflow: auto;}
.board-table table thead tr th{word-break: break-all;border-bottom: 1px solid #858585;border-right: 1px solid #dcdcdc;padding: 10px 20px;font-size: 18px;color: #353535;}
.board-table table thead tr th:last-child{border-right: 0;}
.board-table table tbody tr td{word-break: break-all;text-align: center;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;padding: 10px 20px;font-size: 15px;color: #767676;}
.board-table table tbody tr td:last-child{border-right: 0;}
.board-table table tbody tr td.tb-txl{text-align: left;}

/* jaseo - 2020.04.07. [대학 홈페이지관리> 창업팀 현황] 이메일 컬럼 ... 나오는 부분 수정 */
.board-table table tbody tr td .art{display: inline-block;max-width: 100%;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.board-table table tbody tr td .art span{color: #cd4c85}

.paging{margin: 0 auto;text-align: center;margin: 30px 0;line-height: 15px;}
.paging a{display: inline-block;height: 30px;padding: 0px 10px;border: 1px solid #d2d2d2;text-align: center;line-height: 30px;font-size: 15px;color: #555555;vertical-align: top;}
.paging a img{vertical-align: top;}
.paging .on{border: 1px solid #6d7fd3;font-weight: bold;color: #fff;background: #6d7fd2;}
.paging a.img {border: 0;padding: 0;}

/*텍스트 양식*/
.h4-title{padding: 10px 0 10px 60px;margin-top: 40px;font-size: 24px;line-height: 28px;color: #272727;background: url(../images/sub/h4_tit_bg.gif) no-repeat left 0px;}
.p-txt1{margin-top: 10px;font-weight: bold;font-size: 22px;line-height: 26px;color: #5f5d5d;}
.p-txt2{margin-top: 10px;font-weight: bold;font-size: 18px;line-height: 22px;color: #666666;}
.p-txt2.red-font{color: #ef1c1c;}
.ul-txt{margin-top: 8px;}
.ul-txt > li{padding-left: 10px;font-size: 15px;line-height: 19px;color: #767676;background: url(../images/sub/ul_txt_bg.gif) no-repeat left 5px;}

.btn-area{margin-top: 30px;}
.btn-area .btn01{display: inline-block;vertical-align: middle;padding: 9px 20px;font-size: 18px;line-height: 22px;color: #ffffff;background: #0099cc;}
.btn-area .btn05{display: inline-block;vertical-align: middle;padding: 9px 20px;font-size: 18px;line-height: 22px;color: #ffffff;background: #3567c6 ;}
.btn-area .btn03{display: inline-block;vertical-align: middle;padding: 9px 20px;font-size: 18px;line-height: 22px;color: #ffffff;background: #6c757d;}
.btn-area .btn04{display: inline-block;vertical-align: middle;padding: 9px 20px;font-size: 18px;line-height: 22px;color: #ffffff;background: #bd2130;}

.board-box{border-top: 2px solid #767676;}
.art-box{padding: 20px 0px;border-bottom: 1px solid #dcdcdc;}
.art-box .ab-left{float: left;width: calc(100% - 130px);}
.art-box .ab-left .ab-title{display: block;margin-bottom: 15px;font-size: 18px;line-height: 22px;color: #353535;}
.art-box .ab-left .ab-text{min-height: 35px;font-size: 15px;line-height: 19px;color: #767676;}
.art-box .ab-right{float: right;width: 120px;margin-top: 35px;}
.art-box .ab-right .view-detail{display: inline-block;padding: 9px 13px;background: #0099cc;}
.art-box .ab-right .view-detail span{display: block;padding-left: 25px;font-size: 18px;line-height: 22px;color: #ffffff;background: url(../images/sub/dbg.gif) no-repeat left center;}

.databox{color: #6153a7;}
.databox span{position: relative;display: inline-block;}
.databox span a{display: inline-block;position: absolute;right: 10px;top: calc(50% - 12px);height: 25px;}
.databox span a img{vertical-align: top;}
.databox input{background: #eaeaea;border: 0;height: 40px;width: 175px;padding: 0 40px 0 15px;}
.gap80{margin: 80px;}

.t-searchstyle1 select{background: #eaeaea;border: 0;height: 40px;width: 245px;padding: 0 0 0 15px;}
.t-searchstyle1 input{border: 0;width: calc(100% - 382px);margin-left: 5px;background: #eaeaea;height: 40px;padding: 0 15px}
.t-searchstyle1 a{display: inline-block;margin-left: 5px;height: 40px;line-height: 40px;width: 90px;text-align: center;background: #336699;}

.screen{margin: 20px 0;}
.screen .screen-left{float: left;}
.screen .screen-left > p{display: inline-block;vertical-align: middle;margin: 0 5px;}
.screen .screen-left > p label{margin-left: 5px;font-size: 18px;line-height: 22px;color: #353535;}
.screen .screen-right{float: right;width: 415px;font-size: 0;}
.screen .screen-right input[type=text]{border: 0;width: calc(100% - 125px);background: #eaeaea;height: 40px;padding: 0 15px;}
.screen .screen-right .sc-btn{display: inline-block;margin-left: 5px;height: 40px;line-height: 40px;width: 90px;text-align: center;background: #336699;}
/*
.gal-board{margin-left:-20px;}
.gal-board > li{float: left;box-sizing: border-box;margin-left: 20px;margin-top: 20px;vertical-align: top;width: calc(25% - 20px);border: 1px solid #e0e0e0;}
.gal-board > li .gal-img{text-align: center;}
.gal-board > li .gal-img img{max-width: 100%; width: 100%;}
.gal-board > li .gal-text{text-align: left;padding: 10px 15px;}
.gal-board > li .gal-text .gt-tit{height: 44px;font-size: 18px;line-height: 22px;color: #353535;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.gal-board > li .gal-text .gt-mark{height: 19px;margin-top: 15px;font-size: 15px;line-height: 19px;color: #767676;overflow: hidden;}
*/
.gal-board{margin-left:-20px;overflow:hidden;}
.gal-board li{float: left;box-sizing: border-box;margin-left: 20px;margin-top: 20px;width: calc(25% - 20px);border: 1px solid #e0e0e0;background:#f1f1f1;}
.gal-board li a{display:block;}
.gal-board li a .img_wrap1{position:relative;height:0;padding-bottom:55%;}
.gal-board li a .img_wrap1 .img_wrap2{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%; background:#eee;}
.gal-board li a .img_wrap1 .img_wrap2 img{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;margin:auto;transition:all 0.5s ease;}
.gal-board li a .txts{background: #fff; padding: 10px 15px;}
.gal-board li a .txts .gt-tit{height: 44px;font-size: 18px;line-height: 22px;color: #353535;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.gal-board li a .txts .gt-mark{height: 19px;margin-top: 15px;font-size: 15px;line-height: 19px;color: #767676;overflow: hidden;}

.gal-board li a .txts .names{margin-top:10px;font-size:15px;font-weight:bold;color:#626262;display:block;width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}






.board-detail-cont{margin: 20px 0;}

.pop-bg{display: none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background: url(../images/sub/pop_bg.png) repeat;z-index: 50;}
.pop-view{display: none;position: fixed;left: 50%;top: 150px;width: 760px;margin-left: -380px;z-index: 51;}
.pop-view .pv-title{position: relative;padding: 15px 20px;background: #0099cc;}
.pop-view .pv-title p{padding-right: 25px;font-size: 28px;line-height: 32px;color: #ffffff;}
.pop-view .pv-title .pop-view-close{position: absolute;right: 20px;top: 18px;}
.pop-view .pv-cont{padding: 15px 20px;background: #ffffff; height: 400px; overflow-y: auto;}
.pop-view .table-con .pop_vimg{margin-top: 20px;}
.pop-view .table-con p{margin: 5px 0;}
.pop-view .pv-cont .pyear_ny > p{margin: 8px 0;}

/*새소식*/
.col-line{border-top: 2px solid #767676;margin-bottom: 60px;}
.search-out{padding-bottom: 860px;background: url(../images/sub/so_bg.gif) no-repeat left bottom;}
.so-in{width: 100%;max-width: 530px;margin: 0 auto;}
.so-in .search-box{width: 100%;max-width: 410px;margin-bottom: 40px;font-size: 0px;}
.so-in .search-box input{width: calc(100% - 99px);height: 61px;padding: 0 10px;border: 1px solid #231f20;font-size: 27px;color: #00a9a0;}
.so-in .sc-text{font-size: 18px;line-height: 28px;color: #666666;}
.so-in .sc-text2{margin-top: 20px;font-weight: bold;font-size: 20px;line-height: 24px;color: #231f20;}
.pp-title{text-align: center;padding-top: 50px;font-weight: bold;font-size: 28px;line-height: 32px;color: #00a9a0;background: url(../images/sub/pp_title_bg.gif) no-repeat center top;}
.pp-sub-title{text-align: center;font-size: 28px;line-height: 32px;color: #00a9a0;}
.img-out{text-align: center;}
.chart-out{text-align: center;padding: 60px 20px;background: url(../images/sub/chart_bg.gif) repeat center;}
.box-zone{margin-top: 40px;}
.box-zone .left-zone{float: left;}
.box-zone .bz-title{padding-bottom: 25px;margin-top: 20px;text-align: center;font-weight: bold;font-size: 30px;line-height: 34px;color: #767676;}
.box-zone .bz-title1{background: url(../images/sub/bz_title_bg1.gif) no-repeat center 15px;}
.box-zone .bz-title2{background: url(../images/sub/bz_title_bg2.gif) no-repeat center 15px;}
.box-zone .bz-title span{font-size: 25px;color: #ff4f4f;}
.bz-ul{text-align: center;font-size: 0;}
.bz-ul > li{display: inline-block;vertical-align: top;width: 217px;height: 194px;padding: 40px 10px;margin: 0 10px;box-sizing: border-box;background: #18b3d9;}
.bz-ul > li.bg2{background: #4f87c9;}
.bz-ul > li .bg-ft{padding-bottom: 10px;font-weight: bold;font-size: 18px;line-height: 22px;color: #ffffff;letter-spacing: -1px;}
.bz-ul > li .sm-ft{text-align: left;width: 132px;padding: 8px;border-top: 1px solid #fff;margin: 0 auto;}
.bz-ul > li .sm-ft p{padding-left: 10px;text-indent: -7px;font-size: 15px;line-height: 19px;color: #ffffff;letter-spacing: -1px;}
.box-zone .right-zone{float: left;}
.f-chart-out{text-align: center;margin: 30px 0;}
.square-chart{text-align: center;margin: 30px 0;font-size: 0;}
.square-chart .sqc-left{display: inline-block;vertical-align:top;}
.square-chart .sqc-right{display: inline-block;vertical-align:top;}
.square-chart .sqc-title{margin: 20px 30px;font-weight: bold;font-size: 22px;line-height: 26px;color: #5f5d5d;}
.sqc-ul{font-size: 0;}
.sqc-ul > li{display: inline-block;vertical-align: top;width: 190px;margin: 0 10px;}
.sqc-ul > li .sqc-hd{padding: 10px 0;border: 1px solid #eeeeee;font-weight: bold;font-size: 20px;line-height: 24px;color: #353535;}
.sqc-ul > li .sqc-cont{text-align: left;height: 220px;padding: 20px 15px;background: #18b3d9;box-sizing: border-box;}
.sqc-ul > li.bg2 .sqc-cont{background: #4f87c9;}
.sqc-ul > li .sqc-cont p{padding: 2px 0;padding-left: 10px;text-indent: -8px;font-size: 15px;line-height: 19px;color: #ffffff;}
.card-out{text-align: center;margin: 20px 0;}
.card-ul{font-size: 0;}
.card-ul > li{display: inline-block;vertical-align: top;width: 100%;max-width: 470px;margin: 20px;}
.card-ul > li > .card-name{position: relative;width: 100%;max-width: 370px;padding: 17px 0;margin: 0 auto;font-size: 30px;font-weight: bold;line-height: 34px;color: #ffffff;background: #1ac3ec;}
.card-ul > li.bg2 > .card-name{background: #69a5ec;}
.card-ul > li > .card-cont{text-align: left;width: 100%;height: 320px;padding: 50px;margin-top: -30px;background: #f9f9f9;box-sizing: border-box;}
.card-ul > li > .card-cont p{padding: 5px 0;padding-left: 10px;text-indent: -12px;font-size: 18px;line-height: 22px;color: #767676;}
.card-ul > li .arrow{margin: 20px 0;}
.card-ul > li .card-result{font-weight: bold;font-size: 20px;line-height: 24px;color: #fd1939;}
.cis{margin: 30px 0;background: url(../images/sub/line_bg.gif) no-repeat center 104px;}
.cis-ul{text-align: center;font-size: 0;background: url(../images/sub/line_bg.gif) no-repeat center 370px;}
.cis-ul > li{display: inline-block;vertical-align: top;margin: 0 20px;}
.cis-ul > li > .cis-circle{width: 206px;height: 206px;border: 14px solid #1ac3ec;border-radius: 103px;background: #ffffff;box-sizing: border-box;}
.cis-ul > li.li02 > .cis-circle{border: 14px solid #69a5ec;}
.cis-ul > li.li03 > .cis-circle{border: 14px solid #b1b1b1;}
.cis-ul > li.li04 > .cis-circle{border: 14px solid #3ec9cd;}
.cis-ul > li > .cis-circle .ft1{margin-top: 59px;font-weight: bold;font-size: 24px;line-height: 28px;color: #5f5d5d;}
.cis-ul > li > .cis-circle .ft2{font-size: 21px;line-height: 25px;color: #5f5d5d;}
.cis-ul > li > .cis-circle .ft3{font-size: 16px;line-height: 20px;color: #5f5d5d;}
.cis-ul > li > .cis-sq{text-align: left;width: 206px;height: 300px;padding: 30px;border-radius: 25px;margin-top: 40px;box-sizing: border-box;background: #1ac3ec;}
.cis-ul > li.li02 > .cis-sq{background: #69a5ec;}
.cis-ul > li.li03 > .cis-sq{background: #b1b1b1;}
.cis-ul > li.li04 > .cis-sq{background: #3ec9cd;}
.cis-ul > li > .cis-sq .ft3{text-align: center;font-weight: bold;font-size: 25px;line-height: 29px;color: #5f5d5d;}
.csq-ul{margin-top: 18px;}
.csq-ul > li{padding-left: 10px;font-size: 18px;line-height: 22px;color: #ffffff;background: url(../images/sub/csq_bg.gif) no-repeat left 10px;}
.uos-city{text-align: center;margin: 20px 0;}
.red-ft01{font-weight: bold;font-size: 24px;line-height: 28px;color: #f72c2c;}
.red-ft02{font-weight: bold;font-size: 30px;line-height: 34px;color: #f72c2c;}
.uc-arrow{margin: 10px 0;}
.uc-img{width: 100%;max-width: 915px;padding: 30px 10px;border: 1px solid #eeeeee;border-radius: 30px;margin: 0 auto;background: url(../images/sub/chart_bg.gif) repeat center;box-sizing: border-box;}
.uc-img .uci-title{font-weight: bold;font-size: 30px;color: #1f6ecb;}

.idea-ul{text-align: center;margin: 20px 0;font-size: 0;}
.idea-ul > li{display: inline-block;vertical-align: top;width: 100%;max-width: 480px;margin: 10px;}
.idea-ul > li .idea-head{padding: 30px 10px;border-radius: 20px 20px 0 0;background: #3ec9cd;}
.idea-ul > li:last-child .idea-head{background: #7f7f7f;}
.idea-ul > li .idea-head .ihd1{font-weight: bold;font-size: 25px;line-height: 29px;color: #ffffff;}
.idea-ul > li .idea-head .ihd2{font-weight: bold;font-size: 20px;line-height: 24px;color: #ffffff;}
.idea-ul > li .idea-cont{padding: 30px 20px;border-radius: 0 0 20px 20px;margin-top: 20px;background: #f7f6f6;}
.id-ico-ul{text-align: left;}
.id-ico-ul > li{padding: 20px 0;padding-left: 75px;}
.id-ico-ul > li.li01{background: url(../images/sub/idea_ico01.gif) no-repeat left center;}
.id-ico-ul > li.li02{background: url(../images/sub/idea_ico02.gif) no-repeat left center;}
.id-ico-ul > li.li03{background: url(../images/sub/idea_ico03.gif) no-repeat left center;}
.id-ico-ul > li.li04{background: url(../images/sub/idea_ico04.gif) no-repeat left center;}
.id-ico-ul > li.li05{background: url(../images/sub/idea_ico05.gif) no-repeat left center;}
.id-ico-ul > li.li06{background: url(../images/sub/idea_ico06.gif) no-repeat left center;}
.id-ico-ul > li.li07{background: url(../images/sub/idea_ico07.gif) no-repeat left center;}
.id-ico-ul > li.li08{background: url(../images/sub/idea_ico08.gif) no-repeat left center;}
.id-ico-ul > li .ii-ft1{font-weight: bold;font-size: 20px;line-height: 24px;color: #353535;}
.id-ico-ul > li .ii-ft2{font-size: 15px;line-height: 19px;color: #767676;}
/*마이페이지 취소버튼*/
.cancel-btn{
	display: inline-block;
    background: #676767;
    border: 1px solid #676766;
    padding: 5px 20px;
    border-radius: 18px;
    color: #fff;
    font-family: inherit;
    font-weight: 400;
    text-align: center;
    font-size: 16px;
	}

/*에러페이지*/
.error-wrap{width: calc(100% - 30px);padding: 0 0 70px;border-bottom: 1px solid #ddd;margin: 0 auto 100px;}
.error-head{text-align: center;width: 100%;margin: 0 auto;background: url(../images/sub/error_bg01.gif) repeat-x left center;}
.error-head span{display: inline-block;vertical-align: middle;padding: 30px;background: #fff;}
.ep-slogan{text-align: center;max-width: 710px;padding: 0 30px;margin: 0 auto;font-weight: bold;font-size: 32px;line-height: 36px;color: #231f20;}
.ep-img-out{text-align: center;padding: 80px 30px 10px;}
.error-explain{text-align: center;margin-top: 25px;padding: 0 20px;font-weight: bold;font-size: 26px;line-height: 30px;color: #315683;}
.ep-btns{text-align: center;margin-top: 50px;}
.ep-btns .ep-btn{display: inline-block;vertical-align: middle;padding: 15px 30px;border: 1px solid #c0cad2;border-radius: 31px;font-size: 24px;line-height: 28px;color: #fff;background: #2a74b0;}

/*20200324추가-송*/
/*기술제안소개*/
.list_type { padding-left: 12px;}
.list_type > li {position: relative; padding-left: 15px; color: #000; line-height: 28px; text-align: left;}
.list_type > li:after {content: ''; position: absolute; left: 0; top: 13px; width: 6px; height: 3px; background: #f29221; }
.list_type > li .title {color: #1359b8; font-weight: 500;}

.technical_introduce {overflow: hidden; margin: 60px 0 0;}
.technical_introduce > li {float: left; width: 140px;}
.technical_introduce.type2 {margin: 30px 0 0;}
.technical_introduce.type2 > li {width: 210px;}
.technical_introduce > li .box {padding: 5px; margin-bottom: 10px; text-align: center; background: #e98006; border-radius: 5px;}
.technical_introduce > li .box .d_table {width: 100%;padding: 5px 0;}
.technical_introduce > li .box .d_table .d_cell {height: 90px; color: #fff; line-height: 22px;}
.technical_introduce > li .box .document {width: 100%; color: #000; line-height: 30px; background: #fff; border-radius: 5px; font-weight: 500;}
.technical_introduce > li.arrow {width: 50px; text-align: center;}
.technical_introduce > li.arrow img {position: relative; top: 45px;}
.technical_introduce > li ul {padding: 0;}
.technical_introduce > li > ul li {font-size: 14px; line-height: 20px;}
.technical_attachment {margin-top: 20px;}
.technical_introduce > li .list_type > li:after {top: 9px;}
.technical_introduce > li .list_type2 > li:after {top: 10px;}
.technical_introduce > li .box.type2 .d_table .d_cell {height: 70px; color: #fff; line-height: 18px;}
.technical_introduce > li .box.type2 .document {display: table; line-height: 20px;}
.technical_introduce > li .box.type2 .document .d_cell {width: 100%; height: 50px;}
.technical_attachment h6 {padding-top: 75px; text-align: center; background: url('/images/icon_file2.png') center 10px no-repeat;}
.technical_attachment h6 span {display: inline-block; width: 215px; color: #fff; font-size: 16px; line-height: 40px; background: #000;}
.technical_attachment .attachment_area {overflow: hidden; padding: 50px 40px 0;}
.technical_attachment .attachment_area > li {float: left; width: 50%;}
.technical_attachment .attachment_area > li .list {padding-left: 15px;}
.technical_attachment .attachment_area > li .list > li {color: #000; font-size: 14px; list-style: decimal;}
.technical_attachment .attachment_area > li .list.type1 > li, .technical_attachment .attachment_area > li .list_type2 > li {color: #f26522;}
.technical_attachment .attachment_area > li .list_type2 {padding: 0;}
.technical_attachment .attachment_area > li .list_type2 > li:after {background: #f26522;}


@media screen and (max-width: 1220px) {
	.nav-in {width: 100%;}
}


@media screen and (max-width: 1024px) {
	#content .area{max-width: 98%;}
	.t-searchstyle1 select{width: 85px;}
	.t-searchstyle1 a{width: 50px;}
	.t-searchstyle1 input{width: calc(100% - 181px);}
	.databox span{max-width: 48%;}
	.databox input{width: calc(100% - 55px);}
	.screen .screen-left{float: none;}
	.screen .screen-right{float: none;width: 100%;max-width: 415px;margin-top: 20px;}
	.box-zone .left-zone{float: none;}
	.box-zone .right-zone{float: none;}
	.cis{background: none;}
	.cis-ul{background: none;}
	.cis-ul > li{margin: 5px;}
	.cis-ul > li > .cis-sq{margin-top: 10px;}
}

/*기술제안소개*/
@media screen and (max-width:1017px) {
.technical_introduce {margin: 20px 0 0;}
.technical_introduce > li {float: none; width: 100% !important;}
.technical_introduce > li .box .d_table .d_cell {padding: 5px 0 10px; height: auto;}
.technical_introduce > li.arrow {padding: 5px 0; width: 100%;}
.technical_introduce > li.arrow img {top: 0; transform: rotate(90deg);}
}

@media screen and (max-width: 768px) {
	.search-out{padding-bottom: 106%; background: url(../images/sub/so_bg2.jpg) no-repeat center 258px; background-size: 100% auto;}
	.ep-slogan{font-size: 24px;line-height: 28px;}
	.ep-btns .ep-btn{padding: 10px 20px;border-radius: 32px;font-size: 20px;line-height: 24px;}

	.nav-ul > li > a > span{padding: 0;background: none;}
	.nav-ul > li:nth-child(5) > a > span{padding-right: 20px;background: url(../images/sub/nav_bg.gif) no-repeat right center;}
	.nav-ul > li:nth-child(5) > a.on > span{background: url(../images/sub/nav_bg2.gif) no-repeat right center;}
	.nav{min-width: 300px;}
	.nav-in{width: calc(100% - 20px);}
}

@media screen and (max-width: 767px) {
	.pop-view{left: 2%;top: 50px;width: 96%;max-height: 500px;margin-left: 0px;overflow-y: auto;}
	.gal-board{margin-left:-10px;}
	.gal-board > li{margin-left: 10px;width: calc(50% - 10px);}
	.pp-title{padding: 0 20px;font-size: 18px;line-height: 22px;background: none;}
	.pp-sub-title{padding: 0 20px;font-size: 18px;line-height: 22px;}
	.box-zone .bz-title{padding-bottom: 0px;margin-top: 40px;background: none;}
	.bz-ul > li{display: block;width: 100%;height: auto;padding: 20px 10px;margin: 0;}
	.square-chart .sqc-left{display: block;}
	.square-chart .sqc-right{display: block;margin-top: 50px;}
	.sqc-ul > li{display: block;width: 100%;margin: 0;}
	.sqc-ul > li .sqc-cont{height: auto;}
	.sqc-ul > li .sqc-hd br{display: none;}
	.idea-ul > li{margin: 20px 0;}
} 
/* 20200217 추가 */
@media screen and (max-width:620px) {
	.databox{text-align:center;}
	.databox span{max-width:100%;width: 100%;}
	.databox span:first-child{margin-bottom:10px;width: 100%;}
	.t-searchstyle1 select{width: 100%;margin-bottom:10px;}
	.t-searchstyle1 a{width: 50px;float:right;}
	.t-searchstyle1 input{width: calc(100% - 90px);margin-left:0;}
}
/* //20200217 추가 */

@media screen and (max-width: 500px) {
	.sub-tab ul li{padding: 0 5px;}
	.sub-tab ul li a{padding: 0 10px;font-size: 16px;}
	.gal-board{margin-left:0;}
	.gal-board > li{margin-left: 0;width: 100%;}
	.card-ul > li{margin: 20px 0;}
	.card-ul > li > .card-name{width: 80%;}
	.card-ul > li > .card-cont{height: auto;padding: 50px 20px;}
}

@media screen and (max-width: 420px) {
	.databox span{max-width: 100%;display: block;}
	.art-box .ab-left{float: none;width: 100%;}
	.art-box .ab-right{text-align: center;float: none;width: 100%;}
	.cis-ul > li > .cis-sq{height: auto;}
}