@charset "utf-8";
/****************************************/
/* Name: KIAT 융합혁신지원단
/* Version: 1.0 / day: 2020-12-10
/* Author:  

/* Summary 
	1)서브 콘텐츠
	2)반응형 서브 콘텐츠
*/
/****************************************/


/*
================================================================================
서브 콘텐츠
================================================================================
*/

.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mb-70 { margin-bottom:-70px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }

.mr5 { margin-right:5px !important; }
.mr8 { margin-right:8px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }

.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }

.pt5 { padding-top:5px !important; }
.pt8 { padding-top:8px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }

.pb5 { padding-bottom:5px !important; }
.pb8 { padding-bottom:8px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }

.pp60{ padding:60px !important; }


/* text-align */
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !important;}
.mb_right{text-align:right !important;}

.dib{display:inline-block !important}
.db{display:block !important}

.pos_rel{position:relative}

.col_red{color:#ff0000 !important}
.col_orang{color:#f45708 !important}
.col_gray{color:#888 !important}
.col_gray2{color:#555 !important}
.col_blue{color:#157cb6 !important}
.col_blue2{color:#4492e2 !important}
.col_blue3{color:#0a4495 !important}
.col_black{color:#222 !important}
.col_green{color:#52830c !important}
.linH1{line-height:1.6}

.ftw400{font-weight:400}
.ftw500{font-weight:500}

.fon24{font-size:24px}
.fon20{font-size:20px}
.fon18{font-size:18px}
.fon16{font-size:16px}
.fon14{font-size:14px}

h1.title{position:relative;margin-bottom:80px;padding-bottom:20px;font-size:40px;color:#252525;line-height:1;font-weight:700;border-bottom:1px solid #e1e1e1}
h2.title{margin: 40px 0 20px;font-size: 24px;color: #157cb6;font-weight: 700;line-height: 1;}
h2.title2{position:relative;margin: 40px 0 30px;padding-left:30px;font-size: 26px;color: #252525;font-weight: 700;line-height: 1;}
h2.title2::before{position:absolute;top:3px;left:0;width:20px;height:20px;content:'';border:5px solid #06377b;box-sizing:border-box}
h3.title{position:relative;margin:25px 0 20px 27px;font-size:20px;color:#157cb6;}
h4.title{position:relative;margin:20px 0 15px 27px;font-size:18px;color:#252525;}

h1.title + h2.title{margin-top:0}

input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{margin:1px 0;padding:5px 10px;height:40px;font-size:16px;background:#fff;border:1px solid #e1e1e1;border-radius:0}
textarea{margin:1px 0;padding:5px 3px 4px 3px;width:100%;border:1px solid #cdcdcd;border-radius:0}
input[type="file"]{margin:1px 0;height:40px;font-size:14px;background:none;}
/*input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus{background:#f1f9ff;}*/
input[type="submit"]{cursor:pointer;}
.select{margin:1px 0;padding:0 30px 0 10px;height:40px;font-size:16px;color:#636363;cursor:pointer;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:#fff url('../images/ic_select_arrow.png') no-repeat right 12px center;border:1px solid #e1e1e1;}
.select::-ms-expand{display: none;}
input::-ms-clear{display:none}
input:-ms-input-placeholder {color: #636363;}
input::-webkit-input-placeholder {color: #636363;}
input::-moz-placeholder {color: #636363;}
input::-moz-placeholder {color: #636363;}
textarea::-ms-clear{display:none}
textarea:-ms-input-placeholder {color: #636363;}
textarea::-webkit-input-placeholder {color: #636363;}
textarea::-moz-placeholder {color: #636363;}
textarea::-moz-placeholder {color: #636363;}
input:disabled,
select:disabled{background-color:#f3f3f3}

.btnList{margin:35px 0;text-align:center}
.btnList::after{display:block;clear:both;content:''}

.li_dot{text-align:left}
.li_dot > li{position:relative;padding-left:10px}
.li_dot > li::before{position:absolute;top:0;left:0;content:'-'}

.li_dot2{text-align:left}
.li_dot2 > li{position:relative;padding-left:15px}
.li_dot2 > li::before{position:absolute;top:8px;left:0;width:6px;height:6px;content:'';background:#55a003;border-radius:50%}
.li_dot2 > li li{position:relative;padding-left:10px}
.li_dot2 > li li::before{position:absolute;top:0;left:0;content:'-'}
.li_dot3{text-align:left}
.li_dot3 > li{position:relative;padding-left:14px}
.li_dot3 > li::before{position:absolute;top:10px;left:0;width:4px;height:4px;content:'';background:#959595;border-radius:50%}
.li_dot3 > li > ul > li{position:relative;padding-left:10px}
.li_dot3 > li > ul > li::before{position:absolute;top:0;left:0;content:'-'}

.li_num > li{position:relative;margin:0 0 13px 20px;list-style-type:decimal;}
.li_num2 > li{position:relative;margin:0 0 0 20px;list-style-type:decimal-leading-zero;}

.h_p{margin:0 0 25px 27px}

.h_dot{position:relative;margin-left:27px;padding-left:10px;text-align:left}
.h_dot::before{position:absolute;top:0;left:0;content:'-'}


/* 일반용 버튼 */
.btnBc{display:inline-block;margin:1px;}
.btnBc a,
.btnBc button,
.btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 20px;min-width:120px;width:100%;font-size:16px;color:#fff;line-height:55px;text-align:center;text-decoration:none;background-color:#157cb6;cursor:pointer;transition: all 0.2s;-webkit-transition: all 0.2s;border-radius:0;border:1px solid #157cb6}
.btnBc a:hover,
.btnBc button:hover,
.btnBc input:hover{color:#157cb6;background-color:#fff;border:1px solid #157cb6}

.btnBc.orang a,
.btnBc.orang button,
.btnBc.orang input{background-color:#f26522;border:1px solid #f26522}
.btnBc.orang a:hover,
.btnBc.orang button:hover,
.btnBc.orang input:hover{color:#f26522;background-color:#fff;border:1px solid #f26522}
.btnBc.sm a,
.btnBc.sm button,
.btnBc.sm input{padding:0 10px;min-width:70px;font-size:14px;line-height:38px;}
.btnBc.sm2 a,
.btnBc.sm2 button,
.btnBc.sm2 input{min-width:50px;line-height:30px;}
.btnBc.big a,
.btnBc.big button,
.btnBc.big input{min-width:200px;font-size:20px;line-height:65px;font-weight:500}
.btnBc.gray a,
.btnBc.gray button,
.btnBc.gray input{background-color:#7d7d7d;border:1px solid #7d7d7d}
.btnBc.gray a:hover,
.btnBc.gray button:hover,
.btnBc.gray input:hover{color:#7d7d7d;background-color:#fff;border:1px solid #7d7d7d}
.btnBc.gray2 a,
.btnBc.gray2 button,
.btnBc.gray2 input{background-color:#555;border:1px solid #555}
.btnBc.gray2 a:hover,
.btnBc.gray2 button:hover,
.btnBc.gray2 input:hover{color:#555;background-color:#fff;border:1px solid #555}
.btnBc.black a,
.btnBc.black button,
.btnBc.black input{background-color:#000;border:1px solid #000}
.btnBc.black a:hover,
.btnBc.black button:hover,
.btnBc.black input:hover{color:#000;background-color:#fff;border:1px solid #000}
.btnBc.green a,
.btnBc.green button,
.btnBc.green input{background-color:#52830c;border:1px solid #52830c}
.btnBc.green a:hover,
.btnBc.green button:hover,
.btnBc.green input:hover{color:#52830c;background-color:#fff;border:1px solid #52830c}
.btnBc.w a,
.btnBc.w button,
.btnBc.w input{min-width:400px;}
.btnBc.search a,
.btnBc.search button,
.btnBc.search input{min-width:140px;font-size:18px;line-height:60px}


.btnBc2{display:inline-block;margin:1px;vertical-align:middle;}
.btnBc2 a,
.btnBc2 button,
.btnBc2 input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 30px;min-width:120px;width:100%;font-size:20px;color:#fff;line-height:65px;text-align:center;text-decoration:none;background-color:#f26522;cursor:pointer;transition: all 0.2s;-webkit-transition: all 0.2s;border-radius:33px;}
.btnBc2.arrow a,
.btnBc2.arrow button,
.btnBc2.arrow input{padding-right:70px;background-image:url('../images/ic_arrow4.png');background-repeat:no-repeat;background-position:right 25px center}
.btnBc2.sm a,
.btnBc2.sm button,
.btnBc2.sm input{font-size:16px;line-height:50px;font-weight:500}
.btnBc2.blue a,
.btnBc2.blue button,
.btnBc2.blue input{background-color:#1c2674}
.btnBc2.blue2 a,
.btnBc2.blue2 button,
.btnBc2.blue2 input{background-color:#157cb6}

.td_right tbody td{text-align:right !important}
.td_left tbody td{text-align:left !important}
.th_left tbody th{text-align:left !important}
.th_center tbody th{text-align:center !important}
.t_typelA{border-top:2px solid #393939}
.t_typelA tr{text-align:center;}
.t_typelA thead th{padding:20px 15px;line-height:18px;color:#252525;font-weight:500;word-break:keep-all;background:#f8f8f8;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}
.t_typelA thead th:first-child{border-left:0;}
.t_typelA thead th[rowspan]{border-right:1px solid #e2e2e2}
.t_typelA tbody th{padding:10px 15px;font-weight:400;word-break:break-all;background:#f8f8f8;border:1px solid #e2e2e2;border-width:1px 0 1px 1px}
.t_typelA tbody th:first-child{border-left:0}
.t_typelA tbody th[rowspan]{border-right:1px solid #e2e2e2}
.t_typelA tbody td{padding:10px 15px;height:46px;background:#fff;border:1px solid #e2e2e2;border-width:1px 0 1px 1px}
.t_typelA tbody td:first-child{border-left:0}
.t_typelA tbody td[rowspan]{border-right:1px solid #e2e2e2}
.t_typelA tbody td[rowspan]:last-child{border-right:0;}
.t_typelA tfoot th{padding:20px 15px;color:#252525;font-weight:500;background:#f5ece8;border:1px solid #e2e2e2;border-width:1px 0 1px 1px}
.t_typelA tfoot td{padding:20px 15px;color:#252525;font-weight:500;background:#f8f8f8;border:1px solid #e2e2e2;border-width:1px 0 1px 1px}
.t_typelA tfoot td:first-child{border-left:0}
.t_typelA tbody td .li_dot.li2::after{display:block;clear:both;content:''}
.t_typelA tbody td .li_dot.li2 li{float:left;width:50%}
.t_typelA tbody td .btnOrg1{width:100px;height:38px;color:#fff;background:#157cb6}
.t_typelA tbody td .btnOrg2{width:80px;height:38px;color:#fff;background:#555}
.t_typelA tbody td.workCon{padding:20px;text-align:left}
.t_typelA tbody tr.work{display:none}
.t_typelA tbody tr.work.on{display:table-row}
.t_typelA tbody td a{display:block}
.t_typelA.list tbody td{word-break: break-all;}
th.hb{color:#252525;font-weight:500 !important;}
.t_typelA.th18 tbody th{font-size:18px;color:#252525;font-weight:500;background:#fff}


.tabMenu{margin-bottom:30px}
.tabMenu ul::after{display:block;clear:both;content:''}
.tabMenu ul li{float:left;width:25%;text-align:center}
.tabMenu ul li a{position:relative;display:block;margin-left:-1px;height:60px;font-size:18px;color:#636363;font-weight:500;line-height:54px;background:#fff;border:1px solid #e1e1e1;z-index:1;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.tabMenu ul li a span{display:inline-block;vertical-align:middle;line-height:1.2}
.tabMenu ul li a:hover,
.tabMenu ul li.on a{color:#fff;/*background:#55a003;border:1px solid #55a003;*/background:#07499d;border:1px solid #07499d;z-index:2}
.tabMenu ul li:first-child:nth-last-child(2),
.tabMenu ul li:first-child:nth-last-child(2) ~ li{width:50%}
.tabMenu ul li:first-child:nth-last-child(3),
.tabMenu ul li:first-child:nth-last-child(3) ~ li{width:33.33%}
.tabMenu ul li:first-child:nth-last-child(4),
.tabMenu ul li:first-child:nth-last-child(4) ~ li{width:25%}
.tabMenu ul li:first-child:nth-last-child(5),
.tabMenu ul li:first-child:nth-last-child(5) ~ li{width:20%}
.tabMenu ul li:first-child:nth-last-child(6),
.tabMenu ul li:first-child:nth-last-child(6) ~ li{width:16.666%}
.tabMenu ul li:first-child:nth-last-child(7),
.tabMenu ul li:first-child:nth-last-child(7) ~ li{width:14.28%}
.tabMenu ul li:first-child:nth-last-child(8),
.tabMenu ul li:first-child:nth-last-child(8) ~ li{width:12.5%}
.tabMenu ul.li2 li{width:50%}
.tabMenu ul.li2_1 li{width:50%}
.tabMenu ul.li3 li{width:33.3%}
.tabMenu ul.li4 li{width:25%}
.tabMenu ul.li5 li{width:20%}
.tabMenu ul.li6 li{width:16.666%}
.tabMenu ul.li7 li{width:14.28%}
.tabMenu ul.li8 li{width:12.5%}
.tabMenu.type1 ul li a:hover,
.tabMenu.type1 ul li.on a{background:#4e525c;border-color:#4e525c}
.tabMenu.type2{margin-bottom:80px;border-bottom:1px solid #008570}
.tabMenu.type2 ul li a{border-bottom:0}
.tabMenu.type2 ul li a:hover,
.tabMenu.type2 ul li.on a{background:#008570}

.tabMenu2{padding:25px 35px;border:4px solid #eaeaea}
.tabMenu2 ul::after{display:block;clear:both;content:''}
.tabMenu2 ul li{position:relative;float:left;margin:10px 0;width:33.33%;text-align:center}
.tabMenu2 ul li::before{position:absolute;top:50%;left:0;width:0;height:40px;content:'';border-left:1px solid #eaeaea;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.tabMenu2 ul li:first-child::before{display:none}
.tabMenu2 ul li a{display:block;font-size:18px;color:#636363}
.tabMenu2 ul li.on a{color:#ef5000;font-weight:500}

/* 게시글 상단 */
.bbs_top{margin-bottom:20px}
.bbs_top::after{display:block;clear:both;content:''}
.bbs_top .total{float:left;padding-top:20px;font-size:18px}
.bbs_top .total b{color:#252525;font-weight:500}
.bbs_top .total span{color:#f26522}
.bbs_top .boadSearchA{float:right}
.bbs_top .rightCon{float:right}

.boadSearchA{position:relative;text-align:right}
.boadSearchA select{margin:0 5px 0 0;width:130px}
.boadSearchA .serInput{margin:0;padding-right:40px;width:290px;}
.boadSearchA .btn{position:absolute;bottom:0;right:0;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../images/ic_search2.png') no-repeat center center;background-size:17px;border:1px solid #e1e1e1}

.boadSearchB{overflow-y:hidden;border-top: 2px solid #252525;}
.boadSearchB dl{display:flex;flex-wrap:wrap;width:100%}
.boadSearchB dt{margin-left:-1px;padding: 15px 10px;width:15%;text-align:center;background: #f8f8f8;border: 1px solid #e2e2e2;border-width:0 1px 1px 1px}
.boadSearchB dd{padding: 10px 20px;width:35%;border: 1px solid #e2e2e2;border-width: 0 0 1px 0;}
.boadSearchB dd.row{width:85%}
.boadSearchB dd .w1{width:39%}
.boadSearchB dd .w25{width:25%}
.boadSearchB dd .w30{width:30%}
.boadSearchB dd .w40{width:40%}
.boadSearchB dd .w50{width:50%}
.boadSearchB dd.type1 .select{width:200px}
.boadSearchB dd.type1 input{width:calc(100% - 205px)}

.boadSearchB .calendar{position:relative;display:inline-block;padding-right:30px;border:1px solid #e1e1e1}
.boadSearchB .calendar input{margin:0;width:100%;height:36px;color:#636363;border:0}
.boadSearchB .calendar button{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.boadSearchB .calendar.w{width:200px}
.boadSearchB .calendar.w2{width:48%}

/* 목록A */
.listTypeA{border-top:2px solid #111}
.listTypeA tr{text-align:center;}
.listTypeA thead th{padding:15px 5px;color:#252525;font-weight:400;background:#f8f8f8;}
.listTypeA thead th:first-child{border-left:0}
.listTypeA tbody th,.listTypeA tbody td{border:1px solid #e2e2e2;border-width:1px 0}
.listTypeA tbody th{padding:15px 10px;background:#f8f8f8;}
.listTypeA tbody td{padding:15px 10px;color:#636363;word-break:break-all}
.listTypeA tbody td.subject{text-align:left;}
.listTypeA tbody td.subject a{display:block;color:#252525;}
.listTypeA tbody td.stat{color:#f26522}
.listTypeA tbody td .stat{display:inline-block;width:104px;font-size:15px;color:#fff;line-height:35px;text-align:center}
.listTypeA tbody td .stat.st1{background-color:#ed9100}
.listTypeA tbody td .stat.st2{background-color:#55a003}
.listTypeA tbody td .stat.st3{background-color:#359cec}
.listTypeA tbody td .stat.st4{background-color:#26497f}
.listTypeA tbody td .stat.st5{background-color:#363636}

.listTypeB{margin-bottom:30px;border-top:2px solid #252525}
.listTypeB ul li{position:relative;padding:40px 20px 40px 150px;border-bottom:1px solid #d2d2d2}
.listTypeB ul li .data{position:absolute;top:50%;left:40px;padding-top:60px;width:70px;text-align:center;line-height:1;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.listTypeB ul li .data span{position:absolute;top:0;left:0;width:100%;font-size:55px;color:#07499d;font-weight:500;text-align:center;line-height:1;}
.listTypeB ul li .txt1{display:block;margin-bottom:15px;font-size:16px;color:#636363;line-height:1}
.listTypeB ul li .txt1 span{position:relative;display:inline-block;margin-right:8px;padding-right:12px;}
.listTypeB ul li .txt1 span::after{position:absolute;top:50%;right:0;margin-top:-6px;width:1px;height:12px;content:'';background:#e1e1e1}
.listTypeB ul li .txt1 span:last-child::after{display:none}
.listTypeB ul li .txt1 .part{margin-left:0;padding-left:0;color:#f26522}
.listTypeB ul li .txt1 .state{color:#959595}
.listTypeB ul li .txt1 .state::after{display:none}
.listTypeB ul li .txt1 .state span{margin-right:0;padding-right:0;color:#252525}
.listTypeB ul li .txt1 .state span::after{display:none}
.listTypeB ul li .txt1 .state.ing{color:#252525}
.listTypeB ul li .txt1 .state.ing span{color:#e30303}
.listTypeB ul li .txt2{display:block;font-size:15px;color:#636363;line-height:1.6;overflow:hidden;text-overflow: ellipsis; white-space: normal;max-height:48px;word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.listTypeB ul li .tit{display:block;margin-bottom:15px;font-size:24px;font-weight:500}
.listTypeB ul li a{display:block;color:#252525}
.listTypeB ul li a:hover{text-decoration: underline;}
.listTypeB.type2 ul li{padding:40px 20px 40px 250px;min-height:190px}
.listTypeB.type2 ul li .img{position:absolute;top:40px;left:30px;width:190px}

.listTypeC{overflow:hidden}
.listTypeC ul{margin:0 -16px}
.listTypeC ul::after{display:block;clear:both;content:''}
.listTypeC ul li{float:left;margin-bottom:30px;padding:0 16px;width:25%;text-align:left}
.listTypeC ul li a{display:block;}
.listTypeC ul li .photo{position:relative;display:block;padding-top:64%;overflow:hidden;}
.listTypeC ul li .photo img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.listTypeC ul li a:hover .photo img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.listTypeC ul li a:hover{text-decoration:none}
.listTypeC ul li .infor{padding:20px;min-height:115px;border:1px solid #e1e1e1;border-width:0 1px 1px}
.listTypeC ul li .infor .tit{display:block;margin-bottom:15px;font-size:18px;color:#111;font-weight:500;overflow:hidden;text-overflow: ellipsis; white-space: normal;height:52px;word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.listTypeC ul li .infor .date{display:block;font-size:14px;color:#898989;}
.listTypeC.movie ul li .photo{margin-bottom:15px;padding-top:61%}
.listTypeC.movie ul li .tit{display:block;padding-bottom:5px;font-size:18px;color:#111;font-weight:500;text-align:center;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.listTypeD{overflow:hidden}
.listTypeD ul{margin:0 -16px;}
.listTypeD ul::after{display:block;clear:both;content:''}
.listTypeD ul li{display:inline-block;margin-bottom:30px;padding:0 16px;width:50%;text-align:left;margin-right:-4px;}
.listTypeD ul li a{display:block;}
.listTypeD ul li .photo{position:relative;display:inline-block;width:30%;height:183px;overflow:hidden;margin-right:-4px;}
.listTypeD ul li .photo img{width:100%;height:100%;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.listTypeD ul li a:hover .photo img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.listTypeD ul li a:hover{text-decoration:none}
.listTypeD ul li .infor{vertical-align:top; display:inline-block;width:70%;padding:20px;min-height:160px;border:1px solid #e1e1e1;}
.listTypeD ul li .infor .tit{display:block;font-size:18px;color:#111;font-weight:500;overflow:hidden;text-overflow: ellipsis; white-space: normal;height:52px;word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.listTypeD ul li .infor .txt{display:block;font-size:15px;color:#898989;}

.listTypeD ul li.nolist {display:block !important;padding:80px 0 !important;height:auto !important;text-align:center;width:100%;border:1px solid #e2e2e2; border-width:1px 0;}

.listTypeQ{border-top:2px solid #111;}
.listTypeQ dl dt{position:relative;padding-left:100px;font-size:18px;background:#fff;border-bottom:1px solid #e2e2e2}
.listTypeQ dl dt::after{position:absolute;top:25px;right:30px;width:10px;height:10px;content:'';border:1px solid #636363;border-width:0 0 1px 1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.listTypeQ dl dt.selected{font-weight:500;}
.listTypeQ dl dt.selected::after{top:30px;transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.listTypeQ dl dt a{display:block;padding:20px 50px 20px 0;min-height:65px;color:#252525}
.listTypeQ dl .name{position:absolute;top:20px;left:30px;width:35px;height:35px;text-indent:-999px;overflow:hidden;background:#157cb6;border-radius:50%}
.listTypeQ dl .name::after{position:absolute;top:0;left:0;width:100%;text-align:center;font-size:16px;color:#fff;text-indent:0;line-height:35px;}
.listTypeQ dl dt .name{top:15px;}
.listTypeQ dl dt .name::after{content:'Q';}
.listTypeQ dl dd{display:none;position:relative;padding:25px 20px 25px 100px;border-bottom:1px solid #e2e2e2}
.listTypeQ dl dd .name{background:#464646;}
.listTypeQ dl dd .name::after{content:'A'}


/* 페이지표시 */
.page{text-align:center;margin-top:40px;}
.page a{position:relative;display:inline-block;margin:2px 4px;width:40px;height:40px;font-size:18px;color:#555;text-align:center;vertical-align:middle;line-height:38px;text-decoration:none;letter-spacing:-1px;background:#fff;border:1px solid #d7d7d7}
.page a.on{color:#fff;background:#07499d;border:1px solid #07499d;z-index:2}
.page a img{padding-bottom:4px;vertical-align:middle;}

/* 게시글 내용A */
.viewTypeA{border-top:2px solid #111;border-bottom:1px solid #e1e1e1}
.viewTypeA > thead > tr > th{padding:30px 20px;font-size:28px;color:#111;font-weight:700;text-align:center;line-height:1.2}
.viewTypeA > tbody > tr > th{padding:15px 10px;color:#252525;font-weight:400;text-align:center;background:#f8f8f8;border:1px solid #e1e1e1;}
.viewTypeA > tbody > tr > th:first-child{border-left:0}
.viewTypeA > tbody > tr > td{padding:15px 15px;border:1px solid #e1e1e1;border-width:1px 0}
.viewTypeA > tbody > tr > td.contents{padding:30px;border-left:0;border-bottom:1px solid #e1e1e1}
.viewTypeA > tbody > tr > td.contents img{display:block;margin:0 auto;}
.viewTypeA > tbody > tr > td .btnQ{display:inline-block;margin-left:10px}
.viewTypeA > tbody > tr > td .btnQ a{display:block;padding:0 6px;color:#fff;line-height:28px;background:#707070}
.viewTypeA > tbody > tr > td .file{display:block;margin-bottom:5px}
.viewTypeA > tbody > tr > td .file a{display:inline-block;padding-left:28px;line-height:1.4;background:url('../images/ic_file2.png') no-repeat left center;background-size:15px}
.viewTypeA > tbody > tr > td.ing{color:#f26522}
.viewTypeA > tbody > tr > td .w50{width:50%}

.viewTypeB{border-top:2px solid #636363;}
.viewTypeB h2{padding:30px 20px;font-size:28px;color:#252525;font-weight:700;text-align:center;}
.viewTypeB h2 + h3.tit2{margin-top:0}
.viewTypeB .tit1{position:relative;margin:35px 0 15px;padding-left:20px;font-size:22px;color:#252525;font-weight:700;line-height:1.1}
.viewTypeB .tit1::before{position:absolute;top:7px;left:0;width:12px;height:12px;content:'';border:3px solid #07499d;box-sizing:border-box}
.viewTypeB .tit2{position:relative;margin:50px 0 30px;font-size:22px;color:#fff;font-weight:700;line-height:60px;text-align:center;background:#26497f}
.viewTypeB .tit3{position:relative;margin:50px 0 30px;font-size:22px;color:#26497f;font-weight:700;line-height:60px;text-align:center;background:#f2f6fd;border:1px solid #92a4bf}
.viewTypeB .con{padding:20px 20px 0;border-top:1px solid #e2e2e2}
.viewTypeB .view{border-top:2px solid #111;border-bottom:1px solid #e1e1e1}
.viewTypeB .view > thead > tr > th{padding:30px 20px;font-size:28px;color:#111;font-weight:700;text-align:center;line-height:1.2}
.viewTypeB .view > tbody > tr > th{padding:15px 10px;color:#252525;font-weight:400;text-align:center;background:#f8f8f8;border:1px solid #e1e1e1;}
.viewTypeB .view > tbody > tr > th:first-child{border-left:0}
.viewTypeB .view > tbody > tr > td{padding:15px 15px;border:1px solid #e1e1e1;border-width:1px 0}
.viewTypeB h2 + .view{border-top:0}
.viewTypeB .photoCon{position:relative;margin:40px auto;padding:0 80px;max-width:1160px}
.viewTypeB .photoCon .control button{position:absolute;top:50%;margin-top:-40px;width:60px;height:80px;text-indent:-999px;overflow:hidden;opacity:0.4;z-index:10}
.viewTypeB .photoCon .control button::after{position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px;width:25px;height:25px;content:'';text-indent:-999px;overflow:hidden;border:1px solid #252525;border-width:0 0 8px 8px;}
.viewTypeB .photoCon .control button:hover{opacity:1}
.viewTypeB .photoCon .control .prev_photo{left:0;}
.viewTypeB .photoCon .control .next_photo{right:0;}
.viewTypeB .photoCon .control .prev_photo::after{margin-left:-10px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.viewTypeB .photoCon .control .next_photo::after{margin-left:-25px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}

.viewlist li{position:relative;padding:0 20px 0 180px;line-height:60px;border:1px solid #e1e1e1;border-width:1px 0 0}
.viewlist li:last-child{border-bottom:1px solid #e1e1e1}
.viewlist li span{position:absolute;top:0;left:0;padding-left:30px;width:150px;height:100%;color:#111;background:#f8f8f8;border-right:1px solid #e1e1e1}
.viewlist li span::after{position:absolute;top:45%;right:33px;width:13px;height:7px;content:'';background:url('../images/ic_arrow.png') no-repeat;}
.viewlist li a{display:block;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.viewlist li.next span::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}

/* 글등록 */
.writeTypeA{border-top:2px solid #252525;}
.writeTypeA.line{border-bottom:1px solid #e2e2e2}
.writeTypeA tr{text-align:left;}
.writeTypeA tbody th{padding:15px 30px;color:#252525;font-weight:400;text-align:left;background:#f8f8f8;border:1px solid #e2e2e2;}
.writeTypeA tbody th:first-child{border-left:0}
.writeTypeA tbody th .es{font-size:20px;color:#f26522;font-weight:500;vertical-align:middle}
.writeTypeA tbody td{padding:10px 20px;height:46px;font-weight:400;vertical-align:middle;border:1px solid #e2e2e2;border-width:1px 0 1px 1px}
.writeTypeA tbody td .w20{width:20%}
.writeTypeA tbody td .w25{width:25%}
.writeTypeA tbody td .w30{width:25%}
.writeTypeA tbody td .w40{width:40%}
.writeTypeA tbody td .w49{width:calc(50% - 2px)}
.writeTypeA tbody td .w48{width:40%}
.writeTypeA tbody td .w50{width:50%}
.writeTypeA tbody td .w33{width:calc(33.33% - 8px)}
.writeTypeA tbody td .calendar{position:relative;display:inline-block;padding-right:30px;border:1px solid #e1e1e1}
.writeTypeA tbody td .calendar input{margin:0;width:100%;height:44px;color:#636363;border:0}
.writeTypeA tbody td .calendar button{position:absolute;top:50%;right:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.writeTypeA tbody td .calendar.w{width:200px}
.writeTypeA tbody td .calendar.w2{width:48%}
.writeTypeA tbody td.chList label{display:inline-block;margin-right:10px}
.writeTypeA tbody tr.line th,
.writeTypeA tbody tr.line td{border-bottom:1px solid #a1a1a1}
.writeTypeA .wid1{width:170px}
.writeTypeA button.btnCal {border:0px; width:20px; height:19px;background:url('../images/ic_calendar.png') no-repeat center center; text-indent:-9999px;}
.writeTypeA tbody tr td.type1 .select{width:200px}
.writeTypeA tbody tr td.type1 input{width:calc(100% - 205px)}

.multiFileUL{}
.multiFileUL > li{position:relative;margin-bottom:5px;padding-right:80px}
.multiFileUL > li .btnBc{position:absolute;top:0;right:0}
.multiFileUL > li .file_input{width:100%}
.multiFileUL > li .fileAttachTxt{margin:5px 0;color:#555}
.multiFileUL > li .selectMultiFile{padding:5px;height:100px;color:#555;overflow:auto;border:1px solid #e1e1e1}
.multiFileUL > li .fn_btn_ud{position:absolute;top:0;right:0}
.multiFileUL > li .fn_btn_ud .btnBc{position:relative;}


/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:5px;right:5px;width:35px;height:35px;text-indent:-999px;overflow:hidden;background:rgba(0,0,0,0.5) url('../images/ic_search.png') no-repeat center center;background-size:17px;border-radius:50%}

.gdtxt{position:relative}
.gdtxt p{position:absolute;bottom:10px;right:0;color:#636363}

.bott_gud{margin:20px 0 0;color:#f26522;text-align:center;}

.s1_3_con .root_daum_roughmap_landing{width:100% !important}
.s1_3_con .root_daum_roughmap .wrap_controllers{display:none}

.popWrap{position:relative;margin:0 auto;max-width:1000px;background:#fff;}
.popWrap .popTit{margin-bottom:40px;padding:0 30px;font-size:28px;color:#fff;line-height:84px;font-weight:700;background:#06377b}
.popWrap .btnClose{position:absolute;top:0;right:0;width:84px;height:84px;text-indent:-999px;overflow:hidden;background:url('../images/ic_close.png') no-repeat center center;background-size:17px}

.voteCon{padding:0 20px 20px}
.voteCon h2{margin-bottom:20px;padding:25px 20px;font-size:22px;color:#26497f;text-align:center;border-top:2px solid #252525;border-bottom:1px solid #e2e2e2}
.voteCon p{margin-bottom:30px;color:#f26522;text-align:center;}
.voteCon dl dt{position:relative;margin-bottom:10px;padding-left:27px;font-size:18px;color:#252525;font-weight:500}
.voteCon dl dt .num{position:absolute;top:0;left:0}
.voteCon dl dd{margin-bottom:30px;padding-left:25px}
.voteCon dl dd ul li{display:inline-block;margin-right:20px}
.voteCon dl dd ul.row{margin-bottom:10px}
.voteCon dl dd ul.row li{display:block}

.voteView .top{position:relative;margin-bottom:30px;padding:40px 200px 40px 40px;border-top:2px solid #636363;border-bottom:1px solid #e2e2e2}
.voteView .top h2{font-size:26px;color:#06377b}
.voteView .top .num{position:absolute;top:40px;right:40px;}
.voteView .top .num span{font-size:28px}
.voteView .top .num b{color:#f26522}
.voteView .con{padding:50px 50px 30px;background:#fffcf6;border:1px solid #e9d2bc}
.voteView .con dl dt{position:relative;margin-bottom:10px;padding-left:27px;font-size:18px;color:#252525;font-weight:500}
.voteView .con dl dt .num{position:absolute;top:0;left:0}
.voteView .con dl dd{margin-bottom:30px;padding-left:25px}
.voteView .con dl dd ul li{display:inline-block;margin-right:20px}
.voteView .con dl dd ul.row{margin-bottom:10px}
.voteView .con dl dd ul.row li{display:block}

.etcCon h2{margin-bottom:20px;padding:40px;font-size:32px;color:#06377b;line-height:1;text-align:center;border:1px solid #e1e1e1;border-top:2px solid #707070}
.etcCon h3{margin:50px 0 25px;font-size:22px;color:#157cb6;line-height:1}
.etcCon h4{margin:30px 0 0;color:#111}

.mailCon .guidBox{margin-bottom:35px;padding:45px 30px 45px 220px;background:url('../images/ic_email.png') no-repeat 60px center;border:3px solid #ebebeb}
.mailCon h2{margin-bottom:20px;color:#111}

.s1_1_con1{position:relative;margin-bottom:60px;padding-left:410px;color:#282828;overflow:hidden}
.s1_1_con1 .img{position:absolute;top:35px;left:60px;padding-right:45px;border-right:1px solid #d7d7d7}
.s1_1_con1 .txt{margin-bottom:15px;font-size:26px}
.s1_1_con2 .txt{margin-bottom:30px;font-size:32px;color:#06377b;text-align:center;font-weight:500}
.s1_1_con2 ul{margin:0 -20px 50px}
.s1_1_con2 ul::after{display:block;clear:both;content:''}
.s1_1_con2 ul li{float:left;padding:0 20px;width:33.33%;background-repeat:no-repeat;background-position:center 125px}
.s1_1_con2 ul li dl{padding:30px 10px;min-height:360px;text-align:center;border:1px solid #e1e1e1}
.s1_1_con2 ul li dl dt{margin-bottom:180px;font-size:24px;color:#282828;font-weight:500}
.s1_1_con2 ul li dl dd{font-size:18px}
.s1_1_con2 ul li.ic1{background-image:url('../images/s1_1_ic1.png') }
.s1_1_con2 ul li.ic2{background-image:url('../images/s1_1_ic2.png') }
.s1_1_con2 ul li.ic3{background-image:url('../images/s1_1_ic3.png') }
.s1_1_con2 .t_typelA thead th{font-size:20px}
.s1_1_con2 .t_typelA tbody td{vertical-align:top}

.s2_1_con{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:70px}
.s2_1_con dl{width:15.8%;text-align:center}
.s2_1_con dl dt{margin-bottom:7px;padding:13px 10px;min-height:58px;font-size:20px;color:#fff;background:#06377b}
.s2_1_con dl dd{line-height:140px;background:#edf1f6;border:1px solid #829bbd}
.s2_1_con dl dd span{display:inline-block;padding-bottom:10px;line-height:1.4;vertical-align:middle}
.s2_1_con dl:first-of-type dt,
.s2_1_con dl:last-of-type dt{background:#1c83d3}
.s2_1_con dl:first-of-type dd,
.s2_1_con dl:last-of-type dd{background:#eff6fc;border-color:#8dc1e9}

/* 2022 프로젝트 추가 */
.s1_1_con1.about_area{border:5px #e5e5e5 solid;padding:35px;}
.s1_1_con1.about_area p{padding-left:265px;}
.s1_1_con1.ci_area{border: 5px #e5e5e5 solid;padding: 150px 0;text-align: center;margin-bottom: 30px;}
.service_area{text-align:center;background:url('../images/service_bg.png') 0 0 repeat-x;margin-bottom: 80px;}
.service_area .txt{font-size:30px;font-weight:500;color:#222;padding:65px 0 25px 0;letter-spacing:-1px;}
.service_area ul{overflow: hidden;margin: 0 40px;}
.service_area li{position:relative;float:left;width:30%;margin:1%;}
.service_area li:before{position:absolute;top:0;left:50%;width:180px;height:180px;content:'';border-radius: 50%;margin-left: -90px;}
.service_area li.ic1:before{background: url(../images/s1_1_ic4.png) center center no-repeat #1b7dcf;}
.service_area li.ic2:before{background: url(../images/s1_1_ic5.png) center center no-repeat #214b9f;}
.service_area li.ic3:before{background: url(../images/s1_1_ic6.png) center center no-repeat #1b7dcf;}
.service_area li dt{padding-top:202px;font-size:24px;color:#282828;font-weight:500;margin-bottom: 15px;}
.service_area li dd{font-size:18px;}
.service_area02{overflow:hidden;margin-bottom: 30px;}
.service_area02 .box{float:left;width:19%;height:420px;margin:0 0.5%;border: 1px #ddd solid;}
.service_area02 .box p{display: block;background: #f5f7fc;font-size: 22px;font-weight: 600;color: #222;padding: 20px 0;text-align: center;}
.service_area02 .box ul{padding: 15px 0 0 26px;}
.service_area02 .box li{position: relative;padding: 2px 0 2px 12px;}
.service_area02 .box li strong{font-size: 17px;font-weight: 600;color: #1b7dcf;}
.service_area02 .box li:before{position:absolute;top:14px;left:0;width:3px;height:3px;content:'';background: #06377b;}

.map_area{border: 1px #ddd solid;padding-bottom: 10px;margin-bottom: 50px;}
.map_area .map_box{height: 550px;background: #ddd;margin-bottom: 25px;}
.map_area .map_tit{position:relative;height:auto;margin:0 0 30px 50px;}
.map_area .map_tit:before{position:absolute;top:0;left:0;width:94px;height:94px;content:'';background: url(../images/icon_map1.png) 0 0 no-repeat;}
.map_area .map_tit p{font-size:22px;font-weight:600;color:#06377b;padding:15px 0 2px 115px;}
.map_area .map_tit span{font-size:19px;padding-left:115px;}
.map_con{overflow:hidden;border-top:1px #ddd solid;padding:20px 0;}
.map_con.icon2{border-bottom:1px #ddd solid;}
.map_con dt{float:left;width:20%;}
.map_con dt p{position:relative;font-size:18px;font-weight:600;color:#157cb6;padding-left: 38px;margin-left:80px;}
.map_con dt p:before{position:absolute;top:0;left:0;width:31px;height:32px;content:'';}
.map_con.icon1 dt p:before{background: url(../images/icon_map2.png) center center no-repeat;}
.map_con.icon2 dt p:before{background: url(../images/icon_map3.png) center center no-repeat;}
.map_con dd{float:right;width:76%}

.organ_area{overflow:hidden;padding:40px;border:1px #ddd solid;margin-bottom:40px;}
.organ_area .tit{position:relative;padding:18px 26px;font-size:26px;font-weight:600;color:#fff;line-height: 1.2;margin-bottom: 20px;}
.organ_area .tit:before{position:absolute;top: 12px;right:25px;width:40px;height:45px;content:'';}
.organ_area.icon1 .tit:before{background: url(../images/icon_organ1.png) center center no-repeat;background-size: cover;}
.organ_area.icon2 .tit:before{background: url(../images/icon_organ2.png) center center no-repeat;background-size: cover;}
.organ_area.icon3 .tit:before{background: url(../images/icon_organ3.png) center center no-repeat;background-size: cover;}
.organ_area.icon4 .tit:before{background: url(../images/icon_organ4.png) center center no-repeat;background-size: cover;}
.organ_area.icon5 .tit:before{background: url(../images/icon_organ5.png) center center no-repeat;background-size: cover;}
.organ_area.icon1 .tit{background:#3e8bd4;}
.organ_area.icon2 .tit{background:#1f5eb5;}
.organ_area.icon3 .tit{background:#0a988c;}
.organ_area.icon4 .tit{background:#0c4a8e;}
.organ_area.icon5 .tit{background:#5c5db1;}
.organ_area table{width:100%;}
.organ_area.icon1 table{border-top: 2px solid #3e8bd4;}
.organ_area.icon2 table{border-top: 2px solid #1f5eb5;}
.organ_area.icon3 table{border-top: 2px solid #0a988c;}
.organ_area.icon4 table{border-top: 2px solid #0c4a8e;}
.organ_area.icon5 table{border-top: 2px solid #5c5db1;}

.sns_flex{display: flex; justify-content: space-between;}
.sns_flex .sns_area {width: 48.5%;}
.sns_area:last-child {margin-right: 0px;}
.sns_area .sns_tit {overflow: hidden; position:relative; margin-bottom: 15px; padding: 15px 85px;}
.sns_area .sns_tit:before {content: ''; position: absolute; top: 14px; left: 30px; width: 41px; height: 41px; background: url('../images/sns_icon01.png') no-repeat; background-size: contain;}
.sns_area .sns_tit.sns02:before {background: url('../images/sns_icon02.png') no-repeat; background-size: contain;}
.sns_area .sns_tit.sns01 {background: #3bab36;}
.sns_area .sns_tit.sns02 {background: #e22a20;}
.sns_area .sns_tit h2{float: left; font-size: 26px; font-weight: 600; color: #fff;}
.sns_area .sns_tit a {display: block; float: right;}
.sns_area a:hover, .sns_area a:focus {text-decoration: none;}
.sns_area .sns_tit a p {position: relative; margin-top: 8px; font-size: 16px; color: #fff;}
.sns_area .sns_tit a p:before {content: ''; position:absolute;top: -5px;right: -55px; width: 36px; height: 36px; background: url('../images/button/sns_go.png') no-repeat; background-size: contain;}
.sns_area .sns_box {width: 100%; min-height: 1310px; margin-bottom:60px; padding: 45px; border: 1px solid #ddd;}
.sns_area .sns_box .sns_in {position:relative; padding: 0 40px 40px 50px; border-left: 1px solid #3bab36;}
.sns_area .sns_box.sbox02 .sns_in {border-left: 1px solid #e22a20;}
.sns_area .sns_box.sbox02 .sns_in iframe {width: 100% !important; height: 250px;}
.sns_area .sns_box .sns_in .sns_in_tit {padding-bottom: 15px; font-size: 21px; font-weight:500; color: #252525;}
.sns_area .sns_box.sbox02 .sns_in .sns_in_tit {display: -webkit-box; overflow: hidden; padding-bottom: 0px; padding-top:13px; line-height: 120%; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sns_area .sns_box .sns_in .sns_in_text {display: -webkit-box; overflow: hidden; font-size: 16px; color: #676767; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.sns_area .sns_box .sns_in .sns_in_date {display: block; margin-top: 15px; text-align: right; font-size: 14px; color: #828282;}
.sns_area .sns_box .sns_in:last-child {padding-bottom: 0px;}
.sns_area .sns_box .sns_in:before {content: ''; position: absolute; top: 0px; left: 0%; width: 32px; height: 32px; margin-left:-16px; background: url('../images/sns_icon01_1.png') no-repeat;}
.sns_area .sns_box.sbox02 .sns_in:before {background: url('../images/sns_icon02_1.png') no-repeat;}

/* 기술지원관리 */
span.req_type1_1 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #32d10a; background: #fff; font-size: 12px; font-weight: bold; color: #32d10a; border-radius: 0;}
span.req_type1_2 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #f26522; background: #fff; font-size: 12px; font-weight: bold; color: #f26522; border-radius: 0;}
span.req_type1_3 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #040004; background: #fff; font-size: 12px; font-weight: bold; color: #040004; border-radius: 0;}
span.req_type1_4 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #0000ff; background: #fff; font-size: 12px; font-weight: bold; color: #0000ff; border-radius: 0;}
span.req_type1_5 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #ff8040; background: #fff; font-size: 12px; font-weight: bold; color: #ff8040; border-radius: 0;}
span.req_type1_6 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #8000ff; background: #fff; font-size: 12px; font-weight: bold; color: #8000ff; border-radius: 0;}

span.req_type1 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #f26522; background: #fff; font-size: 12px; font_weight: bold; color: #f26522; border-radius: 0;}
span.req_type2, span.req_type0 {display: inline-block; margin: 2px 0px; padding: 3px; width: 60px; border: 1px solid #969696; background: #fff; font-size: 12px; font_weight: bold; color: #969696; border-radius: 0;}

/* 2022 기술지원안내 */
/*.tech_step{margin-bottom: 30px;text-align: center;}
.tech_step li{position: relative;display: inline-block;width: 185px;height: 185px;background: #fff;border: 3px #1a7cce solid;border-radius: 50%;margin: 0 1.5%;}
.tech_step li::before{content:'';position:absolute;top:92px;left:182px;width:100%;height:3px;background: #1a7cce;}
.tech_step li:last-child::before{display: none;}
.tech_step li a{display: block;width: 100%;height: 100%;}
.tech_step li span{display: inline-block;font-size: 16px;margin-top: 45px;margin-bottom: 10px;background: #f2f2f2;border: 1px #d2d2d2 solid;border-radius: 4px;padding: 5px 13px;}
.tech_step li p{font-size: 22px;font-weight: 600;color: #555;}
.tech_step li a:hover{text-decoration: none !important;}
.tech_step li.on{background: #1a7cce;}
.tech_step li.on span{background: #1267c1;border: 1px #5aaaee solid;}
.tech_step li.on p, .tech_step li.on span{color: #fff;} */
.tech_table{border-top: 2px solid #12151c;margin-bottom: 60px;}
.tech_table tbody th{font-size: 18px;font-weight: 600;color: #222;}
.tech_table tbody th span{display: inline-block;height: 29px;padding-left: 32px;}
.tech_table tbody th.icon01 span{background: url(../images/icon_tech01.png) 0 center no-repeat;}
.tech_table tbody th.icon02 span{background: url(../images/icon_tech02.png) 0 center no-repeat;}
.tech_table tbody th.icon03 span{background: url(../images/icon_tech03.png) 0 center no-repeat;}
.tech_table tbody td{font-size: 17px;padding: 20px 10px 20px 40px;}
.tech_table tbody td > ul > li{position: relative;padding: 3px 0 3px 15px;color: #444;}
.tech_table tbody td > ul > li::before{content:'';position:absolute;top:15px;left:0;width:4px;height:4px;border-radius: 50%;background: #555;}
.tech_table tbody td > ul > li > ul{margin-top: 5px;}
.tech_table tbody td > ul > li > ul > li{position: relative;padding-left: 15px;font-size: 16px;}
.tech_table tbody td > ul > li > ul.dash_list > li::before{content:'';position:absolute;top:13px;left:0;width:6px;height:1px;background: #666;}
.tech_table tbody td > ul > li > ul.ex_list > li{padding-left: 20px;}
.tech_table tbody td > ul > li > ul.ex_list > li::before{content:'예';position:absolute;top:4px;left:0;padding: 0 3px 0 2px;border-radius: 3px;background: #1c83d3;font-size: 12px;color: #fff;}
.tech_table tbody td li strong{color: #06377b;}
.tech_practice{overflow: hidden;border: 4px #ddd solid;padding: 40px 45px;margin-bottom: 45px;}
.tech_practice .tit_area{float: left;width: 21%;text-align: center;}
.tech_practice .tit_area span{display: inline-block;width: 120px;height: 49px;background: #2d52c2;border-radius: 30px;font-size: 21px;color: #fff;line-height: 49px;margin: 17px 0;}
.tech_practice .tit_area p{position: relative;font-size: 22px;font-weight: 500;color: #222;padding-bottom: 140px;}
.tech_practice .tit_area p::before{content:'';position:absolute;bottom:0;left:50%;width:118px;height:118px;margin-left: -59px;z-index: 99;}
.tech_practice.case01 .tit_area p::before{background: url(../images/icon_case01.png) center center no-repeat;}
.tech_practice.case02 .tit_area p::before{background: url(../images/icon_case02.png) center center no-repeat;}
.tech_practice.case03 .tit_area p::before{background: url(../images/icon_case03.png) center center no-repeat;}
.tech_practice.case04 .tit_area p::before{background: url(../images/icon_case04.png) center center no-repeat;}
.tech_practice .tit_area p::after{content:'';position:absolute;bottom:0;left:50%;width:118px;height:118px;background: #f6f6f6;border-radius: 50%;margin-left: -59px;}
.tech_practice .practice_con{float: right;width: 78%;}
.tech_practice .practice_con > div{position: relative;float: left;width: 30%;min-height: 280px;font-size: 17px;border: 1px #ddd solid;margin: 0 2%;}
.tech_practice .practice_con > div::before{content:'';position:absolute;top:45%;right:-37px;width:30px;height:29px;background: url(../images/icon_arrow.png) center center no-repeat;}
.tech_practice .practice_con > div:last-child{margin-right: 0;}
.tech_practice .practice_con > div:last-child::before{display: none;}
.tech_practice .practice_con > div > ul{padding: 30px;}
.tech_practice .practice_con > div > ul > li{position: relative;margin-bottom: 10px;padding-left: 13px;}
.tech_practice .practice_con > div > ul > li::before{content:'';position:absolute;top:10px;left:0;width:5px;height:5px;background: #06377b;border-radius: 50%;}
.tech_practice .practice_con > div .tit{height: 76px;font-size: 22px;font-weight: 600;color: #fff;text-align: center;line-height: 76px;}
.tech_practice .practice_con > div.step01 .tit{background: #06377b;}
.tech_practice .practice_con > div.step02 .tit{background: #1b7dcf;}
.tech_practice .practice_con > div.step03 .tit{background: #01a1a9;}
.tech_practice .practice_con .con_in{padding: 30px;}
.tech_practice .practice_con .con_in strong{display: inline-block;font-size: 20px;color: #00a0a7;font-weight: 500;line-height: 1.2;margin-bottom: 10px;}
.tech_practice.case02 .practice_con > div{min-height: 348px;}
.tech_practice.case03 .practice_con > div{min-height: 407px;}
.tech_practice.case04 .practice_con > div{min-height: 435px;}

/* 2023 CI&캐릭터 소개  */
.character {overflow: hidden;}
.character .ch_box {display: flex; flex-direction: row;margin-bottom: 50px;margin-top: 20px;}
.character .cbox_in01 {width: 40%;padding-top: 20px;padding-left: 7%;}
.character .cbox_in02.w55 {width: 70%;padding-top: 90px;padding-left: 50px;}
.character .cbox_in02 .ch_img02 {margin-bottom: 50px;}
.character .cbox_in02 .ch_txt {padding-bottom: 30px; font-size: 18px;}
.character ul.ch_txt li {overflow: hidden; line-height: 1.5;}
.character ul.ch_txt li span {float: left; margin-right: 50px; color: #0093db; font-weight: 600;}
.character ul.ch_txt li > ul > li {margin-left: 141px;}
.character .cha_list {display: flex; justify-content: space-evenly;}
.character .cha_list > li {text-align: center;}
.character .cha_list > li > img{max-width: 85%;}
.character  li p {padding-top: 25px; font-size: 18px;}
.character .cha_list02 {display: flex; flex-direction: column;}
.character .cha_list02 ul {display: flex; justify-content: space-between;}
.character .cha_list02 ul li {padding-bottom: 75px; text-align:center;}
.cha_area {overflow: hidden; padding: 40px 30px 20px 40px; border: 5px #e5e5e5 solid; box-sizing: border-box;}
.cha_area .ch_img02 {float: left; margin-right: 50px;}
.cha_area p {padding: 5% 0; font-size: 18px;}
.mb70	{margin-bottom: 70px!important;}
.mb170	{margin-bottom: 80px!important;}

/* 2026 기술지원안내 */
.cards_wrap{display:grid;grid-template-columns:repeat(3,1fr);gap: 1.8rem;padding-bottom: 30px}
.cards_wrap .card{display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:26px 24px;background:#fff;border:1px solid #ddd;border-radius: 5px;transition:border-color .2s ease, box-shadow .2s ease;}
.cards_wrap .card:hover{border-color:#CFD6E4;box-shadow:0 6px 20px rgba(27,43,75,.07);}
.cards_wrap .card .row{display:flex;align-items:center;gap:22px;}
.cards_wrap .card .row .icon{flex:0 0 auto;width:90px;height:90px;display:grid;place-items:center;background: #eef0f5;border-radius:50%;}
.cards_wrap .card .row .tit{margin:0 0 10px;font-size:20px;font-weight:700;color: #1c1d22;letter-spacing:-.02em;}
.cards_wrap .card .row .text li{position:relative;padding-left:12px;}
.cards_wrap .card .row .text li::before{content:"";position:absolute;left:1px;top:.7em;width:3px;height:3px;border-radius:50%;background:currentColor;}

.tech_step{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4rem;max-width:1100px;margin:0 auto;}
.tech_step .step{position:relative;}
.tech_step .step .card{position:relative;display:flex;flex-direction:column;align-items:center;min-height:214px;padding:30px 18px 20px;background:#fafafa;border:4px solid #ddd;border-radius:22px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.tech_step .step .card:hover {transform: translateY(-6px);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);}
.tech_step .step:nth-child(1).on .card{border-color: #5ca419;transform: translateY(-6px);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);}
.tech_step .step:nth-child(2).on .card{border-color: #009c55;transform: translateY(-6px);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);}
.tech_step .step:nth-child(3).on .card{border-color: #1c83d3;transform: translateY(-6px);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);}
.tech_step .step:nth-child(4).on .card{border-color: #5043cc;transform: translateY(-6px);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);}
.tech_step .step .card .badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:5px 20px;border-radius:999px;color:#fff;font-size:17px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;}
.tech_step .step:nth-child(1) .card .badge{background-color: #5ca419;}
.tech_step .step:nth-child(2) .card .badge{background-color: #009c55;}
.tech_step .step:nth-child(3) .card .badge{background-color: #1c83d3;}
.tech_step .step:nth-child(4) .card .badge{background-color: #5043cc;}
.tech_step .step .card .tit{display: flex;align-items: center;height: 50px;margin:13px 0 0;font-size:22px;font-weight:700;line-height:1.4;color:#1d1d1d;letter-spacing:-.03em;text-align:center;}
.tech_step .step .card,
.tech_step .step .card:hover,
.tech_step .step .card:focus {text-decoration: none !important;}
.tech_step .step .card .icon{margin-top: 20px;}
.tech_step .step::before{content:"";position:absolute;top:32%;right: -50px;width:20px;height:30px;background: url(../images/icon_arrow03.png) no-repeat;}
.tech_step .step:last-child::before{display: none;}
.tech_step .step .text{margin-top:10px;text-align:center;}
.tech_step .step .text dl{display:inline-block;margin:0;text-align:left;font-weight: 500;line-height:1.5;}
.tech_step .step .text div{display:flex;gap:4px;}
.tech_step .step .text dt,
.tech_step .step .text dd{margin:0;}
.tech_step .step .text dt::after{content:" :";}
.flex_type1{display: flex;justify-content: space-between;align-items: center;}

/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/

 /* PC Device */
@media all and (min-width:1251px){
	
	
}

 /* TABLET Device */
@media all and (max-width:1250px){
	
	.listTypeC ul{margin:0 -10px}
	.listTypeC ul li{padding:0 10px;width:33.33%}
	
	.listTypeD ul li .photo {width:100%;height:250px;}
	.listTypeD ul li .photo img {height:auto;}
	.listTypeD ul li .infor {width:100%;}
	
	
	.tabMenu ul.li8 li{width:25%}
	.tabMenu2 ul li{text-align:left}
	.tabMenu2 ul li::before{display:none}
	.tabMenu2 ul.li3 li{width:50%}

	.gudTxt{padding: 40px 20px 40px 180px;background-position: 40px 50px;}

	
	.s1_1_con1{padding:0}
	.s1_1_con1 .img{position:static;border-right:none;margin-bottom:20px;padding-right:0;}
	.s1_1_con2 ul{margin:0}
	.s1_1_con2 ul li{float:none;margin-bottom:40px;padding:0;width:100%}
	.s1_1_con2 ul li dl{padding:30px;min-height:100px}
	.s1_1_con2 ul li dl dd br{display:none}

	/* 모바일 테이블 가로스크롤 */
	.tb_scroll{position:relative;width:100%;overflow:hidden;overflow-x:scroll}
	.tb_scroll table{width:800px}
	.tb_scroll .img{max-width:none;}
	.tb_scroll::after{display:block;position:absolute;top:0;right:0;width:27px;height:100%;content:'';background:url('../images/scroll_alpha.png') repeat-y fixed right top;z-index:2;}
	.mbtb_quide{position:absolute;top:30px;left:50%;width:60px;height:60px;background:url('../images/bg_touch.png') no-repeat;background-size:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	
	.s2_1_con dl{margin-bottom:20px;width:32.5%}
    
    /* 2022 프로젝트 추가 */
    .s1_1_con1.about_area{text-align: center;}
    .s1_1_con1.about_area p{padding: 0;}
    .service_area02 .box{width: 49%;margin-bottom: 10px;}
    .map_con dt p{margin-left:20px;}
    .organ_area .tit{width:100%;height:auto;margin-bottom:20px;padding:12px 20px;}
    .organ_area .tit:before{display:none;}
    .organ_area table{width: 100%;}

	/* 고객소통_공지사항 */
	.sns_flex {flex-direction: column;}
	.sns_flex .sns_area {width: 100%;}
	.sns_area .sns_box {min-height: inherit; padding: 10% 15%;}
	.sns_area .sns_box .sns_in {width: 95%; padding: 0 0 8% 12%;}
	.sns_area .sns_box .sns_in:last-child {margin-bottom: 6%;}
	.sns_area .sns_box .sns_in .sns_in_text {font-size: 17px;}
	.sns_area .sns_box .sns_in .sns_in_date {margin-top: 20px}
	.sns_area .sns_box.sbox02 .sns_in iframe {height: 330px;}
	/* .sns_area .sns_box {min-height: 800px;}
	.sns_area .sns_box .sns_in {padding-bottom: 30px;}
	.sns_area .sns_box .sns_in .sns_in_tit {font-size: 18px; padding-bottom: 8px;}
	.sns_area .sns_box .sns_in .sns_in_text {font-size: 14px; line-height: 130%;} */
	/* 기술지원관리 */
	span.req_type1_1 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #32d10a; background: #fff; font-size: 12px; font_weight: bold; color: #32d10a; border-radius: 0;}
	span.req_type1_2 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #f26522; background: #fff; font-size: 12px; font_weight: bold; color: #f26522; border-radius: 0;}
	span.req_type1_3 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #040004; background: #fff; font-size: 12px; font_weight: bold; color: #040004; border-radius: 0;}
	span.req_type1_4 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #0000ff; background: #fff; font-size: 12px; font_weight: bold; color: #0000ff; border-radius: 0;}
	span.req_type1_5 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #ff8040; background: #fff; font-size: 12px; font_weight: bold; color: #ff8040; border-radius: 0;}
	span.req_type1_6 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #8000ff; background: #fff; font-size: 12px; font_weight: bold; color: #8000ff; border-radius: 0;}
	
	span.req_type1 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #f26522; background: #fff; font-size: 12px; font_weight: bold; color: #f26522; border-radius: 0;}
	span.req_type2, span.req_type0 {display: inline-block; margin: 2px 0px; padding: 3px; width: 60px; border: 1px solid #969696; background: #fff; font-size: 12px; font_weight: bold; color: #969696; border-radius: 0;}
	
	/* 2022 기술지원안내 */
    .tech_practice{padding: 20px;}
    .tech_practice .practice_con > div{width: 30%;}
    .tech_practice .practice_con > div > ul, .tech_practice .practice_con .con_in{padding: 20px;}
    .tech_practice .tit_area, .tech_practice .practice_con{float: none;width: 100%;}
    .tech_practice .tit_area p{padding-bottom: 30px;}
    .tech_practice .tit_area p br{display: none;}
    .tech_practice .tit_area p::before, .tech_practice .tit_area p::after{display: none;}
    .tech_practice .tit_area span{margin: 0 0 17px 0;}
	
	/* 2026 기술지원안내 */
	.cards_wrap{grid-template-columns:repeat(2,1fr);}
	.tech_step{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;}
    .tech_step .step::before{display:none;}
}
@media screen and (max-width: 800px){
	/* 고객소통-공지사항 */
	.sns_area .sns_tit h2 {font-size: 23px;}
	.sns_area .sns_box .sns_in .sns_in_tit {font-size: 18px;}
	.sns_area .sns_box .sns_in .sns_in_text {font-size: 15px;}
	.sns_area .sns_box .sns_in .sns_in_date {margin-top: 15px; font-size: 13px;}
	.sns_area .sns_box.sbox02 .sns_in iframe {height: 250px;}
	
	/* 기술지원관리 */
	span.req_type1_1 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #32d10a; background: #fff; font-size: 12px; font_weight: bold; color: #32d10a; border-radius: 0;}
	span.req_type1_2 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #f26522; background: #fff; font-size: 12px; font_weight: bold; color: #f26522; border-radius: 0;}
	span.req_type1_3 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #040004; background: #fff; font-size: 12px; font_weight: bold; color: #040004; border-radius: 0;}
	span.req_type1_4 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #0000ff; background: #fff; font-size: 12px; font_weight: bold; color: #0000ff; border-radius: 0;}
	span.req_type1_5 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #ff8040; background: #fff; font-size: 12px; font_weight: bold; color: #ff8040; border-radius: 0;}
	span.req_type1_6 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #8000ff; background: #fff; font-size: 12px; font_weight: bold; color: #8000ff; border-radius: 0;}
	
	span.req_type1 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #f26522; background: #fff; font-size: 12px; font_weight: bold; color: #f26522; border-radius: 0;}
	span.req_type2, span.req_type0 {display: inline-block; margin: 2px 0px; padding: 3px; width: 60px; border: 1px solid #969696; background: #fff; font-size: 12px; font_weight: bold; color: #969696; border-radius: 0;}
	
	/* 2023 CI&캐릭터 소개  */
	.character .ch_box {flex-direction: column; align-items: center;}
	.character .ch_box .ch_btn {text-align: center;}
	.character .cbox_in01 {width: auto;padding-top: 0;padding-left: 0;}
	.character .cbox_in02.w55 {width: inherit;padding-top: 0;padding-left: 0;}
	.character .mb170 {margin-bottom: 100px!important;}
	.character .ch_box:first-child .cbox_in02 {margin-top: 50px;}
	.cha_area {padding: 25px 20px;}
	.cha_area .ch_img02 {width: 30%; margin-right: 10px;}
}

 /* Mobile Device */
@media all and (max-width:640px){

	body{font-size:14px;line-height:1.4;}
	h1, h2, h3, h4, h5, h6, input, button, textarea, select, table{font-size:14px}
	
	.mt15 { margin-top:10px !important; }
	.mt20 { margin-top:10px !important; }
	.mt25 { margin-top:15px !important; }
	.mt30 { margin-top:20px !important; }
	.mt35 { margin-top:20px !important; }
	.mt40 { margin-top:25px !important; }
	.mt50 { margin-top:25px !important; }
	.mt60 { margin-top:30px !important; }
	.mt70 { margin-top:30px !important; }
	.mb15 { margin-bottom:10px !important; }
	.mb20 { margin-bottom:10px !important; }
	.mb25 { margin-bottom:15px !important; }
	.mb30 { margin-bottom:20px !important; }
	.mb35 { margin-bottom:20px !important; }
	.mb40 { margin-bottom:20px !important; }
	.mb45 { margin-bottom:25px !important; }
	.mb50 { margin-bottom:25px !important; }
	.mb60 { margin-bottom:30px !important; }
	.mb70 { margin-bottom:30px !important; }

	.mr15 { margin-right:10px !important; }
	.mr20 { margin-right:10px !important; }
	.mr25 { margin-right:15px !important; }
	.mr30 { margin-right:20px !important; }
	.mr35 { margin-right:20px !important; }
	.mr40 { margin-right:20px !important; }
	.mr45 { margin-right:25px !important; }
	.mr50 { margin-right:25px !important; }

	.ml15 { margin-left:10px !important; }
	.ml20 { margin-left:10px !important; }
	.ml25 { margin-left:15px !important; }
	.ml30 { margin-left:20px !important; }

	.pt15 { padding-top:10px !important; }
	.pt20 { padding-top:10px !important; }
	.pt25 { padding-top:15px !important; }
	.pt30 { padding-top:20px !important; }
	.pt35 { padding-top:20px !important; }
	.pt40 { padding-top:20px !important; }
	.pt45 { padding-top:25px !important; }
	.pt50 { padding-top:25px !important; }

	.pb15 { padding-bottom:10px !important; }
	.pb20 { padding-bottom:10px !important; }
	.pb25 { padding-bottom:15px !important; }
	.pb30 { padding-bottom:20px !important; }
	.pb35 { padding-bottom:20px !important; }
	.pb40 { padding-bottom:20px !important; }
	.pb45 { padding-bottom:25px !important; }
	.pb50 { padding-bottom:25px !important; }

	.pp60{ padding:20px !important; }

	input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="email"]{padding:5px;height:35px;font-size:14px}
	input[type="file"]{padding:0;height:35px;font-size:14px}
	.select{padding: 0 20px 0 5px;height:35px;font-size:14px;background-size:7px;background-position:right 8px center}
	
	.fon24{font-size:16px}
	.fon20{font-size:16px}
	.fon18{font-size:14px}
	.fon16{font-size:12px}

	.btnList{margin:20px 0}

	.btnBc a, .btnBc button, .btnBc input{padding:0 5px;/*min-width:80px;*/min-width:75px;font-size:13px;line-height:35px}
	.btnBc.sm a, .btnBc.sm button, .btnBc.sm input{min-width: 50px;line-height: 33px;}
	.btnBc.big a, .btnBc.big button, .btnBc.big input{min-width:120px;font-size:14px;line-height:40px;}
	.btnBc.search a, .btnBc.search button, .btnBc.search input{min-width: 100px;font-size: 14px;line-height: 40px;}

	.btnDown a{padding-left:35px;width:100px;font-size:12px;color:#fff;line-height:30px;background-position:12px center;background-size:12px}

	h1.title{margin-bottom:30px;padding-bottom:5px;font-size:22px;}
	h2.title{margin: 40px 0 15px;font-size: 18px;}
	h2.title2{margin: 40px 0 15px;padding-left:20px;font-size:18px}
	h2.title2::before{top: 3px;width: 14px;height: 14px;border-width:3px}
	h3.title{margin: 15px 0 10px 20px; font-size: 16px;}
	h4.title{margin: 10px 0 5px 20px;font-size: 15px;}

	.li_dot > li{padding-left:8px}
	.li_dot > li::before{top:7px}

	.li_dot2 > li{padding-left:10px}
	.li_dot2 > li::before{top:7px;width:4px;height:4px}
	.li_dot2.lineH > li{margin-bottom:10px}

	.li_dot3 > li{padding-left:8px}
	.li_dot3 > li::before{top:7px;width:3px;height:3px}
	.li_dot3 > li > ul > li{padding-left:8px}

	.li_num > li{margin-bottom:10px}

	.h_p{margin:0 0 15px 20px}


	.t_typelA thead th{padding:10px 5px;}
	.t_typelA tbody th,
	.t_typelA tbody td{padding:5px;}
	.t_typelA tbody td{height:25px}
	.t_typelA tfoot td{padding:5px;height:25px}
	.t_typelA tbody td .btnOrg1{margin-bottom:3px;width:60px;height:30px;font-size:12px}
	.t_typelA tbody td .btnOrg2{width:60px;height:30px;font-size:12px}
	.t_typelA tbody td.workCon{padding:15px 10px}
	.t_typelA.th18 tbody th{font-size:14px}

	.tabMenu{margin-bottom:15px;}
	.tabMenu ul li a{margin-bottom:-1px;height:35px;font-size:14px;line-height:30px;}
	.tabMenu ul.li2 li{width:100%}
	.tabMenu ul.li4 li{width:50%}
	.tabMenu ul.li5 li{width:50%}
	.tabMenu ul.li6 li{width:33.33%}
	.tabMenu ul.li7 li{width:25%}
	.tabMenu ul.li8 li{width:33.33%}
	.tabMenu.type2{margin-bottom:30px;border-bottom:0}
	.tabMenu.type2 ul li a{border-bottom:1px solid #e1e1e1}
	
	.bbs_top{margin-bottom:10px}
	.bbs_top .total{margin-top:15px;padding-top:0;font-size:13px;line-height:1}
	.bbs_top .boadSearchA{float:none;}
	
	.boadSearchA{margin:0 auto;max-width:360px}
	.boadSearchA select{margin-right:0;width:90px}
	.boadSearchA .serInput{padding-right:40px;width:calc(100% - 95px)}
	.boadSearchA .btn{width:35px;height:35px}
	.boadSearchA.type2 select{width:60px}
	.boadSearchA.type2 .serInput{width:calc(100% - 126px)}

	.boadSearchB dt{padding:12px 10px 10px;width: 25%;}
	.boadSearchB dd{padding:5px 10px;width:75%}
	.boadSearchB dd.row{width:75%}
	.boadSearchB dd .w1{width:100%}
	.boadSearchB dd.type1 .select,
	.boadSearchB dd.type1 input{width:100%}
	
	.mbNone{display:none}
	
	.listTypeA thead th{padding:10px 0;}
	.listTypeA tbody td{padding:10px 5px;line-height:1.4}
	.listTypeA tbody td .stat{width:75px;font-size:12px;line-height:25px}
	
	.listTypeB ul li{padding:15px 0}
	.listTypeB ul li .data{position:relative;top:0;left:0;display:inline-block;margin-bottom:5px;padding-top:0;width:auto;text-align:left;transform: translateY(0);-webkit-transform: translateY(0);}
	.listTypeB ul li .data span{position:relative;display:inline-block;margin:0 2px 0 0;width:auto;font-size:30px;}
	.listTypeB ul li .tit{margin:0;font-size:16px}
	.listTypeB ul li .txt1{margin-bottom:5px;font-size:13px;line-height:1.4}
	.listTypeB ul li .txt1 span{margin-right:5px;padding-right:8px}
	.listTypeB ul li .txt2{display:none}
	.listTypeB.type2 ul li{padding:20px 0}
	.listTypeB.type2 ul li .img{position:relative;top:0;left:0;display:block;margin-bottom:15px;width:100%}
	.listTypeB.type2 ul li .img img{width:100%}
	
	.listTypeC ul{margin:0 -5px}
	.listTypeC ul li{margin-bottom:15px;padding:0 5px;width:50%}
	.listTypeC ul li .infor{padding:10px;min-height:85px}
	.listTypeC ul li .infor .tit{margin-bottom:10px;height:36px;font-size:14px}
	.listTypeC ul li .infor .date{font-size:12px}
	.listTypeC.movie ul li .photo{margin-bottom:10px}
	.listTypeC.movie ul li .tit{font-size:14px}
	
	.listTypeD ul li {display:block;width:100%;}
	.listTypeD ul li .photo {width:100%;height:250px;}
	.listTypeD ul li .photo img {height:auto;}
	.listTypeD ul li .infor {width:100%;}

	.page{margin-top:20px;}
	.page a{margin:2px 1px;width:30px;height:30px;font-size:14px;line-height:28px;}
	.page a img{padding-bottom:2px;width:10px}

	.viewTypeA{line-height:1.4;}
	.viewTypeA > colgroup{display:none}
	.viewTypeA > thead > tr > th{padding:13px 10px;font-size:15px}
	.viewTypeA > tbody > tr{position:relative;display:block;}
	.viewTypeA > tbody > tr::after{display:block;clear:both;content:''}
	.viewTypeA > tbody > tr::before{position:absolute;top:0;left:0;width:25%;height:100%;content:'';background:#f8f8f8;border-right:1px solid #e1e1e1}
	.viewTypeA > tbody > tr > th:first-child + td + th{clear:left}
	.viewTypeA > tbody > tr > th,
	.viewTypeA > tbody > tr > td{position:relative;display:block;float:left;padding: 10px;min-height:45px;box-sizing:border-box;z-index:1}
	.viewTypeA > tbody > tr > th{width:25%;word-break:break-all;background:none;border-width:1px 0 0 0}
	.viewTypeA > tbody > tr > td{margin-left:-1px;width:75%;word-break:break-all;background:none;border-width:1px 0 0 0}
	.viewTypeA > tbody > tr.con::before{display:none}
	.viewTypeA > tbody > tr > td.contents{margin-bottom:-1px;padding:20px 0;width:100%}
	.viewTypeA > tbody > tr > td .w50{width:100%}

	.viewTypeB h2{padding: 15px 10px;font-size: 18px;}
	.viewTypeB .tit1{margin: 20px 0 10px;padding-left: 15px;font-size: 16px;}
	.viewTypeB .tit1::before{top:3px;width: 10px;height: 10px;}
	.viewTypeB .view > colgroup{display:none}
	.viewTypeB .view > thead > tr > th{padding:13px 10px;font-size:15px}
	.viewTypeB .view > tbody > tr{position:relative;display:block;}
	.viewTypeB .view > tbody > tr::after{display:block;clear:both;content:''}
	.viewTypeB .view > tbody > tr::before{position:absolute;top:0;left:0;width:25%;height:100%;content:'';background:#f8f8f8;border-right:1px solid #e1e1e1}
	.viewTypeB .view > tbody > tr > th:first-child + td + th{clear:left}
	.viewTypeB .view > tbody > tr > th,
	.viewTypeB .view > tbody > tr > td{position:relative;display:block;float:left;padding: 10px;min-height:45px;box-sizing:border-box;z-index:1}
	.viewTypeB .view > tbody > tr > th{width:25%;word-break:break-all;background:none;border-width:1px 0 0 0}
	.viewTypeB .view > tbody > tr > td{margin-left:-1px;width:75%;word-break:break-all;background:none;border-width:1px 0 0 0}
	.viewTypeB .con{padding: 10px 15px 5px;}
	.viewTypeB .photoCon{margin:20px 0;padding:0}
	.viewTypeB .photoCon .control button{width:30px;}
	.viewTypeB .photoCon .control button::after{width: 20px;height: 20px;border-width: 0 0 4px 4px;}
	.viewTypeB .photoCon .control .prev_photo::after{margin-left:-5px}
	.viewTypeB .photoCon .control .next_photo::after{margin-left:-20px}
	.viewTypeB .tit2{margin: 25px 0 15px;font-size: 16px;line-height: 40px;}
	.viewTypeB .tit3{margin: 25px 0 15px;font-size: 16px;line-height: 40px;}

	.viewlist li{padding:0 10px 0 85px;line-height:40px}
	.viewlist li span{padding-left:10px;width:75px}
	.viewlist li span::after{right:10px;width:10px;background-size:100%}
	
	.writeTypeA{font-size:14px;}
	.writeTypeA tbody th{padding:10px 6px;word-break: break-all;}
	.writeTypeA tbody td{padding:5px;height:25px}
	.writeTypeA tbody td .w20{width:30%}
	.writeTypeA tbody td .w25{width:100%}
	.writeTypeA tbody td .w30{width:42%}
	.writeTypeA tbody td .w40{width:100%}
	.writeTypeA tbody td .w48{width:65%}
	.writeTypeA tbody td .w50{width:100%}
	.writeTypeA tbody td .calendar.w{width:110px}
	.writeTypeA tbody td .calendar.w2{width:90%}
	.writeTypeA tbody td .calendar input{height:34px}
	.multiFileUL > li{margin-bottom:0;padding-right:55px}
	.writeTypeA .wid1{width:70px}

	.gdtxt p{position:relative;bottom:0;margin-bottom:5px;font-size:14px;text-align:right;}
	
	.writeTypeA.mb{border-bottom:1px solid #e1e1e1}
	.writeTypeA.mb > colgroup{display:none}
	.writeTypeA.mb > tbody > tr{position:relative;display:block;}
	.writeTypeA.mb > tbody > tr::after{display:block;clear:both;content:''}
	.writeTypeA.mb > tbody > tr::before{position:absolute;top:0;left:0;width:25%;height:100%;content:'';background:#f8f8f8;border-right:1px solid #e1e1e1}
	.writeTypeA.mb > tbody > tr > th:first-child + td + th{clear:left}
	.writeTypeA.mb > tbody > tr > th,
	.writeTypeA.mb > tbody > tr > td{position:relative;display:block;float:left;padding:5px 10px;height:100%;min-height:45px;box-sizing:border-box;z-index:1}
	.writeTypeA.mb > tbody > tr > th{padding:10px 10px;width:25%;line-height:1.1;word-break:break-all;background:none;border-width:1px 0 0 0}
	.writeTypeA.mb > tbody > tr > td{margin-left:-1px;width:75%;word-break:break-all;background:none;border-width:1px 0 0 0}
	.writeTypeA.mb > tbody > tr > td.type1 .select,
	.writeTypeA.mb > tbody > tr > td.type1 input{width:100%}

	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative;width:100%;overflow:auto}
	.mb_scroll table{width:800px}
	.mb_scroll::after{display:block;position:absolute;top:0;right:0;width:27px;height:100%;content:'';background:url('../images/scroll_alpha.png') repeat-y fixed right top;z-index:2;}
	.mbtb_quide{position:absolute;top:30px;left:50%;width:60px;height:60px;background:url('../images/bg_touch.png') no-repeat;background-size:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	
	.tb_scroll .img{max-width:1000px}

	.gudTxt{margin-bottom:20px;padding:15px;background-image:none !important}
	.gudTxt .txt1{font-size:16px}
	.gudTxt h2{margin-bottom:10px;font-size:18px}

	.gudTxt + h2.title{margin-top:20px}

	.s1_3_con .root_daum_roughmap .wrap_map{height:250px !important}
	
	.popWrap{padding-bottom:20px}
	.popWrap .popTit{margin-bottom:15px;padding: 0 17px;font-size: 18px;line-height: 45px;}
	.popWrap .btnClose{top:0;right:0;width:45px;height:45px;background-size:12px}

	.voteCon{padding:0 15px 15px}
	.voteCon h2{margin-bottom: 15px;padding: 15px 10px;font-size: 17px;}
	.voteCon p{margin-bottom: 20px;}
	.voteCon dl dt{margin-bottom: 5px;padding-left: 22px;font-size: 14px;}
	.voteCon dl dd{margin-bottom: 20px;padding-left: 20px;}
	.voteCon dl dd ul li{margin-right:10px}

	.etcCon h2{margin-bottom: 20px;padding: 20px;font-size: 18px;}
	.etcCon h3{margin: 30px 0 15px;font-size: 16px;}
	.etcCon h4{margin-top:15px}

	.mailCon .guidBox{margin-bottom:20px;padding: 20px 10px 20px 80px;background-position: 10px 20px;background-size: 60px;}
	.mailCon h2{margin-bottom:10px;}
	
	.s1_1_con1{margin-bottom:30px}
	.s1_1_con1 .img{margin-bottom:10px;text-align:center}
	.s1_1_con1 .img img{width:120px}
	.s1_1_con1 .txt{margin-bottom: 10px;font-size: 16px;}
	.s1_1_con2 .txt{margin-bottom: 20px;font-size: 17px;}
	.s1_1_con2 ul{margin-bottom:30px}
	.s1_1_con2 ul li{margin-bottom:10px;background-position:center 60px;background-size:50px}
	.s1_1_con2 ul li dl{padding:20px}
	.s1_1_con2 ul li dl dt{margin-bottom: 70px;font-size: 16px;}
	.s1_1_con2 ul li dl dd{font-size:14px}

	.mblink a{display:block}
	.voteView .top{margin-bottom: 20px;padding:10px}
	.voteView .top h2{margin-bottom:5px;font-size: 18px;}
	.voteView .top .num{position: relative;top: 0;right: 0;}
	.voteView .top .num span{font-size: 20px;}
	.voteView .con{padding: 20px;}
	.voteView .con dl dt{margin-bottom: 5px;padding-left: 22px;font-size: 14px;}
	.voteView .con dl dd{margin-bottom: 20px;padding-left: 20px;}
	.voteView .con dl dd ul li{display:block}
	
	.s2_1_con{margin-bottom:0}
	.s2_1_con dl{margin-bottom:10px;width:49%}
	.s2_1_con dl dt{margin-bottom: 5px;padding: 10px 0;min-height: 40px;font-size: 15px}
	.s2_1_con dl dd{font-size:13px;line-height: 90px;}
    
    /* 2022 프로젝트 추가 */
    .service_area{margin-bottom: 0;}
    .service_area .txt{font-size: 17px;padding: 30px 0 25px 0;}
    .service_area li{width: 100%;margin-bottom: 30px;}
    .service_area li:before{width: 120px;height: 120px;margin-left: -60px;}
    .service_area li dt{font-size: 17px;padding-top: 130px;}
    .service_area li dd{font-size: 14px;}
    .service_area02 .box{width: 99%;height: auto;padding-bottom: 20px}
    .service_area02 .box p{font-size: 16px;padding: 10px;}
    .s1_1_con1.ci_area{padding: 70px 0;}
    .s1_1_con1.ci_area img{max-width: 65%;}
    
    .map_area .map_box{height:250px;margin-bottom: 20px;}
    .map_area .map_tit{margin:0;}
    .map_area .map_tit:before{display:none;}
    .map_area .map_tit span{font-size:14px;padding:0 0 0 15px;}
    .map_area .map_tit p{font-size: 17px;padding:0 0 0 15px;}
    .map_con dt{float: none;width: 100%;margin-bottom: 20px;}
    .map_con dt p{font-size: 16px;margin-left: 10px;}
    .map_con dd{float: none;width: 100%;padding-left: 10px;}
    
    .organ_area{border:none;padding:0;}
    .organ_area .tit{font-size:16px;padding: 10px}

	/* 고객소통-공지사항 */
	.sns_area .sns_tit h2 {font-size: 20px;}
	.sns_area .sns_tit:before {top: 13px; width: 35px; height: 35px;}
	.sns_area .sns_tit a p:before {top: -8px; width: 30px; height: 30px;}
	.sns_area .sns_tit a p {font-size: 13px;}
	.sns_area .sns_box {min-height: inherit;}
	.sns_area .sns_box.sbox02 .sns_in iframe {height: 210px;}
	.sns_area .sns_box .sns_in .sns_in_tit {font-size: 16px;}
	.sns_area .sns_box .sns_in .sns_in_text {font-size: 13px;}
	.sns_area .sns_box .sns_in .sns_in_date {font-size: 11px; margin-top: 12px}
	
	/* 기술지원관리 */
	span.req_type1_1 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #32d10a; background: #fff; font-size: 12px; font-weight: bold; color: #32d10a; border-radius: 0;}
	span.req_type1_2 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #f26522; background: #fff; font-size: 12px; font-weight: bold; color: #f26522; border-radius: 0;}
	span.req_type1_3 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #040004; background: #fff; font-size: 12px; font-weight: bold; color: #040004; border-radius: 0;}
	span.req_type1_4 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #0000ff; background: #fff; font-size: 12px; font-weight: bold; color: #0000ff; border-radius: 0;}
	span.req_type1_5 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #ff8040; background: #fff; font-size: 12px; font-weight: bold; color: #ff8040; border-radius: 0;}
	span.req_type1_6 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #8000ff; background: #fff; font-size: 12px; font-weight: bold; color: #8000ff; border-radius: 0;}
	
	span.req_type1 {display: inline-block; margin: 2px 0px; padding: 2px; width: 60px; border: 2px solid #f26522; background: #fff; font-size: 12px; font-weight: bold; color: #f26522; border-radius: 0;}
	span.req_type2, span.req_type0 {display: inline-block; margin: 2px 0px; padding: 3px; width: 60px; border: 1px solid #969696; background: #fff; font-size: 12px; font-weight: bold; color: #969696; border-radius: 0;}
	
	/* 2022 기술지원안내
    .tech_step li{width: 110px;height: 110px;}
    .tech_step li::before{top: 55px;left: 106px;}
    .tech_step li span{font-size: 13px;margin-top:20px;margin-bottom: 5px;}
    .tech_step li p{font-size: 15px;}
    .tech_table tbody th, .tech_table tbody td li{font-size:14px;}
    .tech_table tbody th span{padding-left: 0;}
    .tech_table tbody th.icon01 span, .tech_table tbody th.icon02 span, .tech_table tbody th.icon03 span{background: none;}
    .tech_table tbody td li::before{top: 13px}
    .tech_table tbody td li p{font-size: 14px;} */
    .tech_practice{padding: 20px;}
    .tech_practice .practice_con > div{width: 100%;min-height:auto;font-size: 14px;margin: 0 0 10px 0;}
    .tech_practice .practice_con > div::before{display: none;}
    .tech_practice .practice_con > div .tit{height: 40px;font-size: 17px;line-height: 40px;}
    .tech_practice .practice_con > div > ul > li{margin-bottom: 3px;}
    .tech_practice .practice_con > div > ul > li::before{top: 7px;}
    .tech_practice .practice_con .con_in strong{font-size: 15px;}
    .tech_practice .tit_area span{font-size: 17px;}
    .tech_practice .tit_area p{font-size: 17px;padding-bottom: 20px;}
    .tech_practice.case01 .practice_con > div, .tech_practice.case02 .practice_con > div, .tech_practice.case03 .practice_con > div, .tech_practice.case04 .practice_con > div{min-height:auto}
    
    /* 2023 CI&캐릭터 소개  */
	.character .cbox_in01 {width: 40%;}
	.character .cbox_in02 .ch_img02 {width: 70%; margin-bottom: 25px;}
	.character .cbox_in02 .ch_txt {font-size: 15px;}
	.character ul.ch_txt li > ul > li {margin-left: 125px;}
	.character .cbox_in03 {width: 45%;}
	.character .cha_list02 ul {flex-wrap: wrap;}
	.character .cha_list02 ul li {width: 50%;}
	.character > ul > li > p {padding-top: 15px; font-size: 15px;}
	.character > ul > li > ul > li > p {padding-top: 0; font-size: 15px;}
	.cha_area .ch_img02 {width: 25%;}
	.cha_area p {float: right; width: 70%; font-size: 15px;}
	
	/* 2026 기술지원안내 */
	.cards_wrap{grid-template-columns:1fr;gap:16px;}
    .cards_wrap .card{min-height:0;padding:22px 20px;}
    .cards_wrap .card .row{gap:16px;}
    .cards_wrap .card .row .icon{width:62px;height:62px;}
    .cards_wrap .card .row .icon img{width:34px;height:34px;}
	.cards_wrap .card .row .tit{font-size: 17px;}
	.tech_step .step .card .badge{font-size: 14px;}
	.tech_step{grid-template-columns:1fr;--gap:38px;}
    .tech_step .step .card{min-height:0;padding:28px 18px 22px;}
	.tech_step .step .card .tit{height: 40px;font-size: 18px;}
	.tech_table tbody th, .tech_table tbody td{font-size: 14px;}
	.tech_table tbody td > ul > li > ul > li{font-size: 14px;}
	}
@media all and (max-width:480px){
	/* 2023 CI & 캐릭터 소개 */
	.cha_area .ch_img02 {display: none;}
	.cha_area p {float: none; width: 100%; padding: 0;}
	}

 /* Mobile Device */
@media all and (max-width:360px){
	
	}