@charset "utf-8";

/**************************************************
	Main CSS Document
	IEETU Web Standardization Team
	2023-10-31
**************************************************/

/**************************************************
	Common
**************************************************/
/* 공통 */
.conSkybox{background:#e1f1f3; border-radius:10px; padding:30px; text-align:center; margin:0 0 30px 0;}
.conSkybox ul{margin:0; text-align:left;}
.bt_line{padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #ddd;}
.bd_ccc{border-color:#ccc !important;}
.bd_ddd{border-color:#ddd !important;}
.bd_red{border-color:#ea3d27 !important;}
.bg_red{background:#ea3d27;}
.bg_white{background:#fff !important;}
.bg_darkgray{background:#595656;}
.bg_black{background:#272727;}
.bg_viridian{background:#177e89;}
.bg_blue{background:#6e7db7;}
.bg_td_gray{background:#f5f5f5;}
.t_viridian{color:#04646e;}

.mgtb0{margin:0 !important;}
.mgt0{margin-top:0 !important;}
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt20{margin-top:20px !important;}
.mbt40{margin-top:40px !important;}
.mgl10{margin-left:10px !important;}
.mgl30{margin-left:30px !important;}
.mgr10{margin-right:10px !important;}
.mgr20{margin-right:20px !important;}
.mgb0{margin-bottom:0 !important;}
.mgb10{margin-bottom:10px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}

.con_block{display:block;}
span.button{cursor:initial !important;}

.cir_num_tit{display:inline-flex; justify-content:center; align-items:center; font-size:28px; padding:0 0 40px 0; font-weight:600;}
.cir_num_tit .num{font-family:'nexon'; text-align:center; font-weight:600; display:block; width:40px; height:40px; line-height:40px; background:#ea3d27; border-radius:50%; color:#fff;}
.cir_num_tit .txt{margin:0 0 0 12px; line-height:1.3; width:calc(100% - 40px); text-align:left;}

.sort_area{padding:0 15px; cursor:initial !important;}
.sort_area.area02,
.sort_mhg.mhg02{border-color:#148cf2 !important; color:#148cf2 !important;} /* 부산, 디자인 */
.sort_area.area03{border-color:#ea3d27 !important; color:#ea3d27 !important;} /* 대구·경북 */
.sort_area.area05{border-color:#6262be !important; color:#6262be !important;} /* 광주 */
.sort_area.area06{border-color:#ee7102 !important; color:#ee7102 !important;} /* 대전 */
.sort_area.area10{border-color:#17894f !important; color:#17894f !important;} /* 강원 */

.mobile_block{display:none;}
.pc_block{display:block;}

.loading_on{position:fixed; top:50%; left:50%; margin:-25px 0 0 -25px; height:50px; width:50px; border:4px solid rgba(234, 61, 39, 0.2); border-right-color:#ea3d27; border-top-color:#ea3d27; animation:slidein 800ms infinite linear; border-radius:50%; z-index:100020;}
.loading_on.loading02{position:absolute;}
.loading_bg{position:absolute; left:0; top:0; width:100%; height:100%; z-index:100000; background:rgba(0,0,0,0.5);}
.loading_bg{z-index:100000;}

@keyframes slidein {
	from {
		transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* 프로그램 공통 */
.flx_lr{display:flex; align-items:center; justify-content:space-between; width:100%; margin:30px 0 10px;}
.flx_lr label{cursor:pointer;}
.flx_lr.flx_top{align-items:flex-start;}
.flx_lr.flx_left{justify-content:flex-start;}
.flx_lr_ul{display:flex; flex-wrap:wrap; margin:0 0 20px 0;}
.flx_lr_ul > li{margin-right:20px;}
.in_flx_lr{display:inline-flex;}
.flx_lr.survey_add{margin:0;}
.cont_body .con_empty{text-align:center; padding:100px 10px;}
.cont_body .con_layer{position:relative; padding:20px 30px;}
.cont_body .con_layer:hover{box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);}
.con_layer + .con_layer{margin-top:15px;}
.con_layer_close{display:block; text-indent:-99999px; width:25px; height:25px; position:absolute; right:30px; top:33px;}
.con_layer_close:before, 
.con_layer_close:after{content:''; position:absolute; right:50%; top:0; height:26px; width:2px; background-color:#000;}
.con_layer_close:before{transform:rotate(45deg);}
.con_layer_close:after{transform:rotate(-45deg);}
.cont_body .con_layer table{border-top:1px solid #dcdfe6;}
.cont_body .con_layer table th, 
.cont_body .con_layer table td{border:1px solid #dcdfe6;}
.cont_body .con_layer table tbody th{background:#f5f7fa;}
.con_btn_wrap{margin:10px 0 0;}
.marking_txt{color:#ea3d27; margin:0 0 5px 0 !important;}

.button_over:hover,
.button.line.button_over:hover{position:relative; border-color:#ea3d27 !important; color:#ea3d27 !important;}
.link_button.button_over:hover:before{background:#ff8b7b;}
.link_button.button_over.homepage:hover:after{width:22px; height:19px; background-position:0 -129px;}
.link_button.button_over.download:hover:after{width:17px; height:18px; background-position:-34px -129px;}
.link_button.button_over.view:hover:after{width:17px; height:17px; background-position:-126px -129px;}
.link_button.button_over.location:hover:after{width:18px; height:20px; background-position:-64px -129px;}
.link_button.button_over.direct:hover:after{width:20px; height:20px; background-position:-93px -129px;}

.button_over2:hover{opacity:0.6 !important;}
.table_over tr:hover td{background:#fef4eb;}
.table_over tr.over_none:hover td{background:initial;}

td.td_slash,
.table_over tr:hover td.td_slash{background-image: linear-gradient(to right bottom, transparent calc(50% - 1px), #a4a4a4, transparent calc(50% + 1px)); background-size: 120% 120%; background-position:center;}

.table_wh td{background:#fff !important;}
table.th_bg th{background:#f1efef !important;}
.tb_s_txt{font-size:15px; color:#555; margin:0 0 0 30px;}
.tb_s_txt2{font-size:15px; color:#777;}
.tb_s_txt3{display:block; font-size:15px;}
.tb_s_txt4{font-size:15px; color:#555; margin:10px 0 0 !important;}
.p_tit_txt{font-size:18px; font-weight:700; margin:30px 0 20px !important;}
.p_tit_txt2{font-size:18px; font-weight:700; margin:30px 0 10px !important;}
.tb_cost_txt{font-size:22px; color:#ea3d27; font-weight:600;}
.tb_cost_txt2{font-size:22px; font-weight:600;}
.tb_chk input[type="checkbox"]{display:none !important;}
.tb_chk input[type="checkbox"] ~ label{display:inline-block; background-image: url(../images/main/ico_check.png); background-repeat:no-repeat; background-position:0 3px; line-height:24px; cursor:pointer; padding:0 0 0 23px;}
.tb_chk input[type="checkbox"]:checked ~ label{color:#ea3d27; background-image:url(../images/main/ico_checked.png);}
.tb_chk + .tb_chk{margin:0 0 0 10px;}
.tb_chk input{margin-top:0;}
.tb_chk input[type="radio"]{display:none !important;}
.tb_chk input[type="radio"] ~ label{display:inline-block; background-image: url(../images/common/ico_radio.png); background-repeat:no-repeat; background-position:0 3px; line-height:24px; cursor:pointer; padding:0 0 0 23px;}
.tb_chk input[type="radio"]:checked ~ label{color:#ea3d27; background-image:url(../images/common/ico_radio_on.png);}

.rdo_hidden{text-indent:-999999px;}

.bbsSrch2 select{min-width:160px;}
.bbsSrch2 .srch_word_wrap input,
.bbsSrch3 .srch_word_wrap input{width:507px;}
.bbsSrch3 select{min-width:110px;}
.bbsSrch3 input.datetimepicker{min-width:140px;}

.bd_btm_line{border-bottom:2px solid #4f4e4e; margin:0 0 50px 0;}
.survey_line{display:block; width:300px; height:1px; background:#555; margin:30px 0; text-indent:-999999px;}

.help_mark_wp{position:relative;}
.help_mark{position:absolute; right:10px; top:50%; margin-top:-8px; font-size:11px; background:#000; border-radius:50%;	display:inline-block;	width:18px;	height:18px; color:#fff; cursor:pointer;}
.help_layer{display:none; position:absolute; left:100%; bottom:100%; background:rgba(0,0,0,0.8); width:700px; height:300px; margin:0 0 -10px -38px; color:#fff; text-align:left; border-radius:10px;}
.help_layer.open{display:block;}
.help_layer:after{content:""; display:block; position:absolute; left:10px; width:0; height:0; border-top:10px solid rgba(0,0,0,0.8);;	border-bottom:8px solid transparent; border-left:8px solid transparent;	border-right:8px solid transparent;}
.help_layer .info_lr{display:flex; align-items:flex-end; height:100%; padding:30px 30px 0 30px;}
.help_layer .info_lr .img{width:300px;}
.help_layer .info_lr .txt{width:calc(100% - 300px); height:100%; margin:0 0 0 30px; padding:50px 0 0;}
.help_layer .help_layer_close{position:absolute; right:30px; top:20px; text-indent:-9999px; cursor:pointer; width:25px; height:25px;}
.help_layer .help_layer_close:before, 
.help_layer .help_layer_close:after{content:''; position:absolute; right:50%; top:0; height:20px; width:2px; background-color:#fff;}
.help_layer .help_layer_close:before{transform:rotate(45deg);}
.help_layer .help_layer_close:after{transform:rotate(-45deg);}

.cont_body .total_info{margin:0; color:#555; font-size:16px;}
.cont_body .total_info span{font-size:17px;}

.link_button_txt{color:#177e89 !important; line-height:28px;}
.link_button_txt[target="_blank"]{text-decoration:underline;}
.link_button_txt .link_button.ico{margin:0 0 0 10px;}
.link_button_txt .byte_txt{color:#999; font-size:14px;}
.link_button_txt + .link_button{margin:0 0 0 3px !important;}

.link_button.bd_none{border:none; padding:0 38px 0 0; background:none;}
.link_button.bd_none:before{display:none;}

.file_upload_box{padding:40px 25px; border:1px dashed #cccccc; border-radius:5px; text-align:center; cursor:pointer;}
.file_upload_box .ico_file_upload{display:inline-block; color:#666; padding:68px 0 0; background:url(../images/content/ico_file_upload.png) no-repeat 50% 0;}

.file_upload_box.thum_img{ max-width:400px; height:200px;}
.file_upload_box.thum_img .ico_file_upload{background:url(../images/content/ico_thum_upload.png) no-repeat 50% 0; margin:15px 0 0;}

.img_upload_box{position:relative; width:300px; height:300px; margin:0 auto; border:1px dashed #cccccc; border-radius:5px; text-align:center; cursor:pointer;}
.img_upload_box:before,
.img_upload_box:after{content:""; display:block; position:absolute; width:15px; height:1px; background:#555; left:50%; top:50%; margin:0 0 0 -7px;}
.img_upload_box:after{width:1px; height:15px; margin:-7px 0 0;}
.img_upload_box .img_file_upload{text-indent:-99999999px; display:block;}

.more_plus_box{position:relative; width:100%; height:40px; border:1px dashed #cccccc; border-radius:5px; text-align:center; cursor:pointer;}
.more_plus_box:hover{background:#fef4eb;}
.more_plus_box span{display:inline-block; text-indent:-999999px; width:28px;height:28px;}
.more_plus_box span:before,
.more_plus_box span:after{position:absolute; top:50%; left:50%; background:#ccc; content:'';}
.more_plus_box span:before{width:14px; height:2px; margin: -1px 0 0 -7px;}
.more_plus_box span:after{width:2px; height:14px; margin: -7px 0 0 -1px;}
td .more_plus_box{background:#177e89; border:none;}
td .more_plus_box:hover{background:#177e89; opacity:0.7;}
td .more_plus_box span:before,
td .more_plus_box span:after{background:#fff;}

.file_upload_slt .tb_s_txt2{margin:0;}
.file_upload_slt li{padding:5px;}
.file_upload_slt li:after{content:""; display:block; clear:both;}
.file_upload_slt li:hover{background:#ffe7d2;}
.file_upload_slt li .select{float:left; width:230px; margin:0 9px 0 0;}
.file_upload_slt .ico_file{margin:0; color:#666; float:left; line-height:39px; padding:0 0 0 20px; background:url(../images/content/ico_file.png) no-repeat 0 50%;}
.file_upload_slt li > a{display:none; position:relative; float:right; text-indent:-999999px; width:20px; height:20px;	margin:10px 10px 0 0;}
.file_upload_slt li > a:before, 
.file_upload_slt li > a:after{content:''; position:absolute; right:50%; top:0; height:20px; width:2px; background-color:#999;}
.file_upload_slt li > a:before{transform:rotate(45deg);}
.file_upload_slt li > a:after{transform:rotate(-45deg);}
.file_upload_slt li:hover a{display:block;}

.file_upload_slt2 li{padding:0;}
.file_upload_slt2 li:hover{background:initial;}
.file_upload_slt2 .ico_file{line-height:30px;}

.agree_box{border:1px solid #ccc; border-radius:10px; overflow:hidden;}
.agree_box p{padding:30px; margin:0; font-size:17px; line-height:1.7;}
.agree_box p strong{font-size:18px; font-weight:800;}
.agree_box .agree{background:#f8f8f8; padding:25px 0; text-align:center; line-height:1.1;}
.agree_box .agree label{cursor:pointer;}
.agree_box .agree label strong{font-size:18px;}
.agree_box .agree label span{position:relative; font-size:16px; margin-left:8px; padding-left:10px;}
.agree_box .agree label span:before{content:""; display:block; position:absolute; width:1px; height:14px; left:0; top:4px; background:#b5b5b5;}

.td_slt_lr{display:flex; justify-content:space-between; align-items:center;}
.td_slt_lr .td_slt_l{width:calc(100% - 150px);}

.datetimepicker_wp{border:1px solid #ea3d27;}

.editor_wp{border:1px solid #ccc;}

.editor_dt_box{padding:10px 0; border-top:2px solid #4f4e4e; border-bottom:1px solid #ddd;}

.field_drop_lst .field_slt_tit{position:relative; width:100%; max-width:350px;	min-width:120px; padding:7px 8px;	border:1px solid #b3b3b3;	background:#fff; vertical-align:middle; font-size:15px;}
.field_drop_lst .field_slt_tit:after{position:absolute; right:12px; top:10px; content:''; width:10px; height:10px; border-top:1px solid #888; border-right:1px solid #888; transform:rotate(135deg);}
.field_drop_lst .field_slt_tit.open:after{top:14px; transform:rotate(315deg);}
.field_drop_lst .field_slt_wp{display:none; font-size:15px;}
.field_drop_lst .field_slt_wp.open{display:flex;}
.field_drop_lst .field_slt_wp li{padding:3px 0;}
.field_drop_lst .field_slt_wp .field_slt1 li{position:relative;}
.field_drop_lst .field_slt_wp .field_slt1 li:after{position:absolute; right:0px; top:13px; content:''; width:5px; height:5px; border-top:1px solid #888; border-right:1px solid #888; transform:rotate(45deg);}
.field_drop_lst .field_slt1,
.field_drop_lst .field_slt2{background:#fff; width:50%; height:165px; margin:5px 0 0; border:1px solid #ddd; padding:10px; overflow-y:scroll;}
.field_drop_lst .field_slt1{position:relative; border-radius:5px 0 0 5px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.field_drop_lst .field_slt2{display:none; border-radius:0 5px 5px 0;}
.field_drop_lst .field_slt1 .on{color:#ea3d27; font-weight:600;}
.field_drop_lst .field_slt2 .on{color:#ea3d27; font-weight:600;}
.field_drop_lst .field_slt2 .on:before{content:"✓"; margin:0 3px 0 0;}

.top_sorting_lst{display:flex;}
.top_sorting_lst li{position:relative; margin:0 10px 0 0; padding:0 10px 0 0;}
.top_sorting_lst li:before{content:""; display:block; position:absolute; width:1px; height:13px; background:#ccc; right:0; top:50%; margin:-7px 0 0;}
.top_sorting_lst li:last-child:before{display:none;}
.top_sorting_lst .on{color:#ea3d27;}

/* Progress bar */
.progress_bar_wrap{position:relative;}
.progress_bar_wrap .progress_bar{appearance:none; display:block; width:260px; height:20px;}
.progress_bar_wrap .progress_bar::-webkit-progress-bar{background:#e6e6e6; border-radius:30px;}
.progress_bar_wrap .progress_bar::-webkit-progress-value{border-radius:30px; background:#ea3d27;}
.progress_bar_wrap .value{position:absolute; top:0; left:15px; font-size:12px; z-index:10; color:#fff; line-height:20px;}

.progress_cir_wrap{position:relative; width:150px; height:150px;}
.progress_cir_wrap .progress_cir{transform:rotate(-90deg);}
.progress_cir_wrap .frame, 
.progress_cir_wrap .bar{fill:none;}
.progress_cir_wrap .frame{stroke:#e6e6e6;}
.progress_cir_wrap .bar{stroke:#ea3d27; stroke-linecap:round;}
.progress_cir_wrap .value{display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:150px; height:150px; text-align:center;}

/* 마이페이지 - 탭 */
.tab_con_wrap{border:1px solid #ccc; border-top:2px solid #4f4e4e;}
.tab_con_wrap .tab_lst{display:flex; background:#eee;}
.tab_con_wrap .tab_lst li a{display:block; padding:10px 20px;}
.tab_con_wrap .tab_lst li.on a{background:#fff; color:#ea3d27; font-weight:800;}
.tab_con_wrap .tab_con{padding:20px;}

/* 게시판 아이콘 */
.ico_bd_view ul{display:flex; margin:0 0 20px 0;}
.ico_bd_view ul li{display:flex; align-items:center; justify-content:center; border:1px solid #ccc; padding:3px 15px; border-radius:30px; font-size:15px; margin:0 8px 0 0; min-width:73px;}
.ico_bd_view ul li:last-child{margin:0;}
.ico_bd_view ul li:before,
.button.bd_recom:before{content:""; display:block; width:20px; height:20px; margin:0 3px 0 0; background:url(../images/content/ico_bd_view.png);}
.ico_bd_view ul li.recom:before{background-position:0 0;}
.ico_bd_view ul li.hits:before{background-position:-20px 0;}
.ico_bd_view ul li.comm:before{background-position:-40px 0;}

.button.bd_recom{display:inline-flex; align-items:center; padding:0 12px 0 10px;}
.button.bd_recom:before{background-position:0 0; margin:2px 2px 0 0;}
.button.bd_recom:hover{border:1px solid #ea3d27; color:#ea3d27 !important;}
.button.bd_recom:hover:before{background-position:-60px 0;}

/* 게시판 댓글*/
.bd_comment_wrap{margin:20px 0 0; border-top: 1px solid rgb(117, 118, 128);}
.bd_comment_wrap p{margin:0;}
.bd_comment_wrap .cmt_top{display:flex; justify-content:space-between; padding:20px 0 10px;}
.bd_comment_wrap .cmt_top .tit{font-size:20px;}
.bd_comment_wrap .cmt_top .btn_view{position:relative; font-size:18px; cursor:pointer; padding:0 17px 0 0;}
.bd_comment_wrap .cmt_top .btn_view::after{position:absolute; right:0; top:6px; content:''; width:8px; height:8px; border-top:2px solid #555; border-right:2px solid #555; transform:rotate(135deg);}
.bd_comment_wrap .cmt_top .btn_view.active::after{top:11px; transform:rotate(315deg);}
.bd_comment_wrap .cmt_con{border-radius:10px; padding:30px 40px; background:#f5f5f5;}
.bd_comment_wrap .cmt_con .cmt_list > li{border-bottom:1px dashed #d0d0d0; padding:0 0 20px 0; margin:0 0 20px 0;}
.bd_comment_wrap .cmt_con .cmt_list > li:last-child{margin:0 0 30px 0;}
.bd_comment_wrap .cmt_con .cmt_list > li .info{display:flex; align-items:center; justify-content:space-between; margin:0 0 15px 0;}
.bd_comment_wrap .cmt_con .cmt_list > li .info .name{font-size:17px;}
.bd_comment_wrap .cmt_con .cmt_list > li .info .time{font-size:15px; margin:3px 50px 0 10px; color:#555;}
.bd_comment_wrap .cmt_con .cmt_list > li .info .button{display:inline-flex; align-items:center;}
.bd_comment_wrap .cmt_con .cmt_list > li .info .button:hover{color:#ed1c24 !important; border-color:#ed1c24 !important;}
.bd_comment_wrap .cmt_con .cmt_list > li .info .button:before{content:""; display:block; width:20px; height:20px; margin:0 3px 0 0; background:url(../images/content/sp_cmt_btn.png);}
.bd_comment_wrap .cmt_con .cmt_list > li .info .button:hover:before{background:url(../images/content/sp_cmt_btn_on.png);}
.bd_comment_wrap .cmt_con .cmt_list > li .info .button.delete:before,
.bd_comment_wrap .cmt_con .cmt_list > li .info .button:hover.delete:before{background-position:-20px 0;}
.bd_comment_wrap .cmt_con.hide .cmt_list{display:none;}
.bd_comment_wrap .cmt_con .cmt_txt{display:flex; justify-content:space-between;}
.bd_comment_wrap .cmt_con .cmt_txt textarea{width:calc(100% - 110px);}
.bd_comment_wrap .cmt_con .cmt_txt button{width:100px; height:100px; background:#ea3d27; border-radius:10px; color:#fff; font-size:18px;}
.bd_comment_wrap .cmt_con .cmt_txt a{width:100px; height:100px; background:#ea3d27; border-radius:10px; color:#fff; font-size:18px;}

/* 스위치버튼 */
.switch_btn_wp .switch_btn{position:absolute; appearance:none !important; -webkit-appearance:none !important; -moz-appearance:none !important; width:initial; height:initial; margin:0;}
.switch_btn_wp .switch_label{position:relative;  cursor:pointer; display:inline-block; width:54px; height:24px; background:#ccc; border:2px solid #cccccc; border-radius:20px; transition:0.2s;}
.switch_btn_wp .onf_btn{position:absolute; top:0; left:0; display:inline-block; width:20px; height:20px; border-radius:20px; background:#fff; transition:0.2s;}
.switch_btn_wp .switch_btn:checked+.switch_label{background:#ea3d27; border:2px solid #ea3d27;}
.switch_btn_wp .switch_btn:checked+.switch_label .onf_btn{left:30px; background:#fff; box-shadow:1px 2px 3px #00000020;}

/* 스위치버튼2 - 공개, 비공개 */
.switch_btn_wp2{position:relative;}
.switch_btn_wp2 .switch_label{width:70px;}
.switch_btn_wp2 .switch_btn:checked + .switch_label .onf_btn{left:46px;}
.switch_btn_wp2 .txt{position:absolute; right:6px; top:0; font-size:14px; display:inline-block;}
.switch_btn_wp2 .txt.open{color:#fff; left:6px; right:initial;}

/* 테이블 th 토글 */
.th_state_wrap{position:relative;}
.th_state_slt{position:relative; display:inline-block; text-indent:-9999999px; cursor:pointer;}
.th_state_slt:after{position:absolute;	left:5px; top:8px; content:''; width:6px; height:6px;	border-top:1px solid #000; border-right:1px solid #000;	transform:rotate(135deg);}
.th_state_slt.open:after{transform:rotate(315deg); top:11px;}
.th_state_lst{display:none; position:absolute; left:0; background:#fff; text-align:left; z-index:99; width:200px; border:1px solid #ccc; font-size:15px;	padding:10px 15px; background:#fff;}
.th_state_lst.open{display:block;}
.th_state_lst .btn_wrap{text-align:center; margin:10px 0 0;}
.th_sorting{display:inline-flex; flex-direction:column;}

/* 테이블 th 정렬 */
.th_state_tb > div{display:flex; justify-content:center;	align-items:center;}
.th_state_tb .th_sorting{margin:0 0 0 8px;}
.th_state_tb .th_sorting > span{display:inline-block; text-indent:-9999999px; width:0; height:0;	border-left:5px solid transparent; border-top:8px solid transparent; border-bottom:8px solid #979797; border-right:5px solid transparent; cursor:pointer;}
.th_state_tb .th_sorting > .top.on{border-bottom-color:#ea3d27;}
.th_state_tb .th_sorting > .btm{border-left:5px solid transparent; border-top:8px solid #979797; border-bottom:8px solid transparent; border-right:5px solid transparent; margin:2px 0 0;}
.th_state_tb .th_sorting > .btm.on{border-top-color:#ea3d27;}

/* 권한이동 */
.modify_mem_box{display:flex; margin:0 0 5px 0;}
.modify_mem_box .mem_lr{width:260px; border:1px solid #ccc; border-radius:10px; overflow:hidden;}
.modify_mem_box .mem_lr label{cursor:pointer;}
.modify_mem_box .mem_lr .top{display:flex; justify-content:space-between; padding:15px; background:#f5f7fa;}
.modify_mem_box .mem_lr p{margin:0;}
.modify_mem_box .mem_lr .mem_lst{padding:15px; background:#fff;}
.modify_mem_box .mem_lr .mem_lst ul{height:210px; overflow-y:scroll;}
.modify_mem_box .mem_lr .mem_lst ul li label{width:180px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.modify_mem_box .mem_lr .srh_mem_wp{position:relative; margin:0 0 10px 0;}
.modify_mem_box .mem_lr .srh_mem_wp:before{content:""; display:block; position:absolute; left:10px; top:11px; width:17px; height:17px; background:url(../images/content/ico_srh.png);}
.modify_mem_box .mem_lr .srh_mem_wp .srh_mem{padding-left:30px;}
.modify_mem_box .move_btn_lr{display:flex; align-items:center; margin:0 10px;} 
.modify_mem_box .move_btn_lr button{position:relative; display:block; margin:0 3px; text-indent:-9999px; width:40px; height:40px; border-radius:5px; background:#ea3d27; opacity:0.5;}
.modify_mem_box .move_btn_lr button.on{opacity:1;}
.modify_mem_box .move_btn_lr button:after{position:absolute; left:15px;	top:14px; content:'';	width:10px;	height:10px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(225deg);}
.modify_mem_box .move_btn_lr button.move_btn_r:after{transform:rotate(45deg); left:initial; right:15px;}

/* 값 증가, 값 감소 버튼 */
.num_slt_btn{display:flex; margin:0 0 5px 0;}
.num_slt_btn input{width:80px !important; min-width:initial !important; height:40px; margin:0; text-align:center;}
.num_slt_btn button{position:relative; width:40px; height:40px; display:block; text-indent:-99999px; background:#177e89;}
.num_slt_btn .num_slt_btn_l{border-radius:3px 0 0 3px;}
.num_slt_btn .num_slt_btn_l:before,
.num_slt_btn .num_slt_btn_r:before,
.num_slt_btn .num_slt_btn_r:after{content:""; display:block; position:absolute; left:50%; top:50%; margin:0 0 0 -6px; width:13px; height:1px; background:#fff;}
.num_slt_btn .num_slt_btn_r:after{width:1px; height:13px; margin:-6px 0 0 0;}
.num_slt_btn .num_slt_btn_r{border-radius:0 3px 3px 0;}

/* 프로그램 공통 - list */
.bd_list_wrap{display:flex; flex-wrap:wrap; gap:30px;}
.bd_list_wrap .list{width:calc(25% - 30px*3/4);}
.bd_list_wrap .list > .inr{display:block; padding:35px 25px 30px; border-radius:10px; border:1px solid #ccc; overflow:hidden;}

/* 프로그램 공통 - view */
.bd_view_top{text-align:center; padding:25px 30px 40px; margin:0 0 30px 0; background:#f5f5f5; border-radius:10px;}
.bd_view_top .button{cursor:inherit;}
.bd_view_top .sort{text-align:left;}
.bd_view_top .sort .button{min-width:80px; height:28px; line-height:26px; font-size:15px; margin:2px;}
.bd_view_top .info .button{background:none; height:34px; line-height:32px;}
.bd_view_top .tit{font-size:28px; margin:10px 0 15px; line-height:1.4;}
.bd_view_top .txt{color:#666; margin:0;}

/* 모달 레이어창 */
.modal_layer1,
.modal_layer2,
.modal_layer3{position:fixed; top:0; left:0; bottom:0; z-index:1000; overflow:auto; width:50%; background:#fff; transition:all 0.3s; transform:translate(-100%, 0);}
.modal_layer2{z-index:1100;}
.modal_layer3{z-index:3100;}
.modal_layer70{width:70%;}
.modal_layer.right,
.modal_layer2.right,
.modal_layer3.right{left:inherit; right:0; transform:translate(100%, 0);}
.modal_layer.modal_layer_on,
.modal_layer2.modal_layer_on2,
.modal_layer3.modal_layer_on3{transform:translate(0, 0);}
.modal_layer .modal_head{display:flex; height:67px;}
.modal_layer .modal_head .tit{width:calc(100% - 140px); font-size:24px; color:#fff; padding:15px 0 0 40px; background:#ea3d27;}
.modal_layer .close_wp{width:140px; background:#eaeaea url(../images/content/bg_modal_head.jpg) 0 0 no-repeat;}
.modal_layer .modal_close{position:relative; display:block; margin:18px 0 0 90px; width:30px; height:30px; cursor:pointer; text-indent:-99999px;}
.modal_layer .modal_close:before, 
.modal_layer .modal_close:after{content:''; position:absolute; right:50%; top:0; height:26px; width:2px; background-color:#000;}
.modal_layer .modal_close:before{transform:rotate(45deg);}
.modal_layer .modal_close:after{transform:rotate(-45deg);}

.modal_layer .modal_body{padding:30px 40px;}
.modal_layer .modal_body2{padding:0 !important;}
.modal_layer .close_wp_bt{text-align:center; margin:0 0 30px 0;}

.modal_layer .conTit3{font-size:22px;}
.modal_layer .conBox2{margin:10px 0 0; padding:10px 30px 5px;}

/* 모달 레이어창 - 단계 */
.modal_layer .step_wrap{position:absolute; right:160px; top:17px;}
.modal_layer .step_wrap ul{display:flex;}
.modal_layer .step_wrap ul li{position:relative; margin:0 23px 0 0;}
.modal_layer .step_wrap ul li:last-child{margin:0;}
.modal_layer .step_wrap ul li.on{margin:0 31px 0 0;}
.modal_layer .step_wrap ul li:after{content:""; display:block; position:absolute; left:-23px; top:50%; width:24px; height:1px; background:#fff;}
.modal_layer .step_wrap ul li:first-child:after{display:none;}
.modal_layer .step_wrap ul li span{position:inherit; z-index:30; display:block; width:32px; height:32px; border-radius:50%; text-align:center; line-height:28px; font-weight:600; border:2px solid #fff; color:#fff; font-size:18px;}
.modal_layer .step_wrap ul li.pass span{background:#fff; color:#ea3d27;}
.modal_layer .step_wrap ul li.on span{background:#fff; color:#ea3d27;}
.modal_layer .step_wrap ul li.on:before{content:""; display:block; position:absolute; z-index:10; left:-8px; top:-8px; width:44px; height:44px; border-radius:50%; border:2px solid #fff; background:#ea3d27;}
.modal_layer .step_box_wrap .step_box{display:none;}
.modal_layer .step_box_wrap .step_box.active{display:block;}

/* 디자인개발 결과물 등록 - 4단계 탭 */
.tab_degign_lang{display:flex; justify-content:center;}
.tab_degign_lang li{border:1px solid #ccc; width:60px; height:35px; line-height:35px; text-align:center; border-radius:5px; margin:0 3px;}
.tab_degign_lang li.on{background:#ea3d27; color:#fff; border:none; font-weight:600;}
.degign_lang_slt{border:1px solid #ea3d27; border-radius:10px; padding:15px 15px 8px; margin:25px 0 10px;}
.degign_lang_slt ul{display:flex; flex-wrap:wrap;} 
.degign_lang_slt ul li{margin:0 8px 8px 0; background:#f5f5f5;	padding:5px 10px;	border:1px solid #ccc;	border-radius:5px; font-size:14px;}
.degign_lang_slt ul li .ko{position:relative;	display:inline-block;	padding:0 10px 0 0;	margin:0 8px 0 0;}
.degign_lang_slt ul li .ko:after{content:""; display:block; position:absolute; right:0; top:5px; width:1px; height:12px; background:#b6b6b6;}
.table_lang_wrap{display:flex; justify-content:space-between;}
.table_lang_wrap > table{width:49%;}

/**************************************************
	Content
**************************************************/
/* 서브가이드 */
.guide_btm{display:flex;}
.guide_btm p{margin:0 0 16px 0;}
.guide_btm .left{margin:0 75px 0 0;}
.guide_btm span{display:block;}
.guide_btm .bd_ccc{border:1px solid #ccc; width:197px; height:1px; margin:0 0 25px 0;}
.guide_btm .bd_ddd{border:1px solid #ddd; width:197px; height:1px;}
.guide_btm .right ul{display:flex;}
.guide_btm .right li{width:57px; height:57px; margin:0 12px 0 0;}

/* 플랫폼소개 */
.cont_platform .platform_box{text-align:center; padding:70px 100px 100px;}
.cont_platform .platform_box h3{font-size:28px; margin:0 0 25px 0;}
.cont_platform .platform_box .platform01 h3{margin:0;}
.cont_platform .platform_box h4{font-size:24px;}
.cont_platform .platform_box .platform02{position:relative; margin:65px 0 115px 0;}
.cont_platform .platform_box .platform02:before,
.cont_platform .platform_box .platform02:after{content:""; display:block; position:absolute; width:18px; height:77px; left:50%; top:-100px; transform:translateX(-50%); background:url(../images/content/ico_arrow.png) 100% 100%;}
.cont_platform .platform_box .platform02:after{top:initial; bottom:-110px;}
.cont_platform .platform_box .platform02 p{font-size:22px; font-weight:600; border:1px solid #f0f0f0; border-radius:60px; padding:45px 10px; box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}
.cont_platform .platform_box .platform02 p span{font-weight:800;}
.cont_platform .platform_box .platform03 ul{display:flex; flex-wrap:wrap; text-align:left;}
.cont_platform .platform_box .platform03 ul li{display:flex; flex-direction:column;	justify-content:center; width:calc(50% - 10px); min-height:190px; margin:0 20px 20px 0; padding:45px 60px 45px 180px; background-color:#f2f2f2; background-repeat:no-repeat; border-radius:10px;}
.cont_platform .platform_box .platform03 ul li.list1{background-image:url(../images/content/ico_platform01.png); background-position:70px 50%;}
.cont_platform .platform_box .platform03 ul li.list2{background-image:url(../images/content/ico_platform02.png); background-position:65px 50%;}
.cont_platform .platform_box .platform03 ul li.list3{background-image:url(../images/content/ico_platform03.png); background-position:68px 50%;}
.cont_platform .platform_box .platform03 ul li.list4{background-image:url(../images/content/ico_platform04.png); background-position:62px 50%;}
.cont_platform .platform_box .platform03 ul li.list5{background-image:url(../images/content/ico_platform05.png); background-position:72px 50%;}
.cont_platform .platform_box .platform03 ul li:nth-child(2n){margin-right:0;} 
.cont_platform .platform_box .platform03 ul li:last-child{width:100%; margin:0;}
.cont_platform .platform_box .platform03 p{font-size:18px; margin:12px 0 0;}

/* RIDP별 찾아오시는 길 */
.cont_location{margin:60px 0 0;}
.cont_location .lct_list{margin:0 0 70px 0;}
.cont_location .lct_tit{font-size:36px; text-align:center; margin:0 0 20px 0;}
.cont_location .map_box{display:flex; align-items:center; height:430px; border:1px solid #ccc; border-radius:10px; overflow:hidden;}
.cont_location .map_box:after{content:""; display:block; clear:both;} 
.cont_location .map_box .left{width:330px; padding:0 40px;}
.cont_location .map_box .left li{padding:35px 0; border-bottom:1px solid #ddd;}
.cont_location .map_box .left li:last-child{border-bottom:none;}
.cont_location .map_box .left li span{display:flex; align-items:center; line-height:1; font-size:18px; font-weight:800;}
.cont_location .map_box .left li span:before{content:""; display:inline-block; margin:0 8px 0 0; width:20px; height:20px; background:url(../images/content/sp_location.png);}
.cont_location .map_box .left li.tel span:before{background-position:-20px 0;}
.cont_location .map_box .left li.fax span:before{background-position:-40px 0;}
.cont_location .map_box .left li p{margin:10px 0 0;}
.cont_location .map_box .right{width:calc(100% - 330px);}
.cont_location div[id^="map"]{padding:0; margin:0; border:none; height:430px;}
.cont_location div[id^="map"] > div{width:calc(100% + 2px) !important; height:calc(100% + 1px) !important; top:-1px !important; left:-1px !important; right:-1px !important;}
.cont_location .conTit3{font-size:22px;}
.cont_location .dt_box{border-top:1px solid #000;}
.cont_location .dt_box p,
.cont_location .dt_box ul{margin:0;}
.cont_location .dt_box > div{display:flex; align-items:center; padding:25px 0; border-bottom:1px solid #ccc;}
.cont_location .dt_box > div .tit{width:190px; text-align:center; font-size:18px; font-weight:800; padding:0 10px;}
.cont_location .dt_box > div .conLst3{width:calc(100% - 190px); margin:5px 0 0;}
.cont_location .dt_box > div .conLst3 li{color:#555;}
.cont_location .dt_box > div .conLst3 li .station{color:#222;}
.cont_location .subway{display:inline-block; font-size:15px; padding:15px 80px 10px 20px; margin:10px 0 0;}
.cont_location .subway .num{width:21px; height:21px; line-height:19px; margin:0 3px 0 0; border-radius:50%; border:1px solid #ed1c24; display:inline-block; text-align:center;}

/* 평가(점검)방식 안내 */
.cont_evalu .conBox2{border:1px solid #ddd; margin:40px 0; text-align:center; padding:45px 20px 60px;}
.cont_evalu .conBox2 h3{position:relative; display:inline-block; font-size:26px; font-weight:600; margin:0 0 45px 0; line-height:1.4;}
.cont_evalu .conBox2 h3:before{content:""; display:block; position:absolute; left:34px; bottom:0; width:calc(100% - 26px); height:17px; background:#fff;}
.cont_evalu .conBox2 h3 span{position:inherit; z-index:5; background:url(../images/content/ico_check.png) no-repeat 0 2px; padding:0 0 0 40px;}
.cont_evalu .tb_box{max-width:1250px; margin:0 auto;}
.cont_evalu .tb_box:after{content:""; display:block; clear:both;}
.cont_evalu .tb_box table{float:left; background:#fff; margin:0 50px 0 0; max-width:820px;}
.cont_evalu .tb_box table thead tr:first-child th{border-bottom:1px solid #ccc; font-weight:800;}
.cont_evalu .tb_box table thead tr:last-child th{background:#f8f8f8;}
.cont_evalu .tb_box table th, 
.cont_evalu .tb_box table td{border:1px solid #ddd;}
.cont_evalu .tb_box table td .ico{display:inline-block; padding:6px 0 3px 50px; background:url(../images/content/ico_pp.png) no-repeat 0 0;}
.cont_evalu .tb_box .bb_box{float:right; position:relative; display:flex; align-items:center; justify-content:center; min-width:380px; min-height:230px; background:#fff; padding:30px; margin:0; font-size:20px; border:3px solid #ea3d27; border-radius:10px; line-height:1.7;}
.cont_evalu .tb_box .bb_box:before{position:absolute; content:""; display:block; bottom:-38px; left:26px; width:56px; height:38px; background:url(../images/content/ico_bb_arrow2.png);}
.cont_evalu .tb_box .bb_box p{margin:0;}
.cont_evalu .evalu01 .tb_box .last p{margin:0;}
.cont_evalu .evalu01 .tb_box .last .txt1{font-size:20px; font-weight:600; line-height:1.2; margin:0 0 10px 0;}
.cont_evalu .evalu01 .tb_box .last .txt1 strong{font-size:40px;}
.cont_evalu .evalu02 .tb_box .last{font-size:32px;}
.cont_evalu .evalu02 .t_bold{font-weight:800;}

/* 지원사업공고평가(점검)위원 선정방식 안내 */
.cont_member .conBox1{text-align:center; padding:60px 50px 50px;}
.cont_member .conBox2{display:flex; justify-content:center; flex-wrap:wrap; padding:60px; margin:0 0 60px 0;}
.cont_member .mem_lst{max-width:500px; width:48%;}
.cont_member .mem_box01 div:first-child.mem_lst{position:relative; margin:0 120px 0 0;}
.cont_member .mem_box01 div:first-child.mem_lst:before{content:""; display:block; position:absolute; top:50%; right:-94px; margin-top:25px; width:70px; height:18px; background:url(../images/content/ico_arrow3.png) 100% 100%;}
.cont_member .mem_lst .bg_gray{background:#666; border-radius:8px; padding:12px 10px; color:#fff; font-size:20px; font-weight:600;}
.cont_member .mem_lst > ul > li{position:relative; display:flex; align-items:center; margin:15px 0 0; padding:25px 28px 25px 105px; border:1px solid #ccc; border-radius:10px; background:#fff; text-align:left;}
.cont_member .mem_lst > ul > li.on{border:2px solid #ea3d27; box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.cont_member .chk .mem_lst > ul > li:before{content:""; display:block; position:absolute; left:30px; top:50%; transform:translateY(-50%); width:24px; height:24px; background:#f5f5f5; border:1px solid #ccc; border-radius:50%; box-sizing:border-box;}
.cont_member .mem_lst > ul > li.on:before{border:7px solid #ea3d27; background:#fff;}
.cont_member .mem_lst > ul > li p{margin:0;}
.cont_member .mem_lst > ul > li .name{font-size:20px; font-weight:600; margin:0 60px 0 0; padding:0 0 0 60px; height:52px; line-height:52px; background:url(../images/content/ico_pp2.png) no-repeat 0 50%;}
.cont_member .mem_lst .field{color:#444; font-size:16px;}
.cont_member .mem_lst .field .tit{position:relative; margin:0 5px 0 0; padding:0 8px 0 0;}
.cont_member .mem_lst .field .tit:after{content:""; display:block; position:absolute; top:6px; right:0; width:1px; height:12px; background:#686868;}
.cont_member .btm_txt{font-size:20px; width:100%; margin:40px 0 0;}
.cont_member .s_txt{font-size:17px; margin:-20px 0 30px 0;}
.cont_member .birth span{font-size:15px;}
.cont_member .mem_box03{justify-content:space-between;}
.cont_member .mem_box03 .mem_lst{width:calc(33.333% - 30px);}
.cont_member .mem_box03 .mem_lst > ul > li{padding-left:35px;}
.cont_member .mem_box03 .mem_lst > ul > li .name{margin:0 20px 0 0;}
.cont_member .no_pp .mem_lst > ul > li{padding-top:15px; padding-bottom:15px;}
.cont_member .no_pp .mem_lst > ul > li .name{background:none; padding:0 0 0 45px;}
.cont_member .mem_box04{margin:0;}
.cont_member .mem_box04 .mem_lst .field{font-weight:600;}
.cont_member .mem_box04 .mem_lst > ul > li{justify-content:space-between; padding:15px 40px 15px 35px;}
.cont_member .mem_box04 .mem_lst > ul > li .name{padding:0 0 0 70px;}
.cont_member .mem_box04 .mem_lst > ul > li .birth{line-height:1.1; padding-top:5px;}

/* 기업정보·매칭 소개 */
.cont_company .cmpy01{text-align:center; padding:66px 20px;}
.cont_company .cmpy02{padding:0; margin:0 0 40px 0; overflow:hidden;}
.cont_company .cmpy02 .top{text-align:center; padding:55px 10px 60px; color:#fff; background:url(../images/content/bg_com_top.jpg) 50% 50%; background-size:cover;}
.cont_company .cmpy02 .top .tit{position:relative; font-size:32px; padding:0 0 10px 0; margin:0 0 16px 0;}
.cont_company .cmpy02 .top .tit:before{content:""; display:block; position:absolute; left:50%; bottom:0; width:28px; height:1px; transform:translateX(-50%); background:#fdf4f3;}
.cont_company .cmpy02 .top .txt{font-size:20px; margin:0;}
.cont_company .cmpy02 .details{display:flex; justify-content:space-between; padding:50px 45px;}
.cont_company .cmpy02 .details > div{width:calc(50% - 15px); background:#f2f2f2; border-radius:10px; padding:60px 40px 50px; text-align:center;}
.cont_company .cmpy02 .details .process{border-top:1px solid #e2e2e2; text-align:left;}
.cont_company .cmpy02 .details .process li{position:relative; margin:30px 0; padding:0 0 0 60px; background:url(../images/content/ico_cir.png) 0 15px no-repeat;}
.cont_company .cmpy02 .details .process li:first-child{margin:38px 0 0 0;}
.cont_company .cmpy02 .details .process li:last-child{margin-bottom:0;}
.cont_company .cmpy02 .details .process li:before,
.cont_company .cmpy02 .details .process li:after{content:""; display:block; position:absolute;}
.cont_company .cmpy02 .details .process li:before{left:11px; top:38px; width:1px; height:calc(100% - 8px); background:url(../images/content/line_dotted.png) repeat-y;}
.cont_company .cmpy02 .details .process li:after{left:5px; bottom:-30px; width:12px; height:8px; background:url(../images/content/ico_tri.png); z-index:10;}
.cont_company .cmpy02 .details .process li:last-child:before,
.cont_company .cmpy02 .details .process li:last-child:after{display:none;}
.cont_company .cmpy02 .details .process li div{position:relative; background:#fff; padding:20px 28px; border:1px solid #ddd; border-radius:10px;}
.cont_company .cmpy02 .details .process li div:before{content:""; display:block; position:absolute; top:25px; left:-26px; width:26px; height:22px; background:url(../images/content/ico_bb_arrow.png);}
.cont_company .cmpy02 .details .process li div span{font-size:20px; font-weight:800;}
.cont_company .cmpy02 .details .process li div p{margin:5px 0 0; font-size:18px;}
.cont_company .cmpy03{padding:40px 10px;}
.cont_company .cmpy03 ul{display:flex;}
.cont_company .cmpy03 ul li{position:relative; width:25%; text-align:center; padding:233px 1% 0 1%; background-repeat:no-repeat; background-position:50% 0;}
.cont_company .cmpy03 ul li.list1{background-image:url(../images/content/img_com01.png);}
.cont_company .cmpy03 ul li.list2{background-image:url(../images/content/img_com02.png);}
.cont_company .cmpy03 ul li.list3{background-image:url(../images/content/img_com03.png);}
.cont_company .cmpy03 ul li.list4{background-image:url(../images/content/img_com04.png);}
.cont_company .cmpy03 ul li:before{content:""; display:block; position:absolute; right:-43px; top:106px; width:86px; height:12px; background:url(../images/content/ico_arrow2.png) 100% 100%;}
.cont_company .cmpy03 ul li:last-child:before{display:none;}
.cont_company .cmpy03 ul li span{position:relative; display:inline-block; padding:15px 45px 15px 38px; font-size:20px; font-weight:800; border-radius:5px; border:1px solid #a8a8a8; line-height:1.3;}
.cont_company .cmpy03 ul li span:before,
.cont_company .cmpy03 ul li span:after{content:""; display:block; position:absolute;}
.cont_company .cmpy03 ul li span:before{right:25px; top:23px; content:''; width:8px; height:8px; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(45deg);}
.cont_company .cmpy03 ul li span:after{width:1px; height:20px; top:-21px; left:50%; background:#ddd;}
.cont_company .cmpy03 ul li.list2 span{border-color:#56aab3;}
.cont_company .cmpy03 ul li.list3 span{border-color:#a6b0d9;}
.cont_company .cmpy03 ul li.list4 span{border-color:#f78c7e;}

/* 지원사업공고 - 목록 */
.ntc_btn_details{position:relative; padding:0 35px 0 15px;}
.ntc_btn_details:before{position:absolute; right:14px; top:18px; content:''; width:7px !important; height:7px !important; margin:0 !important; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(135deg); background:none !important;}
.ntc_srch_details{display:none; width:100%; max-width:1500px; border-radius:0 0 5px 5px; overflow:hidden; position:absolute; left:50%; transform:translateX(-50%); margin:25px 0 0; border:1px solid #ccc; z-index:999;}
.ntc_srch_details.open{display:block;}
.ntc_srch_details .dt_wrap{border-top:none; background:#fff; padding:0 140px; border-radius:0 0 10px 10px;}
.ntc_srch_details .dt_wrap div:first-child.dt_list{padding-top:30px;}
.ntc_srch_details .dt_wrap .dt_list{display:flex; align-items:flex-start; padding:15px 0; border-bottom:1px solid #d6d6d6;}
.ntc_srch_details .dt_wrap .dt_list .dt_l{position:relative; width:182px; font-size:17px; text-align:left; margin:8px 0 0;}
.ntc_srch_details .dt_wrap .dt_list .dt_l:after{content:""; display:block; position:absolute; width:1px; height:15px; background:#ccc; top:50%; right:0; transform:translateY(-50%);}
.ntc_srch_details .dt_wrap .dt_list .dt_r{width:calc(100% - 182px); padding:0 0 0 28px; display:flex; flex-wrap:wrap; font-size:16px;}
.ntc_srch_details .dt_wrap .dt_list li input[type="checkbox"]{display:none !important;}
.ntc_srch_details .dt_wrap .dt_list li input[type="checkbox"] ~ label{display:inline-block; background-image: url(../images/main/ico_check.png); background-repeat:no-repeat; background-position:18px 12px; height:18px; cursor:pointer; height:44px; line-height:43px; padding:0 20px 0 40px; margin:0 5px 5px 0; border:1px solid #ccc; border-radius:2px;}
.ntc_srch_details .dt_wrap div:first-child.dt_list li input[type="checkbox"] ~ label{padding:0 12px 0 34px; background-position:12px 12px;}
.ntc_srch_details .dt_wrap .dt_list li:last-child input[type="checkbox"] ~ label{margin-right:0;}
.ntc_srch_details .dt_wrap .dt_list li input[type="checkbox"]:checked ~ label{background-image:url(../images/main/ico_checked.png); border:1px solid #ea3d27;}
.ntc_srch_details .btn_area{text-align:center; padding:20px 0;}
.ntc_srch_details .btn_area .button{width:90px; height:39px; line-height:39px; font-size:18px; font-weight:400;}

.bd_tab_wrap .tab_box{display:none;}
.bd_tab_wrap .tab_box.active{display:block;}
.bd_tab_wrap .tab_lst{display:flex; justify-content:flex-end; margin:0 127px 20px 0;}
.bd_tab_wrap .tab_lst li:last-child{margin:0 0 0 7px;}
.bd_tab_wrap .tab_lst li a{display:block; width:48px; height:48px; padding:1px; border:1px solid #222; border-radius:3px; text-indent:-999999px; box-sizing:border-box;}
.bd_tab_wrap .tab_lst li a.active{border:2px solid #ea3d27; padding:0;}
.bd_tab_wrap .tab_lst li a:before{content:""; display:block; position:absolute; width:48px; height:48px; margin:-1px 0 0 -1px; background:url(../images/content/ico_tab_sp.png);}
.bd_tab_wrap .tab_lst li:first-child a:before{background-position:-144px 0;}
.bd_tab_wrap .tab_lst li:first-child a.active:before{background-position:-96px 0;}
.bd_tab_wrap .tab_lst li:last-child a.active:before{background-position:-48px 0;}
.bd_tab_wrap{position:relative;}
.bd_tab_wrap .total_info{position:absolute; top:15px; left:0;}
.bd_tab_wrap .bd_top{display:flex;}
.bd_tab_wrap .bd_top select{width:120px; position:absolute; top:0; right:0; height:48px; border:1px solid #ccc; margin:0; border-radius:2px;}
.bd_tab_wrap.admin .bd_top select{right:97px;}
.bd_tab_wrap .bd_top2{display:flex;}
.bd_tab_wrap .bd_top2 select{width:120px; position:absolute; top:0; right:127px; height:48px; border:1px solid #ccc; margin:0; border-radius:2px;}
.bd_tab_wrap.admin .bd_top2 select{right:97px;}
.bd_tab_wrap.admin .admin_btn{position:absolute; top:0; right:0; margin:0; height:48px; line-height:48px; transition:initial;}
.bd_tab_wrap.admin .tab_lst{margin-right:224px;}

.bd_tab_wrap .bd_list_wrap .bd_tit{font-size:26px; font-weight:800; margin:15px 0 28px 0; height:110px; line-height:1.4; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all;}
.bd_tab_wrap .bd_list_wrap .sort_area{display:inline-block; padding:0 15px; font-size:14px; line-height:26px; height:27px; border-radius:4px; border:1px solid #ccc; color:#ea3d27; text-align:center;}
.bd_tab_wrap .bd_list_wrap .sort_day{display:flex; align-items:center; justify-content:space-between; margin:0 0 15px 0;}
.bd_tab_wrap .bd_list_wrap .sort_wrap{display:flex;}
.bd_tab_wrap .bd_list_wrap .sort_wrap span.type{display:inline-block; color:#fff; margin:0 0 0 5px; padding:0 15px; font-size:14px; line-height:27px; height:27px; border-radius:3px; text-align:center;}
.bd_tab_wrap .bd_list_wrap .sort_wrap span.type01{background:#177e89;} /* 접수중 */
.bd_tab_wrap .bd_list_wrap .sort_wrap span.type02{background:#888;} /* 접수마감 */
.bd_tab_wrap .bd_list_wrap .sort_wrap span.type03{background:#545252;} /* 접수대기 */
.bd_tab_wrap .bd_list_wrap .d_day{font-size:40px; font-weight:800; text-transform:uppercase; line-height:1; margin:0;} 
.bd_tab_wrap .bd_list_wrap .d_day01{color:#ed1c24;}
.bd_tab_wrap .bd_list_wrap .d_day02{color:#ddd;}
.bd_tab_wrap .bd_list_wrap .info{color:#177e89; font-size:17px; font-weight:600; margin:0 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.bd_tab_wrap .bd_list_wrap .period{color:#666;}
.bd_tab_wrap .bd_list_wrap .period li{display:flex; font-size:16px; margin:0 0 5px 0;}
.bd_tab_wrap .bd_list_wrap .period li .tit{position:relative; width:70px; padding:0 11px 0 0; margin:0 10px 0 0; font-weight:600;}
.bd_tab_wrap .bd_list_wrap .period li .tit:before{content:""; display:block; position:absolute; right:0; top:6px; width:1px; height:14px; background:#bbb;}
.bd_tab_wrap .bd_list_wrap .period li .txt{width:calc(100% - 65px);}

.ntc_view_wrap .bd_view_top .sort_day span.type{padding:0 15px; height:27px; line-height:26px; font-size:14px;}
.ntc_view_wrap .bd_view_top .sort_day span.type{color:#fff; border-radius:30px; background:#177e89; margin:0 0 0 4px;}
.ntc_view_wrap .bd_view_top .sort_day span.type01{background:#177e89;display: inline-block;} /* 접수중 */
.ntc_view_wrap .bd_view_top .sort_day span.type02{background:#888;display: inline-block;} /* 접수마감 */
.ntc_view_wrap .bd_view_top .sort_day span.type03{background:#545252;display: inline-block;} /* 접수대기 */

/* 지원사업공고 - 목록 new */
.bd_tab_wrap .bd_list_wrap.new .list a{display:block; border:1px solid #ccc; border-radius:20px; padding:25px; min-height:300px;}
.bd_tab_wrap .bd_list_wrap.new .list .tit{font-weight:700; font-size:24px; line-height:1.3; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; margin:0;}
.bd_tab_wrap .bd_list_wrap.new .list .slr_lst{padding:20px 0 30px; margin:20px 0 0; border-top:1px solid #ccc;}
.bd_tab_wrap .bd_list_wrap.new .list .slr_lst li{display:flex; align-items:center; margin:0 0 8px 0; color:#666; line-height:1.4;}
.bd_tab_wrap .bd_list_wrap.new .list .slr_lst li .con_l{position:relative; width:65px; font-weight:600;}
.bd_tab_wrap .bd_list_wrap.new .list .slr_lst li .con_l:after{content:""; display:block; position:absolute; right:0; top:3px; width:1px; height:18px; background:#8f8f8f;}
.bd_tab_wrap .bd_list_wrap.new .list .slr_lst li .con_r{width:calc(100% - 65px); padding:0 0 0 10px;}
.bd_tab_wrap .bd_list_wrap.new .list .slr_lst li:last-child{margin:0;}

.bd_tab_wrap .bd_list_wrap.new .sort_day{display:flex; align-items:center; justify-content:flex-start; margin:0;}
.bd_tab_wrap .bd_list_wrap.new .sort_area{border:1px solid #ea3d27; border-radius:30px;}
.bd_tab_wrap .bd_list_wrap.new .sort_area,
.bd_tab_wrap .bd_list_wrap.new .sort_day span.type{padding:0 15px; height:27px; line-height:26px; font-size:14px;}
.bd_tab_wrap .bd_list_wrap.new .sort_day span.type{color:#fff; border-radius:30px; background:#177e89; margin:0 0 0 4px;}
.bd_tab_wrap .bd_list_wrap.new .sort_day span.type01{background:#177e89;} /* 접수중 */
.bd_tab_wrap .bd_list_wrap.new .sort_day span.type02{background:#888;} /* 접수마감 */
.bd_tab_wrap .bd_list_wrap.new .sort_day span.type03{background:#545252;} /* 접수대기 */
.bd_tab_wrap .bd_list_wrap.new .sort_day .d_day{font-size:20px; font-weight:700; color:#ea3d27; margin:0 0 0 13px;}
.bd_tab_wrap .bd_list_wrap.new .sort_day .d_day02{color:#666;}

/* 지원사업공고 - 목록 + 비지니스 매칭화면 - 목록 */
table.cont_lst_table{margin-top:0;}
table.cont_lst_table td{border-left:none; border-right:none; padding:20px 10px;}
table.cont_lst_table td .button{min-width:80px; font-weight:400;}
table.cont_lst_table td .sort_area{font-size:15px; display:inline-block; width:80px; height:28px; line-height:27px; background:#fff; color:#ea3d27; border:1px solid #ea3d27; border-radius:30px; padding:0;}
table.cont_lst_table .date{color:#888;}
table.cont_lst_table td .info{color:#177e89; display:block; font-size:15px; margin:0 0 3px 0;}

/* 지원사업공고 - 상세 */
.ntc_view_wrap .pc{display:block;}
.ntc_view_wrap .mobile{display:none;}
.ntc_view_wrap .ntc_view_con{display:flex; justify-content:space-between; align-items:flex-start; height:auto; overflow:auto;}
.ntc_view_wrap .bd_view_top_info{display:flex;}
.ntc_view_wrap .bd_view_top_info .prd_date_l{width:calc(100% - 350px); padding:0 90px 0 0;}
.ntc_view_wrap .bd_view_top_info .prd_date_r{width:350px;}
.ntc_view_wrap .con_wrap{width:calc(100% - 280px); padding:0 30px 0 0;}
.ntc_view_wrap .con_wrap > div{margin:0 0 30px 0;}
.ntc_view_wrap .menu_wrap{width:280px;}
.ntc_view_wrap .prd_date li{display:flex; margin:0 0 8px 0;} 
.ntc_view_wrap .prd_date li strong{position:relative; font-size:18px; width:130px; padding:0 0 0 35px;}
.ntc_view_wrap .menu_wrap .prd_date li strong{width:120px;}
.ntc_view_wrap .prd_date li strong:before{content:""; display:block; position:absolute; left:0; top:3px; width:22px; height:22px; background:url(../images/content/sp_fix_menu.png);}
.ntc_view_wrap .prd_date li.date strong:before{background-position:-22px 0;}
.ntc_view_wrap .prd_date li p{width:calc(100% - 130px); margin:0; font-size:17px;}
.ntc_view_wrap .menu_wrap .prd_date li p{width:calc(100% - 120px);}
.ntc_view_wrap .info_txt{color:#555; padding:15px 0; margin:15px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.ntc_view_wrap .info_txt strong{font-size:17px;}
.ntc_view_wrap .menu_wrap .ntc_btn a{width:100%; height:55px; line-height:53px; font-size:18px; margin:0;}
.ntc_view_wrap .menu_wrap .nav_menu{margin:15px 0 0;}
.ntc_view_wrap .menu_wrap .nav_menu li a{display:block; padding:8px 0; color:#666; font-size:17px; border-bottom:1px solid #e2e2e2;}
.ntc_view_wrap .menu_wrap .nav_menu li:hover a{position:relative; color:#ea3d27; font-weight:800;}
.ntc_view_wrap .menu_wrap .nav_menu li:hover a:before{content:""; display:block; position:absolute; left:-18px; top:50%; margin-top:-5px; width:6px; height:6px; border-top:2px solid #ea3d27; border-right:2px solid #ea3d27; transform:rotate(225deg);}
.ntc_view_wrap .ntc_btn_list{margin:20px 0 0;}
.ntc_view_wrap .ntc_btn_list button{display:block; text-align:center; width:100%; height:39px; line-height:37px; border:1px solid #272727; border-radius:4px; background:#fff;}
.ntc_view_wrap .ntc_btn_list button span{position:relative; padding:0 8px 0 0;}
.ntc_view_wrap .ntc_btn_list button span:before,
.ntc_view_wrap .ntc_btn_list button span:after{content:""; display:block; position:absolute;}
.ntc_view_wrap .ntc_btn_list button span:before{width:1px; height:14px; right:0; top:50%; margin-top:-7px; background:#ccc;}
.ntc_view_wrap .ntc_btn_list button span:after{width:14px; height:13px; right:-24px; top:50%; margin-top:-6px; background:url(../images/content/ico_ntc_btn_arrow.png);}
.ntc_view_wrap .ntc_btn_list a{display:block; text-align:center; width:100%; height:39px; line-height:37px; border:1px solid #272727; border-radius:4px; background:#fff;}
.ntc_view_wrap .ntc_btn_list a span{position:relative; padding:0 8px 0 0;}
.ntc_view_wrap .ntc_btn_list a span:before,
.ntc_view_wrap .ntc_btn_list a span:after{content:""; display:block; position:absolute;}
.ntc_view_wrap .ntc_btn_list a span:before{width:1px; height:14px; right:0; top:50%; margin-top:-7px; background:#ccc;}
.ntc_view_wrap .ntc_btn_list a span:after{width:14px; height:13px; right:-24px; top:50%; margin-top:-6px; background:url(../images/content/ico_ntc_btn_arrow.png);}

.ntc_con_list{margin:0 0 30px 0;}

/* 지원사업공고 - 신청 */
.ntc_blue_bg{padding:30px; background:#f5f7fa;}
.ntc_blue_bg .conBox1{background:#fff; padding:20px; min-height:100px; margin:0 0 20px 0;}
.ntc_blue_bg td{background:#fff;}

/* 비즈니스 매칭 서비스 - 목록 */
.bd_matching .lnb.tmn01{margin:30px 0 50px;}
.bd_matching .bd_mhg_top{display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
.bd_matching .btn_slt select,
.bd_matching .button.lg{height:48px; line-height:48px;}
.bd_matching .bd_list_wrap{display:flex; flex-wrap:wrap; gap:0; padding:0;}
.bd_matching .bd_list_wrap .list{width:calc(25% - 20px); margin:0 calc(20px/2) 20px; padding:0; box-shadow:none;}
.bd_matching .bd_list_wrap .list > .inr{padding:0;}
.bd_matching .bd_list_wrap .list .img{display:block; position:relative; aspect-ratio:400/266;}
.bd_matching .bd_list_wrap .list .img2{display:block; position:relative;}
.bd_matching .bd_list_wrap .list :is(.img,.img2) img{width:100% !important; height:100% !important; object-fit:cover;}
.bd_matching .bd_list_wrap .dt_box{padding:20px 25px 0; text-align:center;}
.bd_matching .bd_list_wrap .dt_box:last-child{padding-bottom:30px;}
.bd_matching .bd_list_wrap .dt_box .info{padding:0 0 10px;}
.bd_matching .sort_mhg,
.bd_matching .bd_list_wrap .dt_box .info .button{display:inline-block; text-align:center; width:80px; height:28px; line-height:28px; border-radius:30px; font-size:15px; margin:0 1px; font-weight:400;}
.bd_matching .bd_list_wrap .dt_box .info .button{vertical-align:top;}
.bd_matching .sort_mhg{border:1px solid #ea3d27; color:#ea3d27; background:#fff;}
.bd_matching .bd_list_wrap .dt_box .tit{font-size:22px; font-weight:800; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.bd_matching .bd_list_wrap .dt_box .com{display:inline-block; font-weight:600; color:#555; text-align:center; padding:0 0 0 13px; margin:8px 0 15px 0; background:url(../images/content/ico_com.png) no-repeat 0 4px;}
.bd_matching .bd_list_wrap .dt_box .com:before{content:"."; margin:0 6px 0 0;}
.bd_matching .bd_list_wrap .dt_box .dt_mhg{border-top:1px solid #ddd; padding:18px 0 0; text-align:left;}
.bd_matching .bd_list_wrap .dt_box .dt_mhg ul{display:flex; flex-wrap:wrap;}
.bd_matching .bd_list_wrap .dt_box .dt_mhg li{display:flex; width:50%;}
.bd_matching .bd_list_wrap .dt_box .dt_mhg li.dt_mhg01{width:100%; margin:0 0 5px 0;}
.bd_matching .bd_list_wrap .dt_box .dt_mhg li span{position:relative; width:65px; font-weight:600;}
.bd_matching .bd_list_wrap .dt_box .dt_mhg li span:after{content:""; display:block; position:absolute; right:0; top:6px; width:1px; height:14px; background:#bbb;}
.bd_matching .bd_list_wrap .dt_box .dt_mhg li p{margin:0; width:calc(100% - 65px); padding:0 0 0 10px;}
.bd_matching .bd_list_wrap .dt_box .dt_mhg li p.period{color:#666;}

/* 디자인 전문회사 찾기 - 목록 */
.bd_design .bd_list_wrap .list > .inr{position:relative; padding:40px 25px 30px;}
.bd_design .img_tit{display:block; text-align:center;}
.bd_design .img_tit .img{display:flex; justify-content:center; align-items:center;height:100px;}
.bd_design .img_tit .img img{max-height:100px; max-width:100%;}
.bd_design .img_tit .tit{font-size:22px; padding:15px 0 20px; margin:0 0 25px 0; border-bottom:1px solid #ddd;}
.bd_design .dt_dsn li{display:flex; margin:0 0 3px 0; min-height:28px;}
.bd_design .dt_dsn li > span{position:relative; width:65px; font-weight:600;}
.bd_design .dt_dsn li > span:after{content:""; display:block; position:absolute; right:0; top:6px; width:1px; height:14px; background:#bbb;}
.bd_design .dt_dsn li > p{margin:0; width:calc(100% - 65px); padding:0 0 0 10px;}
.bd_design .dt_dsn li.dt_dsn01 > p,
.bd_design .dt_dsn li.dt_dsn02 > p{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.bd_design .dt_dsn li.dt_dsn03 .link_button_txt{display:flex;}
.bd_design .dt_dsn li.dt_dsn03 .link_button_txt .url{width:calc(100% - 30px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.bd_design .inr .button{position:absolute; right:17px; top:17px; cursor:initial;}

/* 디자인 전문회사 찾기 - 상세 */
.bd_design_view .bd_view_top{position:relative; padding:25px 30px;}
.bd_design_view .bd_view_top .sort{position:absolute; left:30px; top:20px;}
.bd_design_view .bd_view_top .tit{display:flex; align-items:center;	justify-content:center; margin:0;}
.bd_design_view .bd_view_top .tit span{font-size:30px; margin:0 0 0 20px;}
.bd_design_view .btn_right{text-align:right;}
.bd_design_view .intro_box{color:#555;}
.bd_design_view .intro_box .tit{font-size:18px;}
.bd_design_view .intro_box .txt{margin:10px 0 30px 10px; line-height:1.7;}
.bd_design_view .tab_design{margin:30px 0 0;}
.bd_design_view .tab_design .tab_design_nav{display:flex;}
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(1){width:50%;}
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(2),
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(2) ~ li{width:50%;}
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(3),
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(3) ~ li{width:33.3333%;}
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(4),
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(4) ~ li{width:25%;}
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(5),
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(5) ~ li{width:20%;}
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(6),
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(6) ~ li{width:16.6%;}
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(7),
.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(7) ~ li{width:14.28%;}
.bd_design_view .tab_design .tab_design_nav li .tab_select{display:block; text-align:center; font-size:20px; font-weight:600; color:#8f8f8f; padding:13px 0; border-bottom:2px solid transparent;}
.bd_design_view .tab_design .tab_design_nav li .tab_select.active{color:#ea3d27; border-bottom:2px solid #ea3d27; font-weight:800;}
.bd_design_view .tab_design .tab_design_nav li .tab_select.active span{position:relative; padding:0 28px 0 0;}
.bd_design_view .tab_design .tab_design_nav li .tab_select.active span:before,
.bd_design_view .tab_design .tab_design_nav li .tab_select.active span:after{content:""; display:block; position:absolute; height:1px; background:#ea3d27;}
.bd_design_view .tab_design .tab_design_nav li .tab_select.active span:before{right:0; bottom:7px; width:23px;}
.bd_design_view .tab_design .tab_design_nav li .tab_select.active span:after{right:0; bottom:10px; width:8px; transform:rotate(45deg);}
.bd_design_view .tab_design .tab_box{display:none; border-radius:0 0 10px 10px; padding:30px 35px; background:#f8f8f8;}
.bd_design_view .tab_design .tab_box.active{display:block;}
.bd_design_view .tab_design .tab_box td{background:#fff;}
.bd_design_view .tab_design .link_button_txt{color:#555 !important;}
.bd_design_view .flx_lr .conTit3{margin:0;}
.bd_design_view .flx_lr .naver{margin:0; color:#111;}
.bd_design_view .flx_lr .naver span{color:#03c75a; font-weight:600;}
.bd_design_view .blog_box{height:350px; overflow-y:scroll; padding:30px 35px;}
.bd_design_view .blog_box > div:first-child.conBox2{margin-top:0;}
.bd_design_view .blog_box .top{display:flex; justify-content:space-between; align-items:center; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px solid #ccc;}
.bd_design_view .blog_box .top h4{color:#177e89; font-size:17px;}
.bd_design_view .blog_box .img_lst{display:flex; flex-wrap:wrap;}
.bd_design_view .blog_box .img_lst li{width:calc(20% - 16px); margin:0 20px 20px 0;}
.bd_design_view .blog_box .img_lst li:nth-child(5n){margin-right:0;}
.bd_design_view .blog_box .img_lst li a{display:block; border-radius:10px; border:1px solid #ccc; overflow:hidden;}
.bd_design_view .blog_box .img_lst li a img{width:100%;}

/* 마이페이지 */
#wrap.mypage{min-width:1500px;}
.mypage_wrap{margin:70px 0 0;}
.mypage_wrap.mypage_flx{display:flex; justify-content:space-between;	align-items:flex-start; overflow:auto; height:auto; margin:70px 0 0;}
.mypage_wrap .snb_wrap{width:280px; position:sticky; top:0; padding:10px 0 0;}
.mypage_wrap .mypage_con{width:calc(100% - 280px); padding:10px 0 0 50px;}
.mypage_wrap .mypage_con > .flx_lr:first-child{margin-top:0;}

.mypage_wrap .snb_wrap .login_box{border-radius:8px; border:1px solid #ea3d27; padding:25px; margin:0 0 18px 0; text-align:center;}
.mypage_wrap .snb_wrap .login_box .bd_r{display:inline-block; border:1px solid #999; border-radius:30px; padding:0 10px; height:27px; line-height:27px; min-width:80px; font-size:15px; color:#555;}
.mypage_wrap .snb_wrap .login_box .login_info{font-size:18px; line-height:1.4; margin:10px 0 15px;}
.mypage_wrap .snb_wrap .login_box .login_info .id{font-size:16px;}
.mypage_wrap .snb_wrap .login_box .login_info .id span{color:#666;}
.mypage_wrap .snb_wrap .login_box .button{width:90px; height:39px; line-height:39px; margin:0 2px;}
.mypage_wrap .snb_wrap .snb .unfd{color:transparent;}
.mypage_wrap .snb_wrap .snb > li{margin:0 0 10px 0; border:1px solid #999999; border-radius:8px; overflow:hidden;}
.mypage_wrap .snb_wrap .snb > li > a{position:relative; display:inline-block; font-size:17px; padding:15px 20px; width:100%;}
.mypage_wrap .snb_wrap .snb > li > a.parent:after{position:absolute; right:20px; top:20px; content:''; width:10px;	height:10px; border-top:2px solid #8d8d8d; border-right:2px solid #8d8d8d; transform: rotate(135deg);}
.mypage_wrap .snb_wrap .snb > li.open > a{background:#177e89; color:#fff; border-radius:0 0 8px 8px; font-size:19px; font-weight:600;}
.mypage_wrap .snb_wrap .snb > li.open > a.parent:after{top:26px; border-top:2px solid #fff; border-right:2px solid #fff; transform: rotate(315deg);}
.mypage_wrap .snb_wrap .snb > li > ul{display:none; padding:5px 20px;}
.mypage_wrap .snb_wrap .snb > li.open > ul{display:block;}
.mypage_wrap .snb_wrap .snb > li > ul > li{padding:15px 5px; border-bottom:1px solid #ccc;}
.mypage_wrap .snb_wrap .snb > li > ul > li > a{font-size:17px; font-weight:600;}
.mypage_wrap .snb_wrap .snb > li > ul > li:last-child{border-bottom:none;}
.mypage_wrap .snb_wrap .snb > li > ul > li > ul{padding:10px 0 0;}
.mypage_wrap .snb_wrap .snb > li > ul > li > ul > li{position:relative; margin:0 0 8px 0; padding:0 0 0 25px;}
.mypage_wrap .snb_wrap .snb > li > ul > li > ul > li:before{content:""; display:block; position:absolute; left:10px; top:10px; width:5px; height:5px; background:#aaa; border-radius:50%;}
.mypage_wrap .snb_wrap .snb > li > ul > li > ul > li .li_on:before{content:""; display:block; position:absolute; left:10px; top:10px; width:5px; height:5px; background:#ea3d27; border-radius:50%;}
.mypage_wrap .snb_wrap .snb > li > ul > li > ul > li:last-child{margin-bottom:0;}
.mypage_wrap .snb_wrap .snb > li > ul > li > ul > li > a{color:#666;}

.mypage_wrap .flowchart{display:flex; background:#f5f5f5; border:2px solid #e5e5e5; border-radius:10px; padding:20px; margin:0 0 50px 0;}
.mypage_wrap .flowchart > div{display:flex; flex-direction:column; width:calc(33.333% - 10px); margin-right:15px;}
.mypage_wrap .flowchart > div:last-child{margin-right:0;}
.mypage_wrap .wh_box{background:#fff; border:1px solid #e8e8e8; border-radius:8px; padding:20px; margin:0 0 5px 0; height:100%;}
.mypage_wrap .flowchart > div div:last-child.wh_box{margin:0;}
.mypage_wrap .wh_box p{margin:0;}

.mypage_wrap .wh_box .tit{font-size:20px;}
.mypage_wrap .wh_box .tit .s_txt{font-size:15px; font-weight:400;}
.mypage_wrap .wh_box a{display:flex; align-items:center; justify-content:space-between;}
.mypage_wrap .wh_box .number{color:#777; font-size:14px; line-height:1.2;}
.mypage_wrap .wh_box .number .num{font-size:17px; font-weight:800; text-decoration:underline; color:#222;}
.mypage_wrap .wh_box .number .num.fc01{color:#ea3d27;}
.mypage_wrap .wh_box .evalution_count{color:#777; font-size:15px; padding:15px 0 0; margin:15px 0 0; border-top:1px solid #ccc;}
.mypage_wrap .wh_box .evalution_count li{margin:0 0 10px 0;}
.mypage_wrap .wh_box .evalution_count li:last-child{margin:0;}
.mypage_wrap .wh_box .evalution_count li .sbj{font-weight:600; color:#777;}
.mypage_wrap .reg_lst{display:flex; align-items:center;}
.mypage_wrap .reg_lst li{width:33.3333%; border-right:1px solid #ddd;}
.mypage_wrap .reg_lst li:last-child{border-right:none;}
.mypage_wrap .reg_lst.wh_box a{flex-direction:column;}
.mypage_wrap .reg_lst.wh_box .tit{line-height:1; margin:0 0 15px 0;}
.mypage_wrap .btn_wrap .button,
.mypage_wrap .btn_wrap .btm_line{min-width:110px;}
.mypage_wrap .btn_wrap .btm_line{display:inline-block; border-bottom:1px solid #ccc; padding:0 0 5px 0; margin:0 0 10px 0;}
.mypage_wrap td .conBox2{padding:10px 25px 5px}
.mypage_wrap .link_txt{font-size:18px; font-weight:600; display:block;}
.mypage_wrap .wh_box_flx{display:flex; justify-content:space-between;}
.mypage_wrap .wh_box_flx > .wh_box{margin:0; width:calc(100% - 10px); margin-right:10px;}
.mypage_wrap .wh_box_flx > div:last-child.wh_box{margin-right:0;}
.mypage_wrap .info_txt{display:block; margin:0 0 10px 0;}
.mypage_wrap .flx_r{display:flex; justify-content:flex-end;}
.mypage_wrap .com_info li{margin:0 15px 0 0;}
.mypage_wrap .com_info li:last-child{margin:0;}
.mypage_wrap .ico_com,
.modal_layer .ico_com{display:inline-block; color:#fff; width:26px; height:26px; text-align:center; line-height:26px; background:#8f8f8f; border-radius:3px;}
.mypage_wrap td.empty{padding:60px 0; text-align:center;}

/* 마이페이지 - 과제평가(신청서)관리 */
.mypage_tab_info .mypage_tab_nav{display:flex; border-bottom:1px solid #ccc; padding:0 40px; margin:0 0 45px 0;}
.mypage_tab_info .mypage_tab_nav > li{border-right:1px solid #ccc;}
.mypage_tab_info .mypage_tab_nav > li:first-child{border-left:1px solid #ccc;}
.mypage_tab_info .mypage_tab_nav > li > a{position:relative; padding:15px 25px; height:100%; text-align:center; display:flex; align-items:center; justify-content:center; line-height:1.4;}
.mypage_tab_info .mypage_tab_nav > li > a.home span{display:block; position:absolute; left:50%; top:50%; margin:-9px 0 0 -9px; text-indent:-99999px; width:18px; height:17px; background:url(../images/content/ico_home.png);}
.mypage_tab_info .mypage_tab_nav > li > a.active{color:#ea3d27; font-weight:600;}
.mypage_tab_info .mypage_tab_nav > li > a.active.home span{background:url(../images/content/ico_home_on.png);}
.mypage_tab_info .mypage_tab_nav > li > a.active:after{content:""; display:block; position:absolute; left:-1; right:-1px; bottom:-1px; width:calc(100% + 2px); height:2px; background:#eb4935;}
.mypage_tab_info .tab_box,
.mypage_tab_info .tab_box2{display:none;}
.mypage_tab_info .tab_box{padding:0 40px 30px;}
.mypage_tab_info .tab_box.active,
.mypage_tab_info .tab_box2.active{display:block;}
.mypage_tab_info .tab_box .gray_box{padding:35px 30px; text-align:center; background:#f8f8f8;}
.mypage_tab_info .gray_box .inr{max-width:1000px; margin:0 auto;}
.mypage_tab_info .gray_box .inr > div{margin:0 0 30px 0;}
.mypage_tab_info .gray_box .tit{font-size:30px; margin:0 0 30px 0;}
.mypage_tab_info .gray_box .dot_date{display:block; text-align:left; position:relative; color:#666; padding:0 0 0 30px; margin:0 0 15px 0;}
.mypage_tab_info .gray_box .dot_date:before{content:""; display:block; position:absolute; width:18px; height:18px; top:3px; left:0; background:#ccc; border-radius:50%;}
.mypage_tab_info .tab_info_link{display:flex; align-items:center; justify-content:space-between; width:100%; background:#fff; border-radius:10px; border:1px solid #ccc; padding:20px 25px;}
.mypage_tab_info .tab_info_link .txt{width:calc(100% - 140px); font-size:22px; margin:0; text-align:left;}
.mypage_tab_info2{display:flex;}
.mypage_tab_info2 .mypage_tab_nav2{width:110px;}
.mypage_tab_info2 .mypage_tab_nav2 > li > a{position:relative; display:block; width:100%; text-align:right; padding:15px 15px 15px 0; border-right:2px solid #ccc;}
.mypage_tab_info2 .mypage_tab_nav2 > li > a.active{color:#ea3d27; border-right:2px solid #ea3d27;}
.mypage_tab_info2 .mypage_tab_nav2 > li > a.active:after{content:""; display:block; position:absolute; right:-5px; top:calc(50% - 4px); width:8px; height:8px; border-radius:50%; background:#ea3d27;}
.mypage_tab_info .tab_box2{width:calc(100% - 110px); padding:0 0 0 45px; margin:-10px 0 0;}
.mypage_tab_info .conBox1{padding:20px;}

.mypage_tab_info .evalution_mem_wrap .mem_info_r span{margin:0 0 0 15px;}
.mypage_tab_info .evalution_mem_wrap .mem_info_r span.elt_mem{position:relative; padding:0 0 0 26px;}
.mypage_tab_info .evalution_mem_wrap .mem_info_r span.elt_mem:before{content:""; display:block; position:absolute; left:0; top:3px; width:20px; height:15px; border:1px solid #ccc; background:#fff;}
.mypage_tab_info .evalution_mem_wrap .mem_info_r span.elt_mem02:before{border:1px solid #ea3d27; background:#ea3d27;}
.evalution_mem_lst ul{display:flex; flex-wrap:wrap;}
.evalution_mem_lst ul li{width:calc(50% - 5px); margin:0 10px 10px 0; border:1px solid #ccc; border-radius:10px; padding:20px 10px; text-align:center;}
.evalution_mem_lst ul li:nth-child(2n){margin-right:0;}
.evalution_mem_lst ul li p{margin:0 0 10px 0;}

/* 전문가평가 서류전형 */
.opinion_rst_box{background:#f5f5f5; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:15px; font-size:18px; margin:30px 0;}
.opinion_rst_box p{margin:0;}
.opinion_rst_box .score{color:#555;}
.opinion_rst_box .score_txt{font-size:20px;}
.opinion_sign{display:flex; justify-content:center; font-size:18px; margin:0 0 30px 0;}
.opinion_sign .sbj{margin:0 50px 0 10px;}
.opinion_sign .sign_wrap{position:relative; margin:0 0 0 20px;}
.opinion_sign .sign_wrap .txt{color:#9e9e9e; padding:0 10px;}
.opinion_sign .sign_wrap .img_sign{width:150px; position:absolute; top:-10px; left:0;}
.opinion_sign_flx{display:flex; justify-content:center; flex-wrap:wrap; max-width:700px; margin:40px auto 0;}
.opinion_sign_flx .opinion_sign{font-size:16px; width:50%;}
.opinion_sign_flx .opinion_sign .sbj{margin:0 10px 0 0;}
.opinion_sign_flx .opinion_sign .sign_wrap{margin:0 0 0 10px;}

/* 마이페이지 - 네이버 API정보 */
.mypage_wrap .naver_api .tab_box,
.mypage_wrap .naver_api .tab_box2{display:none;}
.mypage_wrap .naver_api .tab_box.active,
.mypage_wrap .naver_api .tab_box2.active{display:block;}
.mypage_wrap .naver_api .api_tab_nav{display:flex; justify-content:center; margin:40px 0;}
.mypage_wrap .naver_api .api_tab_nav li{position:relative; width:220px; margin:0 20px 0 0;}
.mypage_wrap .naver_api .api_tab_nav li a{display:block; font-weight:600; font-size:18px; padding:0 0 12px 0; line-height:1.3; color:#666;}
.mypage_wrap .naver_api .api_tab_nav li a.active{font-weight:800; color:#222; font-size:19px;}
.mypage_wrap .naver_api .api_tab_nav li a:before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#dbdbdb;}
.mypage_wrap .naver_api .api_tab_nav li a.active:before{background:#ea3d27;}

.mypage_wrap .naver_api2 .api_tab_nav2{display:flex; justify-content:center; margin:0 0 40px 0;}
.mypage_wrap .naver_api2 .api_tab_nav2 li{width:220px;}
.mypage_wrap .naver_api2 .api_tab_nav2 li a{display:block; padding:12px 10px; font-size:17px; min-height:55px; font-weight:600; text-align:center; margin-right:-1px; border:1px solid #dedede; background:#f7f7f7;}
.mypage_wrap .naver_api2 .api_tab_nav2 li:first-child a{border-radius:5px 0 0 5px;}
.mypage_wrap .naver_api2 .api_tab_nav2 li:last-child a{border-radius:0 5px 5px 0;}
.mypage_wrap .naver_api2 .api_tab_nav2 li a.active{border:1px solid #595656; background:#595656; font-size:18px; color:#fff;}

.mypage_wrap .naver_api .img_lst{display:flex; flex-wrap:wrap;}
.mypage_wrap .naver_api .img_lst.lst05 > li{width:calc(20% - 16px); margin:0 20px 20px 0;}
.mypage_wrap .naver_api .img_lst.lst07 > li{width:calc(14.28% - 18px); margin:0 21px 20px 0;}
.mypage_wrap .naver_api .img_lst.lst05 > li:nth-child(5n){margin-right:0;}
.mypage_wrap .naver_api .img_lst.lst07 > li:nth-child(7n){margin-right:0;}
.mypage_wrap .naver_api .img_lst > li > a{display:block; border-radius:10px; border:1px solid #ccc; overflow:hidden;}
.mypage_wrap .naver_api .img_lst > li > a > img{width:100%;}

.mypage_wrap .naver_api .img_btn_top{display:flex; justify-content:flex-end; margin:0 0 15px 0;}
.mypage_wrap .naver_api .img_btn_top li{margin:0 0 0 5px;}
.mypage_wrap .naver_api .img_btn_top li span{display:block; text-indent:-9999999px; width:20px; height:20px; cursor:pointer; background:url(../images/content/ico_naver_api.png);}
.mypage_wrap .naver_api .img_btn_top li.img_btn01 span{background-position:0 -20px;}
.mypage_wrap .naver_api .img_btn_top li.img_btn02 span{background-position:-20px -20px;}
.mypage_wrap .naver_api .img_btn_top li.img_btn03 span{background-position:-40px -20px;}
.mypage_wrap .naver_api .img_btn_top li.img_btn01.active span{background-position:0 0;}
.mypage_wrap .naver_api .img_btn_top li.img_btn02.active span{background-position:-20px 0;}
.mypage_wrap .naver_api .img_btn_top li.img_btn03.active span{background-position:-40px 0;}

.mypage_wrap .naver_api .blog_btn_top{display:flex; justify-content:flex-end; margin:0 0 15px 0;}
.mypage_wrap .naver_api .blog_btn_top li{margin-right:5px;}
.mypage_wrap .naver_api .blog_btn_top li:last-child{margin-right:0;}
.mypage_wrap .naver_api .blog_btn_top li span{display:block; cursor:pointer; border:1px solid #dedede; background:#f7f7f7; padding:3px 10px; border-radius:3px;}
.mypage_wrap .naver_api .blog_btn_top li.active span{background:#ea3d27; color:#fff; border:1px solid #ea3d27;}

.mypage_wrap .naver_api .img_lst_btn{text-align:right; margin:3px 0 0;}
.mypage_wrap .naver_api .img_lst_btn.hide{display:none;}
.mypage_wrap .naver_api .img_lst_btn a{max-width:50px;}
.mypage_wrap .naver_api .img_lst_btn2{display:flex; justify-content:space-between; align-items:center;}
.mypage_wrap .naver_api .switch_btn_wp{position:relative;}
.mypage_wrap .naver_api .switch_btn_wp .switch_label{width:70px;}
.mypage_wrap .naver_api .switch_btn_wp .switch_btn:checked + .switch_label .onf_btn{left:46px;}
.mypage_wrap .naver_api .switch_btn_wp .txt{position:absolute; right:6px; top:0; font-size:14px; display:inline-block;}
.mypage_wrap .naver_api .switch_btn_wp .txt.open{color:#fff; left:6px; right:initial;}

.mypage_wrap .naver_api td .button{max-width:85px;}
.mypage_wrap .naver_api td a{overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-break:keep-all;}
.mypage_wrap .naver_api td a strong{display:block;}
.mypage_wrap .naver_api td .switch_btn_wp{margin:0 0 5px 0;}
.mypage_wrap .naver_api .switch_btn_wp .switch_label{width:85px;}
.mypage_wrap .naver_api .switch_btn_wp .switch_btn:checked + .switch_label .onf_btn{left:61px;}

/* 로그인 */
.cont_login .login_box{border:2px solid #ea3d27; border-radius:10px; padding:90px 20px 100px; margin:0 0 40px 0;}
.cont_login .top_info{text-align:center;}
.cont_login .top_info p{margin:0;}
.cont_login .top_info .txt1{font-size:32px; font-weight:700;}
.cont_login .top_info .txt2{font-size:18px; margin:10px 0 40px 0;}
.cont_login .inputBx{display:flex; justify-content:center; max-width:685px; margin:0 auto;}
.cont_login .bx_idpw{width:calc(100% - 170px);}
.cont_login .bx_idpw li{display:flex; align-items:center;}
.cont_login .bx_idpw li:first-child{margin:0 0 11px 0;}
.cont_login .bx_idpw li label{width:75px; text-align:left; font-size:18px;}
.cont_login .bx_idpw li input{width:calc(100% - 75px); height:50px; border:1px solid #ccc; border-radius:5px; margin:0;}
.cont_login .bx_login{margin:0 0 0 10px; width:160px;}
.cont_login .bx_login input{width:100%; height:110px; border-radius:5px; font-size:24px; font-weight:700; margin:0;}
.cont_login .chkBx{display:flex; max-width:685px; margin:20px auto 35px; padding:0 0 0 75px;}
.cont_login .btnBx{display:flex; justify-content:space-between; max-width:687px; margin:0 auto;}
.cont_login .btnBx a{width:calc(33.3333% - 8px); height:48px; line-height:48px; text-align:center; font-size:18px; border:1px solid #595656; border-radius:5px;}
.cont_login .btnBx a.blk{background:#272727; color:#fff; border:none;}
.cont_login .txt_mark{font-size:18px; padding-left:25px; font-weight:700; background:url(../images/content/ico_login_mark.png) no-repeat 0 5px;}

/* 회원가입 */
.cont_join .join_process{position:relative; display:flex; margin:0 0 40px 0; border:1px solid #999; border-radius:10px 10px 0 0; overflow:hidden;}
.cont_join .join_process:after{content:""; display:block; position:absolute; width:100%; height:84px; background:url(../images/content/bg_join_process.jpg) 50% 50%; background-size:cover;}
.cont_join .join_process li{display:flex; align-items:center;	justify-content:center; position:relative; width:25%; text-align:center; color:#666; font-size:22px; height:84px; line-height:84px;}
.cont_join .join_process li:before{content:""; display:block; position:absolute; right:-30px; top:0; width:30px; height:84px; background:url(../images/content/ico_join_process.png); z-index:10;}
.cont_join .join_process li:last-child:before{display:none;}
.cont_join .join_process li.on{color:#fff; background:url(../images/content/bg_join_process_on2.png) right top no-repeat; background-size:cover; z-index:11;}
.cont_join .join_process li:first-child.on{background:url(../images/content/bg_join_process_on.png) right top no-repeat;}
.cont_join .join_process li:last-child.on{background:url(../images/content/bg_join_process_on3.png) right top no-repeat;}
.cont_join .join_process li.on:before{display:none;}
.cont_join .join_process li > span{position:inherit;  z-index:10;}
.cont_join .join_process li > span > strong{font-weight:800; font-size:28px; margin:0 2px 2px 0;}
.cont_join .join_agree_wrap{padding:40px 30px;}
.cont_join .join_agree_wrap label{font-size:18px;}
.cont_join .all_chk{padding:30px 20px; margin:0;}
.cont_join .join_agree_box{height:380px; overflow-y:scroll; margin:0 0 20px 0;}
.cont_join .join_agree_box p{font-size:18px; margin:0 0 20px 0;}
.cont_join .conTit3 span{font-weight:400;}
.cont_member_box{display:flex; flex-wrap:wrap; margin:40px 0 0 0;}
.cont_member_box li{border:1px solid #777; border-radius:10px; text-align:center; width:calc(25% - 23px); margin:0 30px 0 0;} 
.cont_member_box li:last-child{margin:0;}
.cont_member_box li a{display:block; padding:40px 0;}
.cont_member_box li a .tit{display:flex; flex-direction:column; align-items:center; font-size:22px; font-weight:700; margin:0;}
.cont_member_box li a .tit:after{content:""; display:block; width:70px; height:70px; margin:20px 0 40px; background:url(../images/content/sp_join_member.png);}
.cont_member_box li.member02 a .tit:after{background-position:-70px 0;}
.cont_member_box li.member03 a .tit:after{background-position:-140px 0;}
.cont_member_box li.member04 a .tit:after{background-position:-210px 0;}
.cont_member_box li a span.button{cursor:pointer !important;}

.modal_alert.mem_alert{max-width:1080px;}
.modal_alert.mem_alert .inr{margin:0 0 40px 0;}
.modal_alert.mem_alert .inr .txt{background:none; padding:0;}
.modal_alert.mem_alert .inr .btn_wp .button{width:90px; height:48px; line-height:48px; font-size:18px;}
.modal_alert.mem_alert .nice_box{padding:35px 50px 40px; text-align:left;}
.modal_alert.mem_alert .nice_box .tit{display:flex; align-items:center; font-size:18px; font-weight:600; margin:0 0 15px 0;}
.modal_alert.mem_alert .nice_box .tit span.ico{width:20px; height:20px; line-height:20px; color:#fff; text-align:center; background:#ea3d27; font-size:17px; display:inline-block; border-radius:2px;}
.modal_alert.mem_alert .nice_box .tit span.tit_txt{margin:0 0 0 10px; width:calc(100% - 20px);}
.modal_alert.mem_alert .nice_box li{display:flex; align-items:center; background:#f8f8f8; border:1px solid #ccc; padding:15px 28px; margin:0 0 20px 0; font-size:18px;}
.modal_alert.mem_alert .nice_box li:last-child{margin:0;}
.modal_alert.mem_alert .nice_box li:before{content:""; display:block; width:20px; height:20px; margin:0 10px 0 0; background:url(../images/content/sp_nice_box.png);}
.modal_alert.mem_alert .nice_box li.email:before{background-position:-20px 0;}
.modal_alert.mem_alert .nice_box li.online:before{background-position:-40px 0;}
.modal_alert.mem_alert .nice_box li span{color:#808080; margin:0 13px 0 5px; font-size:16px;}

.cont_join .join_form .jn_zip div{margin:0 0 5px 0;}
.cont_join .join_form .jn_zip div:last-child{margin:0;}
.cont_join .join_form .jn_txt{color:#777; margin:0 0 0 10px;}

.mem_result_box{text-align:center; border:1px solid #777; border-radius:10px; padding:70px 20px 80px;}
.mem_result_box .inr{max-width:800px; margin:0 auto;}
.mem_result_box .inr .tit{font-size:24px; font-weight:700; margin:0;}
.mem_result_box .inr .info_txt{font-size:18px; margin:15px 0 10px;}
.mem_result_box .inr .id_txt{font-size:20px;}
.mem_result_box .bbsViewBtm{margin-bottom:0;}

/* 아이디 비밀번호 찾기 */
.cont_idpw .cont_member_box li a .tit:after{width:80px; height:80px; margin:15px 0 25px; background:url(../images/content/sp_join_member2.png);}
.cont_idpw .cont_member_box li.member02 a .tit:after{background-position:-80px 0;}
.cont_idpw .cont_member_box li.member03 a .tit:after{background-position:-160px 0;}
.cont_idpw .cont_member_box li.member04 a .tit:after{background-position:-240px 0;}

.cont_idpw .ipt_wrap .txt_mark span{padding-left:22px; background:url(../images/content/ico_warning3.png) no-repeat 0 3px;}

/* 본인인증 */
.cont_idpw.crf .mem_result_box .inr{background:#f5f5f5; max-width:533px; padding:60px 20px; border-radius:10px;}
.cont_idpw.crf .mem_result_box .inr .tit{font-size:32px;}
.cont_idpw.crf .mem_result_box .inr .fc01{font-weight:600;}
.cont_idpw.crf .mem_result_box .info_txt{padding:0 0 160px 0; margin:15px 0 50px 0; background:url(../images/content/ico_crf_member.png) 50% 100% no-repeat;}

.cont_idpw.crf.crf_pw .mem_result_box .info_txt{margin-bottom:40px;}
.cont_idpw.crf .ipt_wrap{max-width:420px; margin:0 auto; text-align:left;}
.cont_idpw.crf .ipt_wrap input{max-width:initial; height:50px; line-height:50px; width:100%; border-radius:5px; margin:0 0 8px 0;}

/* 비밀번호 찾기 결과 */
.cont_idpw.pw_result .tit{font-size:32px;}
.cont_idpw.pw_result .ipt_wrap{max-width:550px; margin:0 auto; text-align:left;}
.cont_idpw.pw_result .ipt_wrap ul{margin:35px 0 20px;}
.cont_idpw.pw_result .ipt_wrap li{margin:0 0 5px 0;}
.cont_idpw.pw_result .ipt_wrap input{width:100%; max-width:100%; height:50px; border-radius:5px; font-family:'notokr';}

/* 이메일무단수집거부 */
.cont_email .email_box{background:url(../images/content/bg_email.jpg) repeat; border-radius:10px; padding:50px;}
.cont_email .inr{text-align:center; padding:320px 50px 70px; font-size:18px; background:#fff;}
.cont_email .inr p{position:relative; border-top:1px solid #e8e8e8; padding:40px 0 0; margin:0;}
.cont_email .inr p:before{content:""; display:block; position:absolute; top:-250px; left:50%; width:326px; height:249px; transform:translateX(-50%); background:url(../images/content/img_email.jpg);}

/* 개인정보처리방침 */
.cont_privacy p{font-size:18px;}
.cont_privacy .mgl20{margin-left:20px;}

/* 사이트맵 */
.cont_sitemap .sitemap_lst{display:flex; flex-wrap:wrap;}
.cont_sitemap .sitemap_lst a{text-align:center; width:100%; padding:15px 10px; border-radius:5px; display:block; line-height:1.5;}
.cont_sitemap .sitemap_lst > li:last-child > a{background:#8f8f8f;}
.cont_sitemap .sitemap_lst > li{width:calc(14.28% - 18px); margin-right:20px;}
.cont_sitemap .sitemap_lst > li:last-child{margin-right:0;}
.cont_sitemap .sitemap_lst > li > a{background:#ea3d27; color:#fff; font-size:20px; font-weight:600; padding:13px 10px; margin:0 0 25px 0;}
.cont_sitemap .sitemap_lst > li > ul > li > a{border:2px solid #ddd; margin:0 0 15px 0;}
.cont_sitemap .sitemap_lst > li > ul > li:hover > a{border-color:#ea3d27; color:#ea3d27;}

/* 공고 신청 및 평가절차 안내 */
.cont_procedure .conBox1{padding:45px 40px;}
.cont_procedure .conBox2{padding:40px;}
.cont_procedure .conBox2.box01{margin:0 0 40px 0;}
.cont_procedure p{margin:0;}
.cont_procedure .conBox2 ul{display:flex;}
.cont_procedure .conBox2 ul.lst01{margin:0 0 47px 0;}
.cont_procedure .conBox2 ul.lst02{flex-direction:row-reverse;}
.cont_procedure .conBox2 ul li{position:relative; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; align-items:center; width:calc(33.333% - 40px); min-height:100px; margin:0 60px 0 0; padding:10px; border-radius:10px; border:1px solid #ddd; background:#fff;}
.cont_procedure .conBox2 ul li:after{content:""; display:block; position:absolute; right:-50px; top:50%; transform:translateY(-50%); width:50px; height:13px; background:url(../images/content/ico_pro_arrow.png);}
.cont_procedure .conBox2 ul.lst01 li:last-child:after{width:12px; height:37px; right:50%; top:initial; bottom:-37px; transform:translateX(-50%); background:url(../images/content/ico_pro_arrow2.png);}
.cont_procedure .conBox2 ul.lst02 li:after{right:initial; left:-50px; background:url(../images/content/ico_pro_arrow3.png);}
.cont_procedure .conBox2 ul.lst02 li:last-child:after,
.cont_procedure .conBox2 ul.lst03 li:last-child:after{display:none;}
.cont_procedure .conBox2 ul li.bg_pink{background:#fee8e5;}
.cont_procedure .conBox2 ul li:last-child{margin:0;}
.cont_procedure .conBox2 ul.lst02 li:last-child{margin:0 60px 0 0;}
.cont_procedure .conBox2 ul.lst02 li:first-child{margin:0;}
.cont_procedure .conBox2 ul li .num{font-size:15px; color:#fff; width:28px; height:28px; text-align:center; line-height:28px; border-radius:50%; margin:0 8px 0 0; background:#ea3d27;}
.cont_procedure .conBox2 ul.lst03 li .num{width:32px; height:32px; line-height:32px; font-size:17px;}
.cont_procedure .conBox2 ul li .tit{font-size:20px; font-weight:700; text-align:center;}
.cont_procedure .conBox2 ul li .txt{width:100%; text-align:center; font-size:17px; margin:5px 0 0;}
.cont_procedure .s_txt{margin:15px 0 -15px 0;}
.cont_procedure .conLst{margin:18px 0 0;}

.top_btn {display: none; position: fixed; bottom: 40px; right: 40px; z-index: 999; background-color: white; border: 2px solid #dbdbdb; outline: none; cursor: pointer; padding: 10px; border-radius: 50%; width: 90px; height: 90px; font-size: 20px; font-weight: 500; color: #333333;}

/* 디자인 뉴스 */
.cont_news:not(:first-child){margin-top:60px;}
.cont_news .news_top{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #4f4e4e;}
.cont_news .news_top .total{display:flex; align-items:baseline; gap:6px; font-size:16px;}
.cont_news .news_top .total em{color:#777;}
.cont_news .news_top .source{display:flex; align-items:center; gap:6px;}
.cont_news .news_top .source img{display:block;}
.cont_news .lst_news > li{padding:45px 0; border-bottom:1px solid #ccc;}
.cont_news .lst_news > li a{display:flex; align-items:center; gap:60px;}
.cont_news .lst_news > li .news_thumb{flex-shrink:0; width:min(600px,40%);}
.cont_news .lst_news > li .news_cont{display:flex; flex-direction:column; gap:35px;}
.cont_news .lst_news > li .news_tit{font-weight:700; font-size:32px; line-height:1.4;}

@media all and (max-width:1499px){
	/**************************************************
		Common
	**************************************************/
	/* 프로그램 공통 - list */
	.bd_list_wrap .list{width:calc(100%/3 - 30px*2/3);}
	.bd_matching .bd_list_wrap .list{width:calc(100%/3 - 20px);}

	/* 모달 레이어창 */
	.modal_layer{width:100%;}

	/**************************************************
		Content
	**************************************************/
	/* 플랫폼소개 */
	.cont_platform .platform_box{padding:50px;}

	/* 평가(점검)방식 안내 */
	.cont_evalu .tb_box{display:flex; align-items:flex-start;}
	.cont_evalu .tb_box .bb_box{min-width:auto; min-height:auto; font-size:18px;}

	/* 지원사업공고평가(점검)위원 선정방식 안내 */
	.cont_member .conBox2{flex-direction:column; align-items:center;}
	.cont_member .mem_lst{width:100% !important;}
	.cont_member .mem_box01 div:first-child.mem_lst{margin:0 0 50px 0;}
	.cont_member .mem_box01 div:first-child.mem_lst:before{display:none;}
	.cont_member .mem_box01 div:first-child.mem_lst:after{content:'';	position:absolute; left:50%; bottom:-40px; margin:0 0 0 -10px; border-top:10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #a6a6a6; transform:rotate(90deg);}
	.cont_member .mem_box03 div:nth-child(2).mem_lst{margin:50px 0;}

	/* 기업정보·매칭 소개 */
	.cont_company .cmpy03 ul li:before{width:50px; right:-25px;}

	/* 지원사업공고 - 목록 */
	.ntc_srch_details{margin:25px 20px 0; width:calc(100% - 40px); left:0; transform:initial;}
	.ntc_srch_details .dt_wrap{padding:0 40px;}
	
	/* 회원가입 */
	.cont_join .join_process li{font-size:18px; border-right:1px solid #999;}
	.cont_join .join_process li:before{width:1px; height:100%; right:-1px; top:0; background:#999;}
	.cont_join .join_process li.on{background:url(../images/content/bg_join_process_on4.png) 50% 50% !important; background-size:cover;}
	.cont_join .join_process li > span > strong{font-size:22px;}

}

@media all and (max-width:1259px){
	/**************************************************
		Common
	**************************************************/
	
	/**************************************************
		Content
	**************************************************/
	/* 기업정보·매칭 소개 */
	.cont_company .cmpy03 ul li:before{display:none;}

	/* 디자인 전문회사 찾기 - 상세 */
	.bd_design_view .bd_view_top .sort{position:initial; margin:0 0 15px 0;}
	.bd_design_view .tab_design .tab_design_nav{flex-wrap:wrap;}
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(5),
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(5) ~ li,
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(6),
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(6) ~ li,
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(7),
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(7) ~ li{width:33.333%;}
	.bd_design_view .tab_design .tab_design_nav li .tab_select{font-size:17px;}

	/* 사이트맵 */
	.cont_sitemap .sitemap_lst > li{width:calc(25% - 12px); margin-right:15px; margin-bottom:30px;}
	.cont_sitemap .sitemap_lst > li:nth-child(4n){margin-right:0;}

	/* 공고 신청 및 평가절차 안내 */
	.cont_procedure .conBox2 ul li{flex-direction:column;}
	.cont_procedure .conBox2 ul li .num,
	.cont_procedure .conBox2 ul.lst03 li .num{width:28px; height:28px; line-height:28px; font-size:15px; margin:0 0 5px 0;}

}

@media all and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/
	.top_btn{right:16px; width:50px; height:50px; padding:0; font-size:14px;}

	/* 프로그램 공통 */
	.bbsSrch2 .srch_word_wrap input,
	.bbsSrch3 .srch_word_wrap input{width:280px;}

	/* 프로그램 공통 - list */
	.bd_list_wrap{gap:20px;}
	.bd_list_wrap .list{width:calc(50% - 20px/2);}
	.bd_matching .bd_list_wrap .list{width:calc(50% - 20px);}

	/* 프로그램 공통 - view */
	.bd_view_top .sort{text-align:center; margin:0 0 5px 0;}


	/**************************************************
		Content
	**************************************************/
	/* 플랫폼소개 */
	.cont_platform .platform_box .platform03 ul{flex-direction:column;}
	.cont_platform .platform_box .platform03 ul li{margin:0 0 10px 0; width:100%;}

	/* RIDP별 찾아오시는 길 */
	.cont_location .map_box{height:auto; flex-direction:column;}
	.cont_location .map_box .left{order:2; width:100%; padding:25px 0;}
	.cont_location .map_box .right{order:1; width:100%;}
	.cont_location .map_box .left ul{display:flex; flex-wrap:wrap;}
	.cont_location .map_box .left li{padding:0; border:none; border-right:1px solid #ddd; width:33.333%; padding:0 1%; text-align:center;}
	.cont_location .map_box .left li:last-child{border:none;}
	.cont_location .map_box .left li span{justify-content:center;}
	.cont_location div[id^="map"]{height:auto;}

	/* 평가(점검)방식 안내 */
	.cont_evalu .tb_box{display:block;}
	.cont_evalu .tb_box table{margin:0; max-width:initial;}
	.cont_evalu .tb_box .bb_box{margin:20px 0 0; padding:20px 10px;}
	.cont_evalu .tb_box .bb_box:before{display:none;}
	.cont_evalu .tb_box .bb_box br{display:none;}

	/* 기업정보·매칭 소개 */
	.cont_company .cmpy02 .details{flex-direction:column;}
	.cont_company .cmpy02 .details > div{width:100%;}
	.cont_company .cmpy02 .details > div.left{margin:0 0 20px 0;}
	.cont_company .cmpy02 .details .process li div p br{display:none;}
	.cont_company .cmpy03 ul li{background-size:160px; padding-top:179px;}
	.cont_company .cmpy03 ul li span{font-size:18px;}
	.cont_company .cmpy03 ul li span:before{width:6px; height:6px;}

	/* 지원사업공고 - 목록 */
	.bd_tab_wrap .bd_list_wrap .sort_wrap{flex-direction:column;}
	.bd_tab_wrap .bd_list_wrap .sort_wrap span.type{margin:5px 0 0;}

	/* 지원사업공고 - 상세 */
	.ntc_view_wrap .pc{display:none;}
	.ntc_view_wrap .mobile{display:block;}
	.ntc_view_wrap .ntc_view_con{flex-direction:column-reverse;}
	.ntc_view_wrap .con_wrap{width:100%; padding:30px 0 0;}
	.ntc_view_wrap .menu_wrap{width:100%; text-align:center;}
	.ntc_view_wrap .menu_wrap .nav_menu_wrap{display:block; position:absolute; top:14px; right:150px; z-index:99;}
	.ntc_view_wrap .menu_wrap .nav_menu_wrap .nav_menu{display:none; position:absolute; background:#fff; border:1px solid #ccc; margin:5px 0 0; text-align:left;}
	.ntc_view_wrap .menu_wrap .nav_menu_wrap .nav_menu.open{display:block;}
	.ntc_view_wrap .menu_wrap .nav_menu_wrap .mobile{position:relative; width:145px; padding:7px 8px; border:1px solid #fff; vertical-align:middle; font-size:15px; text-align:left; cursor:pointer; color:#fff;}
	.ntc_view_wrap .menu_wrap .nav_menu_wrap .mobile:after{position:absolute; right:12px; top:12px; content:''; width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(135deg);}
	.ntc_view_wrap .menu_wrap .nav_menu_wrap .mobile.open:after{top:16px; transform:rotate(315deg);}
	.ntc_view_wrap .menu_wrap .nav_menu li a{font-size:15px; padding:8px 10px;}
	.ntc_view_wrap .menu_wrap .nav_menu li:last-child a{border-bottom:none;}
	.ntc_view_wrap .menu_wrap .nav_menu li:hover a:before{display:none;}
	.ntc_view_wrap .menu_wrap .prd_date > ul{max-width:450px; text-align:left; margin:0 auto;}
	.ntc_view_wrap .menu_wrap .prd_date li p br{display:none;}
	.ntc_view_wrap .menu_wrap .ntc_btn a,
	.ntc_view_wrap .ntc_btn_list button{max-width:280px; margin:0 auto;}
    .ntc_view_wrap .ntc_btn_list a{max-width:280px; margin:0 auto;}
	.ntc_view_wrap .ntc_btn_list{margin:10px 0 0;}
	.ntc_view_wrap .bd_view_top_info{flex-direction:column-reverse;}
	.ntc_view_wrap .bd_view_top_info .prd_date_r,
	.ntc_view_wrap .bd_view_top_info .prd_date_l{width:100%; padding:0;}
	.ntc_view_wrap .bd_view_top_info .prd_date_r{text-align:center; margin:0 0 30px 0;}
	.ntc_view_wrap .bd_view_top_info .prd_date ul{display:inline-block; text-align:left;}

	/* 디자인 전문회사 찾기 - 상세 */
	.bd_design_view .blog_box .img_lst li,
	.bd_design_view .blog_box .img_lst li:nth-child(5n){width:calc(33.333% - 10px); margin:5px;}

	/* 마이페이지 - 과제평가(신청서)관리 */
	.mypage_tab_info .mypage_tab_nav{flex-wrap:wrap; margin:20px 0 30px 0; border-bottom:none;}
	.mypage_tab_info .mypage_tab_nav > li{width:calc(25% + 1px); border:1px solid #ccc; margin:-1px 0 0 -1px;}
	.mypage_tab_info .mypage_tab_nav > li > a{padding:10px;}
	.mypage_tab_info2{flex-direction:column;}
	.mypage_tab_info .tab_box2{padding:0; width:100%; margin:20px 0 0;}
	.mypage_tab_info2 .mypage_tab_nav2{width:100%; display:flex;}
	.mypage_tab_info2 .mypage_tab_nav2 > li > a{border-right:none; border-bottom:2px solid #ccc; padding:10px 30px 8px;} 
	.mypage_tab_info2 .mypage_tab_nav2 > li > a.active{border-right:none; border-bottom:2px solid #ea3d27;}
	.mypage_tab_info2 .mypage_tab_nav2 > li > a.active:after{right:calc(50% - 4px); bottom:-5px; top:initial;}
	.mypage_tab_info .tab_box .gray_box{padding:25px 15px 10px;}
	.mypage_tab_info .gray_box .tit{font-size:25px; line-height:1.4;}
	.mypage_tab_info .tab_info_link{flex-direction:column; align-items:center; padding:15px 15px 20px;}
	.mypage_tab_info .tab_info_link .txt{width:100%; margin:0 0 5px 0; text-align:center; font-size:20px;}

	/* 공고 신청 및 평가절차 안내 */
	.cont_procedure .conBox1{padding:20px;}
	.cont_procedure .conBox2{padding:20px;}
	.cont_procedure .s_txt{margin:10px 0 0;}

	/* 디자인 뉴스 */
	.cont_news .lst_news > li{padding:20px 0;}
	.cont_news .lst_news > li a{gap:30px;}
	.cont_news .lst_news > li .news_cont{gap:20px;}
	.cont_news .lst_news > li .news_tit{font-size:24px;}
	
}



@media all and (max-width:767px){
	/**************************************************
		Common
	**************************************************/
	/* 공통 */
	.conSkybox{padding:20px;}
	.bt_line{padding-bottom:15px; margin-bottom:15px;}

	.cir_num_tit{font-size:22px; padding:0 0 15px 0;}
	.cir_num_tit .num{width:30px; height:30px; line-height:34px; font-size:20px;}

	.bd_btm_line{margin:0 0 20px 0;}

	.mobile_block{display:block;}
	.pc_block{display:none;}

	/* 프로그램 공통 */
	.flx_lr{display:block;}
	.in_flx_lr{display:flex;}
	.flx_lr2{display:flex;}
	.cont_body .con_layer{padding:15px;}
	.con_layer_close{top:15px; right:15px;}
	.cont_body .total_info{font-size:15px;}
	.bd_tab_wrap .total_info{top:10px;}
	.cont_body .total_info.m_right{text-align:right; margin:0 0 10px 0;}
	.cont_body .total_info span{font-size:16px;}
	.marking_txt{font-size:15px;}

	.file_upload_slt li .select{width:180px;}

	.agree_box p{padding:15px; font-size:15px;}
	.agree_box .agree{padding:15px 10px;}

	.td_slt_lr{flex-direction:column; align-items:flex-start;}
	.td_slt_lr .td_slt_l{width:100%; margin:0 0 10px 0;}

	.top_sorting_lst{margin:0 0 10px 0;}

	/* 프로그램 공통 - view */
	.bd_view_top{padding:15px 10px 20px;}
	.bd_view_top .tit{font-size:22px; margin:10px 0;}

	/* 모달 레이어창 */
	.modal_layer .modal_head{height:50px;}
	.modal_layer .modal_head .tit{font-size:20px; padding:9px 0 0 15px; width:calc(100% - 90px);}
	.modal_layer .close_wp{width:90px;}
	.modal_layer .modal_close{margin:15px 0 0 57px; width:22px; height:22px;}
	.modal_layer .modal_close:before, 
	.modal_layer .modal_close:after{height:20px;}
	.modal_layer .modal_body{padding:15px;}

	.modal_layer .conTit3{font-size:20px;}
	.modal_layer .conBox2{padding:10px 15px 5px;}

	/* 게시판 아이콘 */
	.ico_bd_view ul li:before,
	.button.bd_recom:before{background:url(../images/content/ico_bd_view_x2.png); background-size:100px;}

	/* 게시판 댓글*/
	.bd_comment_wrap .cmt_top .tit{font-size:18px;}
	.bd_comment_wrap .cmt_top .btn_view{font-size:16px;}
	.bd_comment_wrap .cmt_top .btn_view::after{top:5px;}
	.bd_comment_wrap .cmt_top .btn_view.active::after{top:9px;}
	.bd_comment_wrap .cmt_con{padding:20px;}
	.bd_comment_wrap .cmt_con .cmt_list > li .info{flex-direction:column; align-items:flex-start;}
	.bd_comment_wrap .cmt_con .cmt_list > li .info > div:first-child{margin-bottom:10px;}
	.bd_comment_wrap .cmt_con .cmt_list > li .info .button:before{background:url(../images/content/sp_cmt_btn_x2.png); background-size:40px;}
	.bd_comment_wrap .cmt_con .cmt_list > li .info .button:hover:before{background:url(../images/content/sp_cmt_btn_on_x2.png); background-size:40px;}

	/**************************************************
		Content
	**************************************************/
	/* 서브가이드 */
	.guide_btm{flex-direction:column;}
	.guide_btm .left{margin:0 0 20px 0;}

	/* 플랫폼소개 */
	.cont_platform .platform_box{padding:20px;}
	.cont_platform .platform_box h3{font-size:24px; margin:0 0 10px 0;}
	.cont_platform .platform_box h4{font-size:20px;}
	.cont_platform .platform_box .platform01 img{max-width:550px; width:100%;}
	.cont_platform .platform_box .platform02{margin:40px 0 65px 0;}
	.cont_platform .platform_box .platform02:before,
	.cont_platform .platform_box .platform02:after{height:45px;}
	.cont_platform .platform_box .platform02:before{top:-55px;}
	.cont_platform .platform_box .platform02:after{bottom:-60px;}
	.cont_platform .platform_box .platform02 p{font-size:18px; padding:15px 10px; line-height:1.4;}
	.cont_platform .platform_box .platform03 p{font-size:16px;}
	.cont_platform .platform_box .platform03 ul li{padding:90px 10px 20px; text-align:center; min-height:initial; background-position:50% 20px !important; background-size:auto 60px;}
	.cont_platform .platform_box .platform03 p{margin:5px 0 0;}

	/* RIDP별 찾아오시는 길 */
	.cont_location{margin:30px 0 0;}
	.cont_location .lct_list{margin:0 0 40px 0;}
	.cont_location .lct_tit{font-size:26px; margin:0 0 10px 0;}
	.cont_location .dt_box > div{flex-direction:column; align-items:flex-start; padding:15px 10px;}
	.cont_location .dt_box > div .tit{width:100%; padding:0; text-align:left; margin:0 0 5px 0;}
	.cont_location .dt_box > div .conLst3{width:100%; margin:0;}
	.cont_location .subway{padding:15px;}

	/* 평가(점검)방식 안내 */
	.cont_evalu .conBox2{margin:15px 0; padding:20px;}
	.cont_evalu .conBox2 h3{font-size:22px; margin:0 0 20px 0;}
	.cont_evalu .conBox2 h3:before{display:none;}
	.cont_evalu .conBox2 h3 span{background-position:0 -1px; padding:0 0 0 35px;}
	.cont_evalu .tb_box .bb_box{font-size:16px;}
	.cont_evalu .tb_box table td .ico{padding-left:40px;}

	/* 지원사업공고평가(점검)위원 선정방식 안내 */
	.cont_member .conBox1{padding:20px;}
	.cont_member .conBox2{padding:20px; margin:0 0 40px 0;}
	.cont_member .mem_lst{max-width:initial;}
	.cont_member .mem_lst > ul > li,
	.cont_member .mem_box03 .mem_lst > ul > li{flex-direction:column; padding:10px; margin:10px 0 0;}
	.cont_member .chk .mem_lst > ul > li:before{width:18px; height:18px; left:10px;}
	.cont_member .chk .mem_lst > ul > li.on:before{border-width:4px;}
	.cont_member .mem_lst > ul > li .name,
	.cont_member .mem_box04 .mem_lst > ul > li .name,
	.cont_member .mem_box03 .mem_lst > ul > li .name{margin:0 0 5px 0; background-size:40px; padding:0 0 0 46px; height:40px; line-height:40px;}
	.cont_member .mem_box04 .mem_lst > ul > li .name br{display:none;}
	.cont_member .btm_txt{font-size:18px; margin:20px 0 0;}
	.cont_member .s_txt{margin:-5px 0 20px 45px; font-size:16px; text-align:left;}
	.cont_member .mem_box03 div:nth-child(2).mem_lst{margin:30px 0;}
	.cont_member .no_pp .mem_lst > ul > li{padding-top:10px; padding-bottom:10px;}
	.cont_member .no_pp .mem_lst > ul > li .name{padding:0; margin:0;}

	/* 기업정보·매칭 소개 */
	.cont_company .cmpy01{padding:20px;}
	.cont_company .cmpy02{margin:0 0 20px 0;}
	.cont_company .cmpy02 .top{padding:25px 10px 30px;}
	.cont_company .cmpy02 .top .tit{font-size:28px;}
	.cont_company .cmpy02 .top .txt{font-size:17px;}
	.cont_company .cmpy02 .details{padding:10px;}
	.cont_company .cmpy02 .details > div{padding:30px 20px;}
	.cont_company .cmpy02 .details .process li{padding:0 0 0 55px;}
	.cont_company .cmpy02 .details .process li:first-child,
	.cont_company .cmpy02 .details .process li{margin:20px 0;}
	.cont_company .cmpy02 .details .process li div{padding:15px 20px;}
	.cont_company .cmpy02 .details .process li div span{font-size:18px;}
	.cont_company .cmpy02 .details .process li div p{font-size:16px;}
	.cont_company .cmpy03{padding:20px 10px;}
	.cont_company .cmpy03 ul{flex-wrap:wrap;}
	.cont_company .cmpy03 ul li{width:50%; background-size:140px; padding-top:159px;}
	.cont_company .cmpy03 ul li.list1,
	.cont_company .cmpy03 ul li.list2{margin:0 0 20px 0;}
	.cont_company .cmpy03 ul li span{padding:10px 25px 10px 15px;}
	.cont_company .cmpy03 ul li span:before{top:17px; right:10px;}

	/* 지원사업공고 - 목록 */
	.ntc_btn_details:before{top:13px;}
	.ntc_srch_details{margin:25px 10px 0; width:calc(100% - 20px); left:0;}
	.ntc_srch_details .dt_wrap{padding:0 20px;}
	.ntc_srch_details .dt_wrap .dt_list{flex-direction:column;}
	.ntc_srch_details .dt_wrap .dt_list .dt_l{width:100%;}
	.ntc_srch_details .dt_wrap .dt_list .dt_l:after{display:none;}
	.ntc_srch_details .dt_wrap .dt_list .dt_r{width:100%; padding:10px 0 0;}
	.ntc_srch_details .dt_wrap div:first-child.dt_list{padding-top:15px;}
	
	.bd_tab_wrap{padding-top:45px;}
	.bd_tab_wrap .bd_top select{top:45px; height:35px;}
    .bd_tab_wrap .bd_top2 select{top:45px; height:35px;}
	.bd_tab_wrap.admin .admin_btn{top:45px; height:35px; line-height:33px;}
	.bd_tab_wrap .tab_lst li a{width:35px; height:35px;}
	.bd_tab_wrap .tab_lst li a:before{width:35px; height:35px; background:url(../images/content/ico_tab_sp_x2.png); background-size:145px;}
	.bd_tab_wrap .tab_lst li:first-child a:before{background-position:-105px 0;}
	.bd_tab_wrap .tab_lst li:first-child a.active:before{background-position:-70px 0;}
	.bd_tab_wrap .tab_lst li:last-child a.active:before{background-position:-35px 0;}
	.bd_tab_wrap .bd_list_wrap .bd_tit{font-size:20px; height:85px; margin-bottom:15px;}
	.bd_tab_wrap .bd_list_wrap .d_day{font-size:30px;}
	.bd_tab_wrap .bd_list_wrap .list > .inr{padding:20px 15px 15px;}
	.bd_tab_wrap .bd_list_wrap .period li{flex-direction:column;}
	.bd_tab_wrap .bd_list_wrap .period li .tit{padding:0; margin:0; width:100%;}
	.bd_tab_wrap .bd_list_wrap .period li .tit:before{display:none;}
	.bd_tab_wrap .bd_list_wrap .period li .txt{width:100%;}

	/* 지원사업공고 - 목록 new */
	.bd_tab_wrap .bd_list_wrap.new .list a{padding:15px;}
	.bd_tab_wrap .bd_list_wrap.new .list .tit{font-size:18px;}
	.bd_tab_wrap .bd_list_wrap.new .list .slr_lst{padding:15px 0 20px; margin:15px 0 0;}
	.bd_tab_wrap .bd_list_wrap.new .list .slr_lst li{font-size:15px;}

	/* 지원사업공고 - 상세 */
	.ntc_view_wrap .menu_wrap .nav_menu_wrap{top:8px; right:80px;}
	.ntc_view_wrap .menu_wrap .nav_menu_wrap .mobile{width:130px; padding:4px 8px;}
	.ntc_view_wrap .menu_wrap .nav_menu_wrap .mobile:after{top:9px;}
	.ntc_view_wrap .menu_wrap .nav_menu_wrap .mobile.open:after{top:13px;}

	/* 지원사업공고 - 신청 */
	.ntc_blue_bg{padding:15px;}

	/* 비즈니스 매칭 서비스 - 목록 */
	.bd_matching .bd_mhg_top{margin:0 0 10px 0;}
	.bd_matching .btn_slt select, 
	.bd_matching .button.lg{height:35px; line-height:35px;}
	.bd_matching .bd_list_wrap .dt_box{padding:15px 15px 0;}
	.bd_matching .bd_list_wrap .dt_box:last-child{padding:15px;}
	.bd_matching .bd_list_wrap .dt_box .dt_mhg ul{flex-direction:column;}
	.bd_matching .bd_list_wrap .dt_box .dt_mhg li{margin:0 0 3px 0; width:100%;}
	.bd_matching .bd_list_wrap .dt_box .tit{font-size:20px;}
	.bd_matching .bd_list_wrap .dt_box .com{background-image:url(../images/content/ico_com_x2.png); background-size:9px;}

	/* 디자인 전문회사 찾기 - 목록 */
	.bd_design .bd_list_wrap .list > .inr{padding:40px 15px 20px;}
	.bd_design .inr .button{right:7px; top:7px;}
	.bd_design .img_tit .tit{font-size:20px; padding:10px 0 15px; margin:0 0 15px 0;}
	.bd_design .img_tit .img{height:80px;}
	.bd_design .img_tit .img img{max-height:80px;}

	/* 디자인 전문회사 찾기 - 상세 */
	.bd_design_view .bd_view_top{padding:15px 10px 20px;}
	.bd_design_view .bd_view_top .tit{flex-direction:column;}
	.bd_design_view .bd_view_top .tit img{max-height:70px;}
	.bd_design_view .bd_view_top .tit span{font-size:25px; margin:5px 0 0;}
	.bd_design_view .tab_design .tab_box,
	.bd_design_view .blog_box{padding:20px 15px;}
	.bd_design_view .flx_lr .naver{text-align:right; font-size:15px;}
	.bd_design_view .blog_box .top{display:block;}
	.bd_design_view .blog_box .top h4{margin:0 0 5px 0;}
	.bd_design_view .blog_box .top span{text-align:right; display:block; font-size:15px;}
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(3),
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(3) ~ li,
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(4),
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(4) ~ li,
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(5),
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(5) ~ li,
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(6),
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(6) ~ li,
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(7),
	.bd_design_view .tab_design .tab_design_nav li:first-child:nth-last-child(7) ~ li{width:50%;}
	.bd_design_view .tab_design .tab_design_nav li .tab_select{padding:8px 0;}

	/* 마이페이지 - 과제평가(신청서)관리 */
	.mypage_tab_info .mypage_tab_nav{padding:0 15px; margin:15px 0 20px;}
	.mypage_tab_info .mypage_tab_nav > li{width:calc(50% + 1px); border:1px solid #ccc; margin:-1px 0 0 -1px;}
	.mypage_tab_info .mypage_tab_nav > li > a{padding:8px;}
	.mypage_tab_info .tab_box{padding:0 15px 20px;}
	.mypage_tab_info2 .mypage_tab_nav2{flex-wrap:wrap;}
	.mypage_tab_info2 .mypage_tab_nav2 li{width:33.3333%;}
	.mypage_tab_info2 .mypage_tab_nav2 > li > a{text-align:center; padding:10px 10px 8px; font-size:15px;}

	/* 전문가평가 서류전형 */
	.opinion_sign{font-size:16px;}
	.opinion_sign .sbj{margin:0 10px 0 0; min-width:70px;}
	.opinion_sign .sign_wrap{margin:0 0 0 10px;}
	.opinion_sign_flx{flex-direction:column; margin:0; max-width:initial;}
	.opinion_sign_flx .opinion_sign{width:100%;}

	/* 모달 레이어창 - 단계 */
	.modal_layer .step_wrap{right:70px; top:15px;}
	.modal_layer .step_wrap ul li{margin:0 5px 0 0;}
	.modal_layer .step_wrap ul li.on{margin:0 8px 0 0;}
	.modal_layer .step_wrap ul li span{font-size:13px; width:20px; height:20px; line-height:18px; border:1px solid #fff;}
	.modal_layer .step_wrap ul li.on:before{left:-3px; top:-3px; width:24px; height:24px; border:1px solid #fff;}
	.modal_layer .step_wrap ul li:after{display:none;}

	/* 로그인 */
	.cont_login .login_box{padding:30px 20px;}
	.cont_login .top_info .txt1{font-size:28px; line-height:1.4;}
	.cont_login .top_info .txt2{font-size:17px; margin:10px 0 30px 0;}
	.cont_login .inputBx{flex-direction:column;}
	.cont_login .bx_idpw{width:100%;}
	.cont_login .bx_idpw li label{font-size:16px;}
	.cont_login .bx_idpw li input{height:40px;}
	.cont_login .bx_login{width:100%; margin:11px 0 0;}
	.cont_login .bx_login input{height:50px; font-size:20px;}
	.cont_login .btnBx a{font-size:16px;}
	.cont_login .chkBx{padding:0; justify-content:center;}

	/* 회원가입 */
	.cont_join .join_process li{height:initial; line-height:initial; padding:13px 0; font-size:16px;}
	.cont_join .join_process li > span > strong{display:block; font-size:18px;}
	.cont_join .join_process:after{height:100%;}
	.cont_join .join_agree_wrap{padding:20px 15px;}
	.cont_join .join_agree_wrap label{font-size:17px;}
	.cont_join .join_agree_box{margin:0 0 10px 0; height:300px;}
	.cont_join .join_agree_box p{font-size:16px;}
	.cont_member_box li{width:calc(50% - 5px); margin:0 10px 10px 0;}
	.cont_member_box li:nth-child(2),
	.cont_member_box li:nth-child(4){margin:0 0 10px 0;}
	.cont_member_box li a{padding:20px 0;}
	.cont_member_box li a .tit{font-size:20px;}
	.cont_member_box li a .tit:after{margin:10px 0 20px; width:50px; height:50px; background-size:auto 50px;}
	.cont_member_box li.member02 a .tit:after{background-position:-50px 0;}
	.cont_member_box li.member03 a .tit:after{background-position:-100px 0;}
	.cont_member_box li.member04 a .tit:after{background-position:-150px 0;}

	.modal_alert.mem_alert{height:500px; overflow-y:scroll;}
	.modal_alert.mem_alert .inr{margin:0 0 20px 0;}
	.modal_alert.mem_alert .nice_box{padding:20px;}
	.modal_alert.mem_alert .nice_box .tit{font-size:16px; align-items:flex-start;} 
	.modal_alert.mem_alert .nice_box .tit span.ico{font-size:13px; margin:3px 0 0;}
	.modal_alert.mem_alert .nice_box li{flex-direction:column; text-align:center; font-size:17px;}
	.modal_alert.mem_alert .nice_box li:before{margin:0 0 10px 0; background-image:url(../images/content/sp_nice_box_x2.png); background-size:auto 20px;}
	.modal_alert.mem_alert .nice_box li span{margin:5px 0;}
	.modal_alert.mem_alert .inr .btn_wp .button{height:40px; line-height:40px;}

	.cont_join .join_form .jn_txt{display:block; margin:5px 0 0;}
	.cont_join .join_form .jn_zip div{margin:0;}

	.mem_result_box{padding:30px 20px;}
	.mem_result_box .inr .id_txt{font-size:18px;}
	.mem_result_box .inr .info_txt{font-size:16px;}

	/* 아이디 비밀번호 찾기 */
	.cont_idpw .cont_member_box li a .tit:after{margin:10px 0 20px; width:60px; height:60px; background-size:auto 60px;}
	.cont_idpw .cont_member_box li.member02 a .tit:after{background-position:-60px 0;}
	.cont_idpw .cont_member_box li.member03 a .tit:after{background-position:-120px 0;}
	.cont_idpw .cont_member_box li.member04 a .tit:after{background-position:-180px 0;}

	/* 본인인증 */
	.cont_idpw.crf .mem_result_box{padding:15px;}
	.cont_idpw.crf .mem_result_box .inr{padding:30px 20px;}
	.cont_idpw.crf .mem_result_box .inr .tit{font-size:28px;}
	.cont_idpw.crf .mem_result_box .info_txt{background-size:100px; padding:0 0 125px 0; margin:15px 0 !important;}

	.cont_idpw.crf .ipt_wrap input{height:45px; line-height:45px;}

	/* 비밀번호 찾기 결과 */
	.cont_idpw.pw_result .tit{font-size:28px;}
	.cont_idpw.pw_result .ipt_wrap ul{margin:20px 0 15px;}
	.cont_idpw.pw_result .ipt_wrap input{height:45px; line-height:45px;}

	/* 이메일무단수집거부 */
	.cont_email .email_box{padding:10px;}
	.cont_email .inr{padding:200px 20px 30px; font-size:17px;}
	.cont_email .inr p{padding:20px 0 0;}
	.cont_email .inr p:before{width:200px; height:153px; top:-154px; background-size:200px;}
	.cont_email .inr p br.pc{display:none;}

	/* 사이트맵 */
	.cont_sitemap .sitemap_lst > li{width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
	.cont_sitemap .sitemap_lst > li:nth-child(2n){margin-right:0;}
	.cont_sitemap .sitemap_lst > li > a{margin:0 0 10px 0;}
	.cont_sitemap .sitemap_lst > li > ul > li > a{margin:0 0 10px 0;}

	/* 공고 신청 및 평가절차 안내 */
	.cont_procedure .conBox2.box01{margin:0 0 20px 0;}
	.cont_procedure .conBox2 ul{flex-direction:column !important;}
	.cont_procedure .conBox2 ul.lst01{margin:0;}
	.cont_procedure .conBox2 ul li{width:100%; min-height:initial; padding:15px 10px; margin:0 0 10px 0 !important;}
	.cont_procedure .conBox2 ul li .tit{font-size:18px;}
	.cont_procedure .conBox2 ul li:after{display:none !important;}

	/* 디자인 뉴스 */
	.cont_news .lst_news > li{padding:10px 0;}
	.cont_news .lst_news > li a{gap:14px;}
	.cont_news .lst_news > li .news_cont{gap:10px;}
	.cont_news .lst_news > li .news_tit{font-weight:400; font-size:16px;}
	.cont_news .lst_news > li .news_txt{display:none;}
	.cont_news .lst_news > li .news_date{font-size:14px; color:#777;}

}

/* ~ 639px */
@media all and (max-width:639px){
	/**************************************************
		Common
	**************************************************/
	/* 프로그램 공통 */
	.bbsSrch2 select,
	.bbsSrch3 select{min-width:initial;}
	.bbsSrch2 .srch_word_wrap input,
	.bbsSrch3 .srch_word_wrap input{width:100%;}

	/**************************************************
		Content
	**************************************************/
	/* 지원사업공고 - 목록 */
	.ntc_srch_details{margin-top:10px;}
	.ntc_srch_details .btn_area .button{margin:0 2px;}
}

@media all and (max-width:537px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 지원사업공고 - 목록 new */
	.bd_tab_wrap .bd_list_wrap.new .sort_day{flex-wrap:wrap;}
	.bd_tab_wrap .bd_list_wrap.new .sort_day .d_day{width:100%; margin:8px 0 0 5px;}

}

@media all and (max-width:430px){
	/**************************************************
		Common
	**************************************************/
	/* 프로그램 공통 - list */
	.bd_list_wrap .list{width:100%;}
	.bd_matching .bd_list_wrap .list{width:100%; margin:0 0 20px;}

	/**************************************************
		Content
	**************************************************/
	/* 지원사업공고 - 목록 */
	.bd_tab_wrap .bd_list_wrap .sort_wrap{flex-direction:row;}
	.bd_tab_wrap .bd_list_wrap .sort_wrap span.type{margin:0 0 0 5px;}

	/* 비즈니스 매칭 서비스 - 목록 */
	.bd_matching .bd_mhg_top{display:block;}
	.bd_matching .bd_mhg_top:after{content:""; display:block; clear:both;}
	.bd_matching .bd_mhg_top .btn_slt{float:right; margin:3px 0 0;}


}