@charset "utf-8";

/* main_container */
.main_container{background:#f3f6f9;}
.main_container .sub_wrap{background:#fff;}


/* review_box */
.main_contents{width:988px;margin:0 auto;padding:20px 0 62px;}
.main_contents:after{content:" ";display:block;clear:both;height:0;font-size:0;line-height:0;}
.main_contents .review_box{position:relative;float:left;width:300px;height:157px;margin-bottom:30px;background:#fff; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;}
.main_contents .review_box h3{height:86px;width:302px;margin:0 -1px;padding:28px 40px 0 0;text-align:right;background:#1979d7;font-size:22px;color:#fff;font-weight:bold;border-radius:5px 5px 0 0;}
.main_contents .review_box h3:after{content:" ";display:block;position:absolute;left:33px;top:-25px;width:90px;height:90px;background:url("../../resources/images/common/main_ico_1.png") no-repeat 0 0;}
.main_contents .review_box.ty1{margin-right:44px;}
.main_contents .review_box.ty2 h3{background:#09b4ae;}
.main_contents .review_box.ty2 h3:after{background:url("../../resources/images/common/main_ico_2.png") no-repeat 0 0;}
.main_contents .review_box.ty2{margin-right:44px;}
.main_contents .review_box.ty3 h3{background:#f79534;}
.main_contents .review_box.ty3 h3:after{background:url("../../resources/images/common/main_ico_3.png") no-repeat 0 0;}
.main_contents .review_box p{overflow:hidden;border-top:1px solid #eceff2;}
.main_contents .review_box p span{display:block;float:left;width:99px;height:73px;border-right:1px solid #e4e9f0;text-align:center;font-size:16px;font-weight:bold;line-height:1.1;}
.main_contents .review_box p span{display:block;float:left;width:99px;height:73px;border-right:1px solid #e4e9f0;text-align:center;font-size:16px;font-weight:bold;line-height:1.1;}
.main_contents .review_box p span:last-child{border-right:none;}
.main_contents .review_box p strong{display:block;padding:9px 0 5px;color:#1f3349;font-size:24px;letter-spacing:-2px;}


/* present_box */
.main_contents .present_box{position:relative;float:left;width:300px;height:120px;margin-bottom:10px;background:#fff; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;}
.main_contents .present_box h3{height:82px;padding:15px 0 0 45px;line-height:1.4;font-size:18px;font-weight:bold;color:#333;}
.main_contents .present_box h3 span{display:block;}
.main_contents .present_box .name{display:block;overflow:hidden;border-top:1px solid #eceff2;}
.main_contents .present_box .name span{display:block;float:left;width:150px;height:37px;border-right:1px solid #e4e9f0;text-align:center;font-size:16px;font-weight:bold;line-height:37px;color:#0357ac;}
.main_contents .present_box .name span:last-child{width:149px;border-right:none;}
.main_contents .present_box .name span strong{font-size:16px;color:#333;}
.main_contents .present_box .num{display:block;position:absolute;right:0;top:18px;width:137px;line-height:1.1;font-size:48px;text-align:center;color:#1979d7;font-weight:bold;}
.main_contents .present_box.ty2 .num{color:#09b4ae;}
.main_contents .present_box.ty2 .name span{color:#09b4ae;}

/*calendar box*/
.main_contents .calendar_box{position:relative;float:left;width:320px;height:400px;margin-bottom:10px;background:#fff; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;padding:15px;}

/* present_box3 */
.main_contents .present_box3{position:relative;float:right;width:322px;height:120px;margin-bottom:10px;background:#fff; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;}
.main_contents .present_box3 h3{height:82px;padding:15px 0 0 45px;line-height:1.4;font-size:18px;font-weight:bold;color:#333;}
.main_contents .present_box3 h3 span{display:block;}
.main_contents .present_box3 .name{display:block;overflow:hidden;border-top:1px solid #eceff2;}
.main_contents .present_box3 .name span{display:block;float:left;width:150px;height:37px;border-right:1px solid #e4e9f0;text-align:center;font-size:16px;font-weight:bold;line-height:37px;color:#0357ac;}
.main_contents .present_box3 .name span:last-child{width:149px;border-right:none;}
.main_contents .present_box3 .name span strong{font-size:16px;color:#333;}
.main_contents .present_box3 .num{display:block;position:absolute;right:0;top:18px;width:137px;line-height:1.1;font-size:48px;text-align:center;color:#1979d7;font-weight:bold;}
.main_contents .present_box3.ty2 .num{color:#09b4ae;}
.main_contents .present_box3.ty2 .name span{color:#09b4ae;}

/* notice_box2 */
.main_contents .notice_box2{position:relative;float:right;width:644px;height:120px;margin-bottom:10px;background:#fff; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;}
.main_contents .notice_box2 h3{height:36px;padding:0 0 0 22px;line-height:36px;font-size:16px;font-weight:bold;color:#333;border-bottom:1px solid #e4e9f0;margin-bottom:5px;}
.main_contents .notice_box2 .nodata{position:relative;padding:0 0 0 32px;height:30px;line-height:22px;background:url("../../resources/images/common/bul_2.gif") no-repeat 22px 50%;font-size:14px;}
.main_contents .notice_box2 li{position:relative;padding:0 0 0 32px;height:22px;line-height:22px;background:url("../../resources/images/common/bul_2.gif") no-repeat 22px 50%;}
.main_contents .notice_box2 a{display:inline-block;max-width:320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;}
.main_contents .notice_box2 .name{display:block;position:absolute;left:403px;top:0;width:80px;line-height:22px;height:22px;text-align:center;font-size:14px;overflow:hidden;}
.main_contents .notice_box2 .date{display:block;position:absolute;right:0;top:0;width:136px;line-height:22px;text-align:left;font-size:12px;}
.main_contents .notice_box2 .ico_commont2{vertical-align:8px;margin-left:1px;}
.main_contents .notice_box2 .more{display:block;position:absolute;right:20px;top:11px;width:auto;padding:0 24px 0 0;text-align:right;font-size:12px;height:17px;line-height:14px;background:url("../../resources/images/common/btn_more.png") no-repeat 100% 0;}

/* notice_box3 */
.main_contents .notice_box3{position:relative;float:middle;width:980px;margin-bottom:10px;background:#fff; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;}
.main_contents .notice_box3 h3{height:36px;padding:0 0 0 22px;line-height:36px;font-size:16px;font-weight:bold;color:#333;border-bottom:1px solid #e4e9f0;margin-bottom:5px;}
.main_contents .notice_box3 .nodata{position:relative;padding:0 0 0 32px;height:30px;line-height:22px;background:url("../../resources/images/common/bul_2.gif") no-repeat 22px 50%;font-size:14px;}
.main_contents .notice_box3 li:nth-child(even){position:relative;padding:0 0 0 32px; min-height:45px; height:90px; line-height:22px;}
.main_contents .notice_box3 li:nth-child(odd){position:relative;padding:0 0 0 32px; height:22px;line-height:22px;background:url("../../resources/images/common/bul_2.gif") no-repeat 22px 50%;}
.main_contents .notice_box3 a{display:inline-block;max-width:700px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;}
.main_contents .notice_box3 .name{display:block;position:absolute;left:753px;top:0;width:80px;line-height:22px;height:22px;text-align:center;font-size:14px;overflow:hidden;}
.main_contents .notice_box3 .date{display:block;position:absolute;right:5px;top:0;width:136px;line-height:22px;text-align:left;font-size:12px;}
.main_contents .notice_box3 .contents{display:flex;flex:1 auto 0; flex-direction: column;position:absolute;left:30px;right:20px;top:5px;width:930px; min-height:30px; padding:5px;line-height:22px;text-align:left;font-size:12px;word-break:break-all; border: 0.5px dashed #82878c; border-radius:5px;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.main_contents .notice_box3 .ico_commont2{vertical-align:8px;margin-left:1px;}
.main_contents .notice_box3 .more{display:block;position:absolute;right:20px;top:11px;width:auto;padding:0 24px 0 0;text-align:right;font-size:12px;height:17px;line-height:14px;background:url("../../resources/images/common/btn_more.png") no-repeat 100% 0;}

#notice_box4 ul.notice_tabs { margin: 0; padding: 0; float: left; list-style: none; height: 40px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 0px solid #ccc; border-top: 0px solid #ccc; width: 100%; font-size:12px; }
#notice_box4 ul.notice_tabs li { float: left; text-align:center; cursor: pointer; width:100px; height: 40px; line-height: 40px; border: 1px solid #ccc; border-left: none; font-weight: bold; background: #fafafa; overflow: hidden; position: relative; }/* 탭 - 메뉴 */
#notice_box4 ul.notice_tabs li:hover { background:#eee; color:#1979d7;}
#notice_box4 ul.notice_tabs li.active { background: #FFFFFF; color:#1979d7; border-top:3px solid #1979d7; border-bottom: 1px solid #FFFFFF; } /* 선택된 탭 스타일 */
#notice_box4 ul.notice_tabs .more{display:block;position:absolute;right:3px;top:13px; width:auto;  padding:0 12px 17px 0;text-align:right;font-size:22px;height:17px;line-height:14px; text-decoration: none; font-weight: normal;}
#notice_box4 .notice_tab_container { border: 1px solid #ccc; padding:10px 8px 8px 8px; border-top: none; float: left; width: 100%; background: #FFFFFF; height:181px; }/* 탭 내용 박스 */
#notice_box4 .notice_tab_container2 { border: 1px solid #ccc; padding:10px 8px 8px 8px; border-top: none; float: left; width: 100%; background: #FFFFFF; height:357px; }/* 탭 내용 박스 */
#notice_box4 .notice_tab_content { padding: 3px; font-size: 12px; display: none; text-align:left; }
#notice_box4 .notice_tab_content .nodata{position:relative;padding:0 0 0 32px;height:30px;line-height:22px;background:url("../../resources/images/common/bul_2.gif") no-repeat 22px 50%;font-size:14px;}
#notice_box4 .notice_tab_container .notice_tab_content ul { width:100%; margin:0px; padding:0px; }
#notice_box4 .notice_tab_container .notice_tab_content ul li { padding:5px; list-style:none }
#notice_box4 .notice_tab_container .notice_tab_content ul li:nth-child(even){position:relative;padding:0 0 0 25px; min-height:45px; height:90px; line-height:22px;}
#notice_box4 .notice_tab_container .notice_tab_content ul li:nth-child(odd){position:relative;padding:0 0 0 25px; height:26px;line-height:28px;background:url("../../resources/images/common/bul_2.gif") no-repeat 10px 50%;}
#notice_box4 .notice_tab_container .notice_tab_content ul li a{display:inline-block;max-width:320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:12px;}
#notice_box4 .notice_tab_container .notice_tab_content ul li .name{display:block;position:absolute;left:393px;top:0;width:80px;line-height:24px;height:24px;text-align:center;font-size:12px;overflow:hidden;}
#notice_box4 .notice_tab_container .notice_tab_content ul li .date{display:block;position:absolute;right:5px;top:0;width:136px;line-height:24px;text-align:left;font-size:12px;}
#notice_box4 .notice_tab_container .notice_tab_content ul li .ico_commont2{vertical-align:8px;margin-left:1px;}
#notice_box4 .notice_tab_container2 .notice_tab_content ul { width:100%; margin:0px; padding:0px; }
#notice_box4 .notice_tab_container2 .notice_tab_content ul li { padding:5px; list-style:none }
#notice_box4 .notice_tab_container2 .notice_tab_content ul li:nth-child(even){position:relative;padding:0 0 0 25px; min-height:45px; height:90px; line-height:22px;}
#notice_box4 .notice_tab_container2 .notice_tab_content ul li:nth-child(odd){position:relative;padding:0 0 0 25px; height:26px;line-height:28px;background:url("../../resources/images/common/bul_2.gif") no-repeat 10px 50%;}
#notice_box4 .notice_tab_container2 .notice_tab_content ul li a{display:inline-block;max-width:320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:12px;}
#notice_box4 .notice_tab_container2 .notice_tab_content ul li .name{display:block;position:absolute;left:393px;top:0;width:80px;line-height:24px;height:24px;text-align:center;font-size:12px;overflow:hidden;}
#notice_box4 .notice_tab_container2 .notice_tab_content ul li .date{display:block;position:absolute;right:5px;top:0;width:136px;line-height:24px;text-align:left;font-size:12px;}
#notice_box4 .notice_tab_container2 .notice_tab_content ul li .ico_commont2{vertical-align:8px;margin-left:1px;}
#notice_box4 .notice_tab_box { width:100%; }
#notice_box4 { min-height:180px; margin-bottom:10px; position:relative; float:right; width:644px; }


/* project_box */
.main_contents .title{float:left;width:100%;margin:15px 0 15px;padding:0 0 0 14px;font-size:22px;color:#333333;font-weight:bold;line-height:1.2;}
.main_contents .project_box{float:left;width:100%;}
.main_contents .project_box li{position:relative;width:100%;min-height:70px;padding:20px 0 20px 130px;overflow:hidden;margin-bottom:10px; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;background:#fff;}
.main_contents .project_box strong{position:absolute;left:0;top:50%;margin-top:-20px;width:160px;height:40px;line-height:40px;padding:0 0 0 35px;margin-right:31px;color:#1979d7;font-size:15px;font-weight:bold;}
/*.main_contents .project_box .team{width:100%;min-height:30px;line-height:20px;font-size:14px;overflow:hidden;background: url("../../resources/images/common/bg_line.gif") repeat-y 0 0;}*/
.main_contents .project_box .team p{font-size:14px;float:left;width:414px;text-align:right;padding:5px 40px 0 39px;font-size:12px;background:url("../../resources/images/common/bul_3.gif") no-repeat 33px 13px;}
.main_contents .project_box .team p a{float:left;max-width:244px;text-align:left;color:#333;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_contents .project_box .team p span{float:left;max-width:244px;text-align:left;color:#333;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_contents .project_box .tit1:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:middle;background:url("../../resources/images/common/tab_ico2_on.png") no-repeat 0 0;}
.main_contents .project_box .tit2:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:middle;background:url("../../resources/images/common/tab_ico_main2.png") no-repeat 0 0;}
.main_contents .project_box .tit3:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:middle;background:url("../../resources/images/common/tab_ico_main3.png") no-repeat 0 0;}
.main_contents .project_box .tit4:before{content:" ";display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:middle;background:url("../../resources/images/common/tab_ico_main4.png") no-repeat 0 0;}
.main_contents .project_box .tit2{color:#038680;}
.main_contents .project_box .tit3{color:#e45d1b;}
.main_contents .project_box .tit4{color:#831fcd;}

/* project_box2 */
.main_contents .project_box2{float:right;width:100%;}
.main_contents .project_box2 li{position:relative;overflow:hidden;margin-bottom:10px; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;background:#fff;}
.main_contents .project_box2 strong{position:absolute;left:0;top:50%;margin-top:-20px;width:160px;height:40px;line-height:40px;padding:0 0 0 35px;margin-right:31px;color:#1979d7;font-size:15px;font-weight:bold;}
/*.main_contents .project_box2 .team{width:100%;min-height:30px;line-height:20px;font-size:14px;overflow:hidden;background: url("../../resources/images/common/bg_line.gif") repeat-y 0 0;}*/
.main_contents .project_box2 .team p{font-size:14px;float:left;width:414px;text-align:right;padding:5px 40px 0 39px;font-size:12px;background:url("../../resources/images/common/bul_3.gif") no-repeat 33px 13px;}
.main_contents .project_box2 .team p a{float:left;max-width:244px;text-align:left;color:#333;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_contents .project_box2 .team p span{float:left;max-width:244px;text-align:left;color:#333;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_contents .project_box2 .tit1:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:middle;background:url("../../resources/images/common/tab_ico2_on.png") no-repeat 0 0;}
.main_contents .project_box2 .tit2:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:middle;background:url("../../resources/images/common/tab_ico_main2.png") no-repeat 0 0;}
.main_contents .project_box2 .tit3:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:middle;background:url("../../resources/images/common/tab_ico_main3.png") no-repeat 0 0;}
.main_contents .project_box2 .tit4:before{content:" ";display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:middle;background:url("../../resources/images/common/tab_ico_main4.png") no-repeat 0 0;}
.main_contents .project_box2 .tit2{color:#038680;}
.main_contents .project_box2 .tit3{color:#e45d1b;}
.main_contents .project_box2 .tit4{color:#831fcd;}
.main_contents .project_box2 .tab {list-style: none;margin: 0;padding: 0;overflow: hidden;}
.main_contents .project_box2 .tab li {float: left;}
.main_contents .project_box2 .tab li a {display: inline-block;color: #000;text-align: center;text-decoration: none;padding: 14px 16px;font-size: 17px;transition:0.3s;}
.main_contents .project_box2 .tabcontent {display: none;padding: 6px 12px;}
.main_contents .project_box2 .tabcontent.current {display: block;}

/* progress-style */
.progress-box { display:block; min-height:180px; position:relative; float:right; width:644px; }
.progress-style {display: inline-flex; width:564px; height: 30px;box-shadow: none;border-radius: 20px;overflow: visible;margin-top: 20px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);}
.progress-style + .progress-style {margin-top: 10px;}
.progress-style .progress-bar {display: inline;float:left; position: relative;text-align: left;line-height: 30px;border-radius: 0 10px 10px 0;box-shadow: none;}
.progress-style .progress-title {top:0.2px; position: relative;text-align: left;line-height: 30px;border-radius: 10px 0 0 10px; box-shadow: none;}
.progress-style .pb-label {position: absolute;left: 0;color: #fff;font-size: 13px;font-weight: 500;padding: 0 12px;background: rgba(255, 255, 255, 0.3);}
.progress-style .pb-percent {position: absolute;right: 10px;font-weight: 500;color: #fff;font-size: 12px;line-height: 26px;top: -10px;background: #444;padding: 0 7px;}
.progress-style .pb-percent2 {position: absolute; left: 10px;font-weight: 500;color: #fff;font-size: 12px;line-height: 26px;top: -10px;background: #444;padding: 0 7px;}
.progress-style .pb-label2 {position: static; float:right;color: #000000;font-size: 13px;font-weight: 500;padding: 0 12px; margin-top:5px;}

.progress-condition {position:absolute; right:0;float:right; widht:60px;}
.progress-condition .tooltiptext {visibility: hidden; top: 0px; left: 105%; width: 70px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1;}
.progress-condition:hover .tooltiptext { visibility: visible; }

/* notice ticker */
#ticker-layer { widht:100%; height:40px; margin-bottom:20px; }
.ticker { position:relative; float:right; width: 95%; height: 40px; overflow: hidden; border: 1px solid #DDD; margin-bottom:20px; list-style: none; border-radius: 5px; box-shadow: 0px 0px 5px #DDD; padding-left:10px; background:#fff;}
.ticker2 { position:relative; float:right; width: 95%; min-height: 60px; max-height:200px; overflow: auto; border: 1px solid #DDD; margin-bottom:20px; line-height:25px; border-radius: 5px; box-shadow: 0px 0px 5px #DDD; padding-left:10px; background:#fff; display:none;}
.ticker li { height: 30px; border-bottom: 1px dotted #DDD; padding: 9px 10px 0px 10px; margin: 0px 10px 10px 0px; font-size:13px;}
.ticker2 li { height: 20px; padding: 9px 10px 0px 10px; margin: 0px 0px 10px 0px; font-size:13px;}
.notice-ico {position:absolute; z-index:99;width:32px;height:32px;background:url('../../resources/images/common/ico_mic.png') no-repeat 0 0; margin:7px 0 0 10px;}
.notice-ticker {position:absolute; width:100%; height:40px; z-index:4;}
.notice-ticker2 {position:absolute; width:100%; z-index:5; }


.filters_wrapper { position:relative; float:center; font: 600 14px Roboto; }
.filters_wrapper span {     font-weight: bold;     padding-right: 5px;      color: rgba(0,0,0,0.7); }
.filters_wrapper label {     padding-right: 3px; }

/* project_box3 */
.main_contents .project_box3 {width:100%;height:100%}
.main_contents .project_box3 li{position:relative;overflow:hidden;margin-bottom:10px; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;background:#fff;}
.main_contents .project_box3 strong{position:absolute;left:0;top:50%;margin-top:-20px;width:160px;height:40px;line-height:40px;padding:0 0 0 35px;margin-right:31px;color:#1979d7;font-size:15px;font-weight:bold;}
/*.main_contents .project_box2 .team{width:100%;min-height:30px;line-height:20px;font-size:14px;overflow:hidden;background: url("../../resources/images/common/bg_line.gif") repeat-y 0 0;}*/
.main_contents .project_box3 .team p{font-size:14px;float:left;width:414px;text-align:right;padding:5px 40px 0 39px;font-size:12px;background:url("../../resources/images/common/bul_3.gif") no-repeat 33px 13px;}
.main_contents .project_box3 .team p a{float:left;max-width:244px;text-align:left;color:#333;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_contents .project_box3 .team p span{float:left;max-width:244px;text-align:left;color:#333;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_contents .project_box3 .tit1:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:middle;background:url("../../resources/images/common/tab_ico2_on.png") no-repeat 0 0;}
.main_contents .project_box3 .tit2:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:middle;background:url("../../resources/images/common/tab_ico_main2.png") no-repeat 0 0;}
.main_contents .project_box3 .tit3:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:middle;background:url("../../resources/images/common/tab_ico_main3.png") no-repeat 0 0;}
.main_contents .project_box3 .tit4:before{content:" ";display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:middle;background:url("../../resources/images/common/tab_ico_main4.png") no-repeat 0 0;}
.main_contents .project_box3 .tit2{color:#038680;}
.main_contents .project_box3 .tit3{color:#e45d1b;}
.main_contents .project_box3 .tit4{color:#831fcd;}
.main_contents .project_box3 .tab {list-style: none;margin: 0;padding: 0;overflow: hidden;}
.main_contents .project_box3 .tab li {float: left;}
.main_contents .project_box3 .tab li a {display: inline-block;color: #000;text-align: center;text-decoration: none;padding: 14px 16px;font-size: 17px;transition:0.3s;}
.main_contents .project_box3 .tabcontent {display: none;padding: 6px 12px;}
.main_contents .project_box3 .tabcontent.current {display: block;}




@media (max-width: 768px){

    /* main_container */
    .main_container{background:#f3f6f9;}
    .main_container .sub_wrap{background:#fff;}

    /* review_box */
    .main_contents{width:100%;margin:0 auto;padding:20px 0 62px;}
    .main_contents:after{content:" ";display:block;clear:both;height:0;font-size:0;line-height:0;}
    .main_contents .review_box{position:relative;float:left;width:100%;height:157px;margin-bottom:30px;background:#fff; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;}
    .main_contents .review_box h3{height:86px;width:100%;margin:0 -1px;padding:28px 40px 0 0;text-align:right;background:#1979d7;font-size:22px;color:#fff;font-weight:bold;border-radius:5px 5px 0 0;}
    .main_contents .review_box h3:after{content:" ";display:block;position:absolute;left:33px;top:-25px;width:90px;height:90px;background:url("../../resources/images/common/main_ico_1.png") no-repeat 0 0;}
    .main_contents .review_box.ty1{margin-right:44px;}
    .main_contents .review_box.ty2 h3{background:#09b4ae;}
    .main_contents .review_box.ty2 h3:after{background:url("../../resources/images/common/main_ico_2.png") no-repeat 0 0;}
    .main_contents .review_box.ty2{margin-right:44px;}
    .main_contents .review_box.ty3 h3{background:#f79534;}
    .main_contents .review_box.ty3 h3:after{background:url("../../resources/images/common/main_ico_3.png") no-repeat 0 0;}
    .main_contents .review_box p{overflow:hidden;border-top:1px solid #eceff2;}
    .main_contents .review_box p span{display:block;float:left;width:99px;height:73px;border-right:1px solid #e4e9f0;text-align:center;font-size:16px;font-weight:bold;line-height:1.1;}
    .main_contents .review_box p span{display:block;float:left;width:99px;height:73px;border-right:1px solid #e4e9f0;text-align:center;font-size:16px;font-weight:bold;line-height:1.1;}
    .main_contents .review_box p span:last-child{border-right:none;}
    .main_contents .review_box p strong{display:block;padding:9px 0 5px;color:#1f3349;font-size:24px;letter-spacing:-2px;}


    /* present_box */
    .main_contents .present_box{position:relative;float:left;width:300px;height:120px;margin-bottom:10px;background:#fff; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;}
    .main_contents .present_box h3{height:82px;padding:15px 0 0 45px;line-height:1.4;font-size:18px;font-weight:bold;color:#333;}
    .main_contents .present_box h3 span{display:block;}
    .main_contents .present_box .name{display:block;overflow:hidden;border-top:1px solid #eceff2;}
    .main_contents .present_box .name span{display:block;float:left;width:150px;height:37px;border-right:1px solid #e4e9f0;text-align:center;font-size:16px;font-weight:bold;line-height:37px;color:#0357ac;}
    .main_contents .present_box .name span:last-child{width:149px;border-right:none;}
    .main_contents .present_box .name span strong{font-size:16px;color:#333;}
    .main_contents .present_box .num{display:block;position:absolute;right:0;top:18px;width:137px;line-height:1.1;font-size:48px;text-align:center;color:#1979d7;font-weight:bold;}
    .main_contents .present_box.ty2 .num{color:#09b4ae;}
    .main_contents .present_box.ty2 .name span{color:#09b4ae;}

    /*calendar box*/
    .main_contents .calendar_box{display:none;}

    /* present_box3 */
    .main_contents .present_box3{position:relative;float:right;width:100%px;height:120px;margin-bottom:10px;background:#fff; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;}
    .main_contents .present_box3 h3{height:82px;padding:15px 0 0 45px;line-height:1.4;font-size:18px;font-weight:bold;color:#333;}
    .main_contents .present_box3 h3 span{display:block;}
    .main_contents .present_box3 .name{display:block;overflow:hidden;border-top:1px solid #eceff2;}
    .main_contents .present_box3 .name span{display:block;float:left;width:150px;height:37px;border-right:1px solid #e4e9f0;text-align:center;font-size:16px;font-weight:bold;line-height:37px;color:#0357ac;}
    .main_contents .present_box3 .name span:last-child{width:149px;border-right:none;}
    .main_contents .present_box3 .name span strong{font-size:16px;color:#333;}
    .main_contents .present_box3 .num{display:block;position:absolute;right:0;top:18px;width:137px;line-height:1.1;font-size:48px;text-align:center;color:#1979d7;font-weight:bold;}
    .main_contents .present_box3.ty2 .num{color:#09b4ae;}
    .main_contents .present_box3.ty2 .name span{color:#09b4ae;}

    /* notice_box2 */
    .main_contents .notice_box2{position:relative;float:right;width:100%;height:120px;margin-bottom:10px;background:#fff; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;}
    .main_contents .notice_box2 h3{height:36px;padding:0 0 0 22px;line-height:36px;font-size:16px;font-weight:bold;color:#333;border-bottom:1px solid #e4e9f0;margin-bottom:5px;}
    .main_contents .notice_box2 .nodata{position:relative;padding:0 0 0 32px;height:30px;line-height:22px;background:url("../../resources/images/common/bul_2.gif") no-repeat 22px 50%;font-size:14px;}
    .main_contents .notice_box2 li{position:relative;padding:0 0 0 32px;height:22px;line-height:22px;background:url("../../resources/images/common/bul_2.gif") no-repeat 22px 50%;}
    .main_contents .notice_box2 a{display:inline-block;max-width:320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;}
    .main_contents .notice_box2 .name{display:block;position:absolute;left:403px;top:0;width:80px;line-height:22px;height:22px;text-align:center;font-size:14px;overflow:hidden;}
    .main_contents .notice_box2 .date{display:block;position:absolute;right:0;top:0;width:136px;line-height:22px;text-align:left;font-size:12px;}
    .main_contents .notice_box2 .ico_commont2{vertical-align:8px;margin-left:1px;}
    .main_contents .notice_box2 .more{display:block;position:absolute;right:20px;top:11px;width:auto;padding:0 24px 0 0;text-align:right;font-size:12px;height:17px;line-height:14px;background:url("../../resources/images/common/btn_more.png") no-repeat 100% 0;}

    /* notice_box3 */
    .main_contents .notice_box3{position:relative;float:middle;width:100%;margin-bottom:10px;background:#fff; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;}
    .main_contents .notice_box3 h3{height:36px;padding:0 0 0 22px;line-height:36px;font-size:16px;font-weight:bold;color:#333;border-bottom:1px solid #e4e9f0;margin-bottom:5px;}
    .main_contents .notice_box3 .nodata{position:relative;padding:0 0 0 32px;height:30px;line-height:22px;background:url("../../resources/images/common/bul_2.gif") no-repeat 22px 50%;font-size:14px;}
    .main_contents .notice_box3 li:nth-child(even){position:relative;padding:0 0 0 32px; min-height:45px; height:90px; line-height:22px;}
    .main_contents .notice_box3 li:nth-child(odd){position:relative;padding:0 0 0 32px; height:22px;line-height:22px;background:url("../../resources/images/common/bul_2.gif") no-repeat 22px 50%;}
    .main_contents .notice_box3 a{display:inline-block;max-width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;}
    .main_contents .notice_box3 .name{display:block;position:absolute;left:753px;top:0;width:80px;line-height:22px;height:22px;text-align:center;font-size:14px;overflow:hidden;}
    .main_contents .notice_box3 .date{display:block;position:absolute;right:5px;top:0;width:136px;line-height:22px;text-align:left;font-size:12px;}
    .main_contents .notice_box3 .contents{display:flex;flex:1 auto 0; flex-direction: column;position:absolute;left:30px;right:20px;top:5px;width:930px; min-height:30px; padding:5px;line-height:22px;text-align:left;font-size:12px;word-break:break-all; border: 0.5px dashed #82878c; border-radius:5px;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
    .main_contents .notice_box3 .ico_commont2{vertical-align:8px;margin-left:1px;}
    .main_contents .notice_box3 .more{display:block;position:absolute;right:20px;top:11px;width:auto;padding:0 24px 0 0;text-align:right;font-size:12px;height:17px;line-height:14px;background:url("../../resources/images/common/btn_more.png") no-repeat 100% 0;}

    #notice_box4 ul.notice_tabs { margin: 0; padding: 0; float: left; list-style: none; height: 40px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 0px solid #ccc; border-top: 0px solid #ccc; width: 100%; font-size:12px; }
    #notice_box4 ul.notice_tabs li { float: left; text-align:center; cursor: pointer; width:100px; height: 40px; line-height: 40px; border: 1px solid #ccc; border-left: none; font-weight: bold; background: #fafafa; overflow: hidden; position: relative; }/* 탭 - 메뉴 */
    #notice_box4 ul.notice_tabs li:hover { background:#eee; color:#1979d7;}
    #notice_box4 ul.notice_tabs li.active { background: #FFFFFF; color:#1979d7; border-top:3px solid #1979d7; border-bottom: 1px solid #FFFFFF; } /* 선택된 탭 스타일 */
    #notice_box4 ul.notice_tabs .more{display:block;position:absolute;right:3px;top:13px; width:auto;  padding:0 12px 17px 0;text-align:right;font-size:22px;height:17px;line-height:14px; text-decoration: none; font-weight: normal;}
    #notice_box4 .notice_tab_container { border: 1px solid #ccc; padding:10px 8px 8px 8px; border-top: none; float: left; width: 100%; background: #FFFFFF; height:181px; }/* 탭 내용 박스 */
    #notice_box4 .notice_tab_container2 { border: 1px solid #ccc; padding:10px 8px 8px 8px; border-top: none; float: left; width: 100%; background: #FFFFFF; height:357px; }/* 탭 내용 박스 */
    #notice_box4 .notice_tab_content { padding: 3px; font-size: 12px; display: none; text-align:left; }
    #notice_box4 .notice_tab_content .nodata{position:relative;padding:0 0 0 32px;height:30px;line-height:22px;background:url("../../resources/images/common/bul_2.gif") no-repeat 22px 50%;font-size:14px;}
    #notice_box4 .notice_tab_container .notice_tab_content ul { width:100%; margin:0px; padding:0px; }
    #notice_box4 .notice_tab_container .notice_tab_content ul li { padding:5px; list-style:none }
    #notice_box4 .notice_tab_container .notice_tab_content ul li:nth-child(even){position:relative;padding:0 0 0 25px; min-height:45px; height:90px; line-height:22px;}
    #notice_box4 .notice_tab_container .notice_tab_content ul li:nth-child(odd){position:relative;padding:0 0 0 25px; height:26px;line-height:28px;background:url("../../resources/images/common/bul_2.gif") no-repeat 10px 50%;}
    #notice_box4 .notice_tab_container .notice_tab_content ul li a{display:inline-block;max-width:320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:12px;}
    #notice_box4 .notice_tab_container .notice_tab_content ul li .name{display:block;position:absolute;left:393px;top:0;width:80px;line-height:24px;height:24px;text-align:center;font-size:12px;overflow:hidden;}
    #notice_box4 .notice_tab_container .notice_tab_content ul li .date{display:block;position:absolute;right:5px;top:0;width:136px;line-height:24px;text-align:left;font-size:12px;}
    #notice_box4 .notice_tab_container .notice_tab_content ul li .ico_commont2{vertical-align:8px;margin-left:1px;}
    #notice_box4 .notice_tab_container2 .notice_tab_content ul { width:100%; margin:0px; padding:0px; }
    #notice_box4 .notice_tab_container2 .notice_tab_content ul li { padding:5px; list-style:none }
    #notice_box4 .notice_tab_container2 .notice_tab_content ul li:nth-child(even){position:relative;padding:0 0 0 25px; min-height:45px; height:90px; line-height:22px;}
    #notice_box4 .notice_tab_container2 .notice_tab_content ul li:nth-child(odd){position:relative;padding:0 0 0 25px; height:26px;line-height:28px;background:url("../../resources/images/common/bul_2.gif") no-repeat 10px 50%;}
    #notice_box4 .notice_tab_container2 .notice_tab_content ul li a{display:inline-block;max-width:320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:12px;}
    #notice_box4 .notice_tab_container2 .notice_tab_content ul li .name{display:block;position:absolute;left:393px;top:0;width:80px;line-height:24px;height:24px;text-align:center;font-size:12px;overflow:hidden;}
    #notice_box4 .notice_tab_container2 .notice_tab_content ul li .date{display:block;position:absolute;right:5px;top:0;width:136px;line-height:24px;text-align:left;font-size:12px;}
    #notice_box4 .notice_tab_container2 .notice_tab_content ul li .ico_commont2{vertical-align:8px;margin-left:1px;}
    #notice_box4 .notice_tab_box { width:100%; }
    #notice_box4 { min-height:180px; margin-bottom:10px; position:relative; float:right; width:100%; }


    /* main_board */


    /* project_box */


    /* project_box2 */
    .main_contents .project_box2{float:right;width:100%;}
    .main_contents .project_box2 li{position:relative;overflow:hidden;margin-bottom:10px; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;background:#fff;}
    .main_contents .project_box2 strong{position:absolute;left:0;width:160px;height:40px;line-height:40px;padding:0 0 0 35px;margin-right:31px;color:#1979d7;font-size:15px;font-weight:bold;}
    /*.main_contents .project_box2 .team{width:100%;min-height:30px;line-height:20px;font-size:14px;overflow:hidden;background: url("../../resources/images/common/bg_line.gif") repeat-y 0 0;}*/
    .main_contents .project_box2 .team p{display:inline-block;font-size:14px;float:left;width:100%;text-align:right;padding:5px 40px 0 39px;font-size:12px;background:url("../../resources/images/common/bul_3.gif") no-repeat 33px 13px;}
    .main_contents .project_box2 .team p a{display:inline-block;float:left;max-width:244px;text-align:left;color:#333;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .main_contents .project_box2 .team p span{float:left;max-width:244px;text-align:left;color:#333;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .main_contents .project_box2 .tit1:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:top;background:url("../../resources/images/common/tab_ico2_on.png") no-repeat 0 0;}
    .main_contents .project_box2 .tit2:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:top;background:url("../../resources/images/common/tab_ico_main2.png") no-repeat 0 0;}
    .main_contents .project_box2 .tit3:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:top;background:url("../../resources/images/common/tab_ico_main3.png") no-repeat 0 0;}
    .main_contents .project_box2 .tit4:before{content:" ";display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:top;background:url("../../resources/images/common/tab_ico_main4.png") no-repeat 0 0;}
    .main_contents .project_box2 .tit2{color:#038680;}
    .main_contents .project_box2 .tit3{color:#e45d1b;}
    .main_contents .project_box2 .tit4{color:#831fcd;}
    .main_contents .project_box2 .tab {list-style: none;margin: 0;padding: 0;overflow: hidden;}
    .main_contents .project_box2 .tab li {float: left;}
    .main_contents .project_box2 .tab li a {display: inline-block;color: #000;text-align: center;text-decoration: none;padding: 14px 16px;font-size: 17px;transition:0.3s;}
    .main_contents .project_box2 .tabcontent {display: none;padding: 6px 12px;}
    .main_contents .project_box2 .tabcontent.current {display: block;}

    /* progress-style */
    .progress-box { display:block; min-height:180px; position:relative; float:right; width:100%; }
    .progress-style {display: inline-flex; width:100%; height: 30px;box-shadow: none;border-radius: 20px;overflow: visible;margin-top: 20px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);}
    .progress-style + .progress-style {margin-top: 10px;}
    .progress-style .progress-bar {display: inline;float:left; position: relative;text-align: left;line-height: 30px;border-radius: 0 10px 10px 0;box-shadow: none;}
    .progress-style .progress-title {top:0.2px; position: relative;text-align: left;line-height: 30px;border-radius: 10px 0 0 10px; box-shadow: none;}
    .progress-style .pb-label {position: absolute;left: 0;color: #fff;font-size: 13px;font-weight: 500;padding: 0 12px;background: rgba(255, 255, 255, 0.3);}
    .progress-style .pb-percent {position: absolute;right: 10px;font-weight: 500;color: #fff;font-size: 12px;line-height: 26px;top: -10px;background: #444;padding: 0 7px;}
    .progress-style .pb-percent2 {position: absolute; left: 10px;font-weight: 500;color: #fff;font-size: 12px;line-height: 26px;top: -10px;background: #444;padding: 0 7px;}
    .progress-style .pb-label2 {position: static; float:right;color: #000000;font-size: 13px;font-weight: 500;padding: 0 12px; margin-top:5px;}

    .progress-condition {position:absolute; right:0;float:right; widht:60px;}
    .progress-condition .tooltiptext {visibility: hidden; top: 0px; left: 105%; width: 70px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1;}
    .progress-condition:hover .tooltiptext { visibility: visible; }

    /* notice ticker */
    #ticker-layer { widht:100%; height:40px; margin-bottom:20px; }
    .ticker { position:relative; float:right; width: 95%; height: 40px; overflow: hidden; border: 1px solid #DDD; margin-bottom:20px; list-style: none; border-radius: 5px; box-shadow: 0px 0px 5px #DDD; padding-left:10px; background:#fff;}
    .ticker2 { position:relative; float:right; width: 95%; min-height: 60px; max-height:200px; overflow: auto; border: 1px solid #DDD; margin-bottom:20px; line-height:25px; border-radius: 5px; box-shadow: 0px 0px 5px #DDD; padding-left:10px; background:#fff; display:none;}
    .ticker li { height: 30px; border-bottom: 1px dotted #DDD; padding: 9px 10px 0px 10px; margin: 0px 10px 10px 0px; font-size:13px;}
    .ticker2 li { height: 20px; padding: 9px 10px 0px 10px; margin: 0px 0px 10px 0px; font-size:13px;}
    .notice-ico {position:absolute; z-index:99;width:32px;height:32px;background:url('../../resources/images/common/ico_mic.png') no-repeat 0 0; margin:7px 0 0 10px;}
    .notice-ticker {position:absolute; width:100%; height:400px; z-index:4;}
    .notice-ticker2 {position:absolute; width:100%; z-index:5; }


    .filters_wrapper { position:relative; float:center; font: 600 14px Roboto; }
    .filters_wrapper span {     font-weight: bold;     padding-right: 5px;      color: rgba(0,0,0,0.7); }
    .filters_wrapper label {     padding-right: 3px; }

    /* project_box3 */
    .main_contents .project_box3 {width:100%;height:100%}
    .main_contents .project_box3 li{position:relative;overflow:hidden;margin-bottom:10px; -webkit-box-shadow: 0 0 3px #bfcdde; -moz-box-shadow: 0 0 3px #bfcdde; box-shadow: 0 0 3px #bfcdde; border-radius:5px;background:#fff;}
    .main_contents .project_box3 strong{position:absolute;left:0;top:50%;margin-top:-20px;width:100%;height:40px;line-height:40px;padding:0 0 0 35px;margin-right:31px;color:#1979d7;font-size:15px;font-weight:bold;}
    /*.main_contents .project_box2 .team{width:100%;min-height:30px;line-height:20px;font-size:14px;overflow:hidden;background: url("../../resources/images/common/bg_line.gif") repeat-y 0 0;}*/
    .main_contents .project_box3 .team p{font-size:14px;float:left;width:414px;text-align:right;padding:5px 40px 0 39px;font-size:12px;background:url("../../resources/images/common/bul_3.gif") no-repeat 33px 13px;}
    .main_contents .project_box3 .team p a{float:left;max-width:100%;text-align:left;color:#333;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .main_contents .project_box3 .team p span{float:left;max-width:100%;text-align:left;color:#333;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .main_contents .project_box3 .tit1:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:top;background:url("../../resources/images/common/tab_ico2_on.png") no-repeat 0 0;}
    .main_contents .project_box3 .tit2:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:top;background:url("../../resources/images/common/tab_ico_main2.png") no-repeat 0 0;}
    .main_contents .project_box3 .tit3:before{content:" ";display:inline-block;width:24px;height:23px;margin-right:8px;vertical-align:top;background:url("../../resources/images/common/tab_ico_main3.png") no-repeat 0 0;}
    .main_contents .project_box3 .tit4:before{content:" ";display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:top;background:url("../../resources/images/common/tab_ico_main4.png") no-repeat 0 0;}
    .main_contents .project_box3 .tit2{color:#038680;}
    .main_contents .project_box3 .tit3{color:#e45d1b;}
    .main_contents .project_box3 .tit4{color:#831fcd;}
    .main_contents .project_box3 .tab {list-style: none;margin: 0;padding: 0;overflow: hidden;}
    .main_contents .project_box3 .tab li {float: left;}
    .main_contents .project_box3 .tab li a {display: inline-block;color: #000;text-align: center;text-decoration: none;padding: 14px 16px;font-size: 17px;transition:0.3s;}
    .main_contents .project_box3 .tabcontent {display: none;padding: 6px 12px;}
    .main_contents .project_box3 .tabcontent.current {display: block;}
}