@charset "utf-8";

.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.tmbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;}
.m_view{display:none !important;}

#contents{margin-top:90px;}
.sub_tab_g{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;position:relative;z-index:50; background-color:#F1F4F9;}
.sub_tab1{width:1400px; margin:0 auto;height:50px;padding:0 0px;display:flex;box-sizing:border-box;}
.sub_tab1 > li{width:200px;border-left:1px solid #d9d9d9;position:relative}
.sub_tab1 > li.home{width:65px;display:flex;align-items:center;justify-content:center}
.sub_tab1 > li.home a{padding:0;height:unset}
.sub_tab1 > li > a{color:#22272B;font-size:14px;letter-spacing:-.5px;height:50px;padding:17px 28px;display:block;background:#F1F4F9;box-sizing:border-box;position:relative}
.sub_tab1 > li:not(.home) > a:after{content:'';position:absolute;top:19px;right:50px;width:6px;height:6px;border-right:1px solid #22272B;border-bottom:1px solid #555;transform:rotate(45deg)}
.sub_tab1 > li:last-child{border-right:1px solid #d9d9d9}
.sub_tab1 ul{position:absolute;top:auto;left:0;width:100%;margin-left:-1px;border:1px solid #d9d9d9;z-index:50;display:none}
.sub_tab1 ul li + li{border-top:1px solid #d9d9d9}
.sub_tab1 ul a{color:#22272B;font-size:14px;letter-spacing:-.1px;height:50px;padding:17px 28px;display:block;background:#F1F4F9;box-sizing:border-box}
#subtop{position: relative;height:300px;box-sizing: border-box;z-index: 10;}
#subtop *{box-sizing:border-box;}
#subtop .contents{position: relative;width: 100%;height: 100%;background:#000;z-index: 5; overflow:hidden;}
#subtop .bg{position: absolute;top: 0%;left: 0%; z-index: -1;width: 100%;height: 100%; background:url("../img/sub/test1.png") top center / cover no-repeat;}
/*#subtop.st1 .bg{background:url("../img/sub/bg_cscenter.png") top center / cover no-repeat; }*/
#subtop.st2 .bg{background:url("/img/page/st2_bg.jpg") top center / cover no-repeat; }
#subtop.st3 .bg{background:url("../img/sub/bg_service.png") top center / cover no-repeat; }
#subtop.st4 .bg{background:url("/img/page/st4_bg.jpg") top center / cover no-repeat; }
#subtop.st5 .bg{background:url("/img/page/st5_bg.jpg") top center / cover no-repeat; }
#subtop.st6 .bg{background:url("/img/page/st6_bg.jpg") top center / cover no-repeat; }
#subtop .g_title{
	position: relative;top:30%;max-width:1400px;width:100%;margin:0 auto;text-align:left;z-index: 10;
}

#subtop .g_title .main_copy{
	font-family:"Orbitron";
	font-weight:600;
	font-size:40px;
	line-height:41px;
	color:#fff;
}

#subtop .g_title .sub_copy{
	font-size:16px;
	line-height:20px;
	color:#fff;
	margin-top:10px;
}

section{position:relative;}
section *{box-sizing:border-box; -webkit-box-sizing:border-box;}

.m00{position:relative;}
.m00 .contents{position:relative; padding-top:80px; text-align:center;}
.m00 .btn_wrap{text-align:center;}
.m00 .contents .pn_tit{
	font-family:"Orbitron";
	font-weight:600;
	font-size:14px;
	line-height:14px;
	color:#E23434;
}
.m00 .contents .pn_main_copy{
	font-family:"Pretendard Bold";
	font-size:36px;
	line-height:48px;
	color:#111;
	margin-top:15px;
}
.m00 .contents .pn_sub_copy{
	font-size:15px;
	line-height:24px;
	color:#22272B;
	margin-top:20px;
}

.m11,
.m21,
.m31,
.m51,
.m99
{
	margin-bottom:150px;
}

.m11 {
	padding:60px 0 0px 0;
	position:relative;
}

.m11 .left_search{
	width:300px;
	height:455px;
	position:absolute;
	left:0;
	top:0;
	border: 1px solid #D2DCE8;
	padding:20px;
}

.m11 .left_search .search_g{height:40px; border-bottom:1px solid #e5e5e5;width:250px;padding: 0 0px;display: flex;flex-wrap: wrap;align-items: center;margin-left:0px;box-sizing: border-box;}
.m11 .left_search .btn_board_search{width: 23px;height: 22px;margin: 0;padding: 0;font-size: 0;border: 0;background: url("../img/sub/search_btn.png") no-repeat left top;line-height: 1;}

.m11 .left_search .search_list{
	margin-top:20px;
}

.m11 .left_search .search_list li{
	padding:0 10px 0 10px;
	height:35px;
	line-height:35px;
}

.m11 .left_search .search_list li span.num{
	font-family:"Pretendard Bold";
	font-size:15px;
	color:#E23434;
	display:inline-block;
	width:30px;
}

.m11 .right_content{
	width:1070px;
	height:100%;
	position:relative;
	margin:0 0 0 auto;
}

.m11 .right_content .category{
	width:100%;
	position:relative;
}

.m11 .right_content .category .category_list{
	display:flex;flex-wrap:wrap;
}

.m11 .right_content .category .category_list li{
	width:86px;
	margin-left:40px;
	text-align:Center;
	font-family:"Pretendard SemiBold";
	font-size:16px;
	color: #22272B;
}

.m11 .right_content .category .category_list li:first-child{
	margin:0px;
}

.m11 .right_content .category .category_list li .icon{
	width:86px;
	height:86px;
	margin-bottom:12px;
}

.m11 .right_content .category .category_list li .icon.bg01{
	background-image:url("../img/sub/ic_all_off.png");
}

.m11 .right_content .category .category_list li .icon.bg01.on{
	background-image:url("../img/sub/ic_all_on.png");
}

.m11 .right_content .category .category_list li .icon.bg02{
	background-image:url("../img/sub/ic_website_off.png");
}

.m11 .right_content .category .category_list li .icon.bg02.on{
	background-image:url("../img/sub/ic_website_on.png");
}

.m11 .right_content .category .category_list li .icon.bg03{
	background-image:url("../img/sub/ic_app_off.png");
}

.m11 .right_content .category .category_list li .icon.bg03.on{
	background-image:url("../img/sub/ic_app_on.png");
}

.m11 .right_content .category .category_list li .icon.bg04{
	background-image:url("../img/sub/ic_marketing_off.png");
}

.m11 .right_content .category .category_list li .icon.bg04.on{
	background-image:url("../img/sub/ic_marketing_on.png");
}

.m11 .right_content .category .category_list li .icon.bg05{
	background-image:url("../img/sub/ic_convergence_off.png");
}

.m11 .right_content .category .category_list li .icon.bg05.on{
	background-image:url("../img/sub/ic_convergence_on.png");
}

.m11 .right_content .area_wrap{
	margin-top:40px;
}

.m11 .right_content .area_wrap .location_list{
	display:flex;flex-wrap:wrap;
}

.m11 .right_content .area_wrap .location_list li{
	width:110px;
	height:50px;
	border: 1px solid #D2DCE8;
	margin:7px 0 0 8px;
	text-align:Center;
	line-height:50px;
}

.m11 .right_content .area_wrap .location_list li.on{
	font-family:"Pretendard SemiBold";
	font-size:15px;
	border: 1px solid #E23434;
	color: #E23434;
}

.m11 .right_content .area_wrap .location_list li:first-child{margin-left:0;}
.m11 .right_content .area_wrap .location_list li:nth-child(9n){margin-right:0;}
.m11 .right_content .area_wrap .location_list li:nth-child(10n){margin-left:0;}
.m11 .right_content .area_wrap .location_list li:nth-child(n+9){margin-bottom:0;}

.m11 .right_content .type_wrap{
	width:100%;
	margin-top:50px;
	position:relative;
	padding-bottom:15px;
	border-bottom: 1px solid #D2DCE8;
	margin-bottom:30px;
}

.m11 .right_content .type_wrap .order_wrap{
	position:absolute;
	right:0;
	top:5px;
}

.m11 .right_content .type_wrap .type_list{
	display:flex;flex-wrap:wrap;
}

.m11 .right_content .type_wrap .type_list li{
	width:70px;
	text-align:Center;
	height:20px;
	line-height:20px;
	font-size:18px;
	color: #B2BBC8;
}

.m11 .right_content .type_wrap .type_list li:nth-child(2n),
.m11 .right_content .type_wrap .type_list li:nth-child(3n){
	border-left:1px solid #D2DCE8;
}

.m11 .right_content .type_wrap .type_list li.on{
	font-family:"Pretendard Bold";
	font-size:18px;
	color:#111;
}


.m11 .right_content .m11_list{
	width:100%;
	border: 1px solid #D2DCE8;
	padding:28px;
	position:relative;
	margin-bottom:20px;
}

.m11 .right_content .m11_list .m11_category_list{
	display:flex;flex-wrap:wrap;
}

.m11 .right_content .m11_list .m11_category_list li{
	width:75px; height:35px;
	margin-right:10px;
}

.m11 .right_content .m11_list .d_day{
	width:50px;
	height:40px;
	position:absolute;
	top:0;
	right:0;
	border-radius: 2px;
	line-height:40px;
	color:#fff;
	font-family:"Pretendard Medium";
	font-size:12px;
	text-align:Center;
}

.m11 .right_content .m11_list .date{
	
	background-color:#252A34;
	
}

.m11 .right_content .m11_list .date0{
	background-color:#B2BBC8;
}

.m11 .right_content .m11_list .date1{
	background-color:#ff0000;
}

.m11 .right_content .m11_list .category_btn{
	border: 1px solid #D2DCE8;
	border-radius: 19px;
	width:75px;
	height:35px;
	line-height:35px;
	font-family:"Pretendard SemiBold";
	font-size:15px;
	color:#22272B;
	text-align:Center;
}

.m11 .right_content .m11_list .project_title{
	font-family:"Pretendard Bold";
	font-size:18px;
	color:#111;
	line-height:40px;
}

.m11 .right_content .m11_list .project_data{
	font-size:14px;
	color:#22272B;
}

.m11 .right_content .m11_list .project_key_word{
	margin-top:30px;
	position:relative;
	font-family:"Pretendard Medium";
	font-size:13px;
	color:#888;
	height:25px;
	line-height:25px;
}

.m11 .right_content .m11_list .project_key_word .project_hit{
	position:absolute;
	right:0;
	top:0;
	font-family:"Pretendard Medium";
	font-size:14px;
	color: #22272B;
}

.m11 .m11_view{
	border-top:2px solid #888888;
}

.m11 .m11_view .view_title{
	padding:20px;
	position:relative;
	font-family:"Pretendard Bold";
	font-size:22px;
	color:#111111;
	line-height:36px;
	border-bottom:1px solid #e2e9f0;
}

.m11 .m11_view .view_title .d_day{
	width:38px;
	height:26px;
	line-height:26px;
	color:#fff;
	border-radius:2px;
	display:inline-block;
	font-family:"Pretendard Medium";
	font-size:12px;
	text-align:center;
	vertical-align: middle;
}

.m11 .m11_view .view_title .d_day.bg0{
	background-color:#252A34;
}

.m11 .m11_view .view_title .d_day.bg1{
	background-color:#ff0000;
}

.m11 .m11_view .view_title .d_day.bg2{
	background-color:#B2BBC8;
}

.m11 .m11_view .view_title .btn{
	position:absolute;
	top:18px;
	right:20px;
}

.m11 .m11_view .view_title .btn a{
	display:block;
	width:175px;
	height:50px;
	text-align:center;
	background-color:#22272B;
	color:#fff;
	line-height:50px;
}

.m11 .m11_view .view_data{
	padding:20px 0 20px 0;
	border-bottom:1px solid #e2e9f0;
}

.m11 .m11_view .view_data .data_list{
	display:flex;flex-wrap:wrap;
}

.m11 .m11_view .view_data .data_list li{
	width:33%;
}

.m11 .m11_view .view_data .data_list li .tit{
	height:30px;
	line-height:30px;
	padding-left:20px;
	font-family:"Pretendard Regular";
	font-size:14px;
	color:#7E93A8;
}


.m11 .m11_view .view_data .data_list li:first-child{
	border-right:1px solid #dde5ee;
}

.m11 .m11_view .view_data .data_list li:last-child{
	border-left:1px solid #dde5ee;
}

.m11 .m11_view .view_data .data_list li .tit span{
	display:inline-block;
	width:70px;
	font-family:"Pretendard Bold";
	font-size:14px;
	color:#7E93A8;
}

.m11 .m11_view .view_file{
	padding:10px 0 10px 0;
	border-bottom:1px solid #e2e9f0;
	line-height: 25px;
}

.m11 .m11_view .view_file .file{display:flex;font-size:18px;line-height:18px;padding:25px 0}
.m11 .m11_view .view_file .file .tit{font-size:18px;color:#7E93A8;width:125px;text-align:center;position:relative}
.m11 .m11_view .view_file .file .tit:before{content:'';position:absolute;top:-1px;right:0;height:20px;background:#ddd;width:1px}
.m11 .m11_view .view_file .file_list{width:calc(100% - 125px);padding-left:20px;box-sizing:border-box;color:#999;letter-spacing:-.5px;font-weight:300}
.m11 .m11_view .view_file .file_list a:hover{text-decoration:underline}
.m11 .m11_view .view_file .file_list li + li{margin-top:15px}

.m11 .m11_view .view_content{
	padding:30px;
	border-bottom:1px solid #e2e9f0;
	margin-bottom:30px;
}

.m11 .m11_view .btn_wrap{
	width:100%;
	text-align:Center;
}

.m11 .m11_view .btn_wrap a.btn_list{
	display:inline-block;
	width:250px;
	height:50px;
	line-height:50px;
	font-family:"Pretendard SemiBold";
	color:#22272B;
	font-size:17px;
	border:1px solid #D2DCE8;
}

/*
.m11 .m11_view .view_file span{
	display:inline;
}

.m11 .m11_view .view_file ul {
    padding: 7px 0 7px 15px;
	width:90%;
}

.m11 .m11_view .view_file li {
    display: block;
    font-size: 12px;
    color: #333333;
    padding-left: 15px;
    line-height: 18px;
    background: url(../img/sub/icon_file.gif) no-repeat left 3px;
}
*/


.m21 .sub_line{
	display:block;
	content:"";
	width:1px;
	height:56px;
	line-height:110px;
	background:#000;
	margin:0px auto 0;
	position:relative;
	top:20px;
}

.m21 .m21_txt1{
	font-family:"Pretendard Bold";
	font-size:36px;
	line-height:48px;
	color:#111;
	margin-top:40px;
}

.m21 .contents .m21_table{
	margin:40px auto 60px auto;
	position:relative;
	height:213px;
	background-color:#F1F4F9;
	width:1200px;
	padding-left:330px;
}

.m21 .contents .m21_table .menu{
	position:absolute;
	left:0;
	top:0;
	width:330px;
	height:214px;
}

.m21 .contents .m21_table .menu .menu01,
.m21 .contents .m21_table .menu .menu02
{
	height:106px;
	position:relative;
	background-color:#fff;
}

.m21 .contents .m21_table .menu .menu01 {
	border-top:1px solid #e8edf3;
	border-left:1px solid #e8edf3;
	border-right:1px solid #e8edf3;

}

.m21 .contents .m21_table .menu .menu01.on,
.m21 .contents .m21_table .menu .menu02.on
{
	background-color:#e23434;
	border:0px;
	color:#fff;
}

.m21 .contents .m21_table .menu .menu02 {
	border:1px solid #e8edf3;
}

.m21 .contents .m21_table .menu span{
	display:block;
	text-align:left;
	padding-left:25px;
}

.m21 .contents .m21_table .menu .txt_wrap{
	position: relative;top:25%;
}

.m21 .contents .m21_table .menu_basic_txt
{
	font-size:14px;
	line-height:24px;
}

.m21 .contents .m21_table .menu_tit{
	font-family:"Pretendard Bold";
	font-size:24px;
	line-height:32px;
}

.m21 .contents .m21_table .content_txt{

	width:870px;
	padding:30px;
	text-align:left;
}

.m21 .contents .m21_table .content_txt .txt1{
	width:780px;
	word-break:break-all;
	font-family:"Pretendard SemiBold";
	font-size:24px;
	line-height:33px;
	color:#22272B;
}

.m21 .contents .m21_table .content_txt .txt2{
	font-size:16px;
	line-height:50px;
	color:#22272B;
}

.m21 .contents .m21_table .content_txt .txt21{
	font-size:16px;
	line-height:35px;
	color:#22272B;
}

.m21 .contents .m21_table .content_txt .txt3{
	position: relative;
	margin-top:50px;
	font-size:16px;
	line-height:25px;
}

.m21 .contents .m21_table .content_txt .txt3 span.fb{
	font-weight:bold;
}

.m21 .contents .m21_table .content_txt .tip{
	width:820px;
	height:30px;
	margin-top:5px;
	background-color:#fff;
	border-radius: 15px;
	position:relative;
	font-family:"Pretendard Light";
	font-size:14px;
	line-height:30px;
	padding-left:80px;
}

.m21 .contents .m21_table .content_txt .tip .tit{
	position:absolute;
	left:0;
	top:0;
	width:65px;
	height:30px;
	background-color:#22272B;
	border-radius:20px;
	display:block;
	color:#fff;
	text-align:Center;
	line-height:30px;
}

.m21 .contents .process_table,
.m31 .contents .process_table
{
	width:1200px;
	margin:30px auto 50px auto;
}

.m21 .contents .process_table table,
.m31 .contents .process_table table
{
	width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;
}

.m21 .contents .process_table table,
.m31 .contents .process_table table 
{
	border-left:1px solid #e8edf3;
}

.m21 .contents .process_table table td,
.m31 .contents .process_table table td
{
	width:300px;
	border-right:1px solid #e8edf3;
	padding:50px 0 0px 0;
	text-align:center;
}

.m21 .contents .process_table td .con01,
.m21 .contents .process_table td .con02,
.m21 .contents .process_table td .con03,
.m21 .contents .process_table td .con04
{
	width:90%;
	margin:0 auto;
	height:230px;
}

.m21 .contents .process_table .con05,
.m21 .contents .process_table .con06,
.m21 .contents .process_table .con07,
.m21 .contents .process_table .con08
{
	width:90%;
	margin:60px auto 30px auto;
	height:260px;
}

.m21 .contents .process_table .num01,
.m21 .contents .process_table .num02,
.m21 .contents .process_table .num03,
.m21 .contents .process_table .num04,
.m21 .contents .process_table .num05,
.m21 .contents .process_table .num06,
.m21 .contents .process_table .num07,
.m21 .contents .process_table .num08
{
	font-family:"Orbitron";
	font-weight:600;
	font-size:52px;
	line-height:52px;
	color:#E8ECF5 !important;
}

.m21 .contents .process_table .ic_img{
	width:40px;
	height:40px;
	margin:20px auto 0 auto;
}

.m21 .contents .process_table .con_tit{
	font-family:"Pretendard Bold";
	font-size:24px;
	line-height:48px;
	color:#111;
}

.m21 .contents .process_table .con_txt{
	font-size:16px;
	line-height:24px;
	color:#22272B;
}

.m21 .contents .portfolio{
	position:relative;	
}

.m21 .contents .portfolio .inner{
	padding-bottom:0px;
}

.m21 .contents .portfolio_list{
	width:1200px;
	height:380px;
	margin:60px auto;
	overflow:hidden;
}

/*https://www.estsoft.ai/pr-center/news 참조*/
.m21 .contents .portfolio_list:after{display:block;content:"";clear:both;}
.m21 .contents .portfolio_list .list_img{position:relative;float:left;width:380px; height:380px; font-size:0;margin:0 29px 0px 0;}
.m21 .contents .portfolio_list .list_img a:hover .thumb_txt strong,
.m21 .contents .portfolio_list .list_img a:hover .thumb_txt span{text-decoration:underline;}
.m21 .contents .portfolio_list .list_img .thumb_img{overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:250px;line-height:0;background:#fafafa url(/images/logo_footer-f30e83459299182cfcdca7cc7916023e.png) 50% 50% / 100px auto no-repeat;}
.m21 .contents .portfolio_list .list_img .thumb_img:before{content:"";position:absolute;top:0;left:0;display:block;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #E5E4E4;}
.m21 .contents .portfolio_list .list_img .thumb_img img{width:100%;}
.m21 .contents .portfolio_list .list_img .thumb_txt {text-align:left; padding-left:30px; margin-top:30px;}
.m21 .contents .portfolio_list .list_img .thumb_txt p{margin-top:10px;}
.m21 .contents .portfolio_list .list_img .thumb_txt strong{display:inline-block;width:80px;}
.m21 .contents .portfolio_list .list_img .thumb_txt span{}
.m21 .contents .portfolio_list .list_img .thumb_txt em{}

.m21 .contents .portfolio .page_wrap{
	width:1200px; 
	text-align:center;
	margin:0 auto;
	height:50px;
}



/*포트폴리오 뷰*/
.m21 .contents .portfolio_view{

	width:1200px;
	margin:0 auto;
	border-top:2px solid #3e3e3e;
	padding:25px;
	text-align:left;
	border-bottom:1px solid #D2DCE8;

}

.m21 .contents .portfolio_view_top{
	width:100%;
	height:250px;
	position:relative;
}

.m21 .contents .portfolio_view_top .portfolio_list_img{
	position:absolute;
	left:0;
	top:0;
	width:380px;
	height:250px;
	border:1px solid #ccc;
}

.m21 .contents .portfolio_view_top .portfolio_content{
	width:700px;
	margin:0 0 0 auto;
}

.m21 .contents .portfolio_view_top .portfolio_content .portfolio_title{
	font-family:"Pretendard Bold";
	font-size:22px;
	color:#111;
	border-bottom:1px solid #D2DCE8;
	height:50px;
}

.m21 .contents .portfolio_view_top .portfolio_content .portfolio_data{
	
	padding-top:20px;
	height:100px;
	border-bottom:1px solid #D2DCE8;
	
}

.m21 .contents .portfolio_view_top .portfolio_content .portfolio_data:after{
	clear:both;
}

.m21 .contents .portfolio_view_top .portfolio_content .portfolio_data .left_content{
float:left;
width:48%;
padding-left:20px;
}

.m21 .contents .portfolio_view_top .portfolio_content .portfolio_data .right_content{
float:left;
width:48%;
padding-left:20px;
border-left:1px solid #D2DCE8;
}

.m21 .contents .portfolio_view_top .portfolio_content .portfolio_data .left_content .data_tit,
.m21 .contents .portfolio_view_top .portfolio_content .portfolio_data .right_content .data_tit{
	font-family:"Pretendard Regular";
	font-size:14px;
	color:#7E93A8;
	height:30px;
	line-height:30px;
}

.m21 .contents .portfolio_view_top .portfolio_content .portfolio_data .left_content .data_tit span,
.m21 .contents .portfolio_view_top .portfolio_content .portfolio_data .right_content .data_tit span{
	display:inline-block;
	width:80px;
}

.m21 .contents .portfolio_view_top .portfolio_content .portfolio_data .left_content .data_tit span.b_tit,
.m21 .contents .portfolio_view_top .portfolio_content .portfolio_data .right_content .data_tit span.b_tit{
	font-family:"Pretendard Bold";
	font-size:14px;
	color:#7E93A8;
}

.m21 .contents .portfolio_view_top .portfolio_content .portfolio_file{

	padding:20px;

}

.m21 .contents .portfolio_view_top .portfolio_content .portfolio_file .file{
	display:inline-block;
	font-family:"Pretendard Bold";
	font-size:14px;
	color:#7E93A8;
	background-image:url("../img/sub/ic_link.png");
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:20px;
	height:20px;
	line-height:20px;
	width:80px;
}

.m21 .contents .portfolio_view_top .portfolio_content .portfolio_file .link{
	font-family:"Pretendard Regular";
	font-size:14px;
	color:#7E93A8;
	text-decoration: underline;
}


.m21 .contents .portfolio_view_content{
	width:1200px;
	margin:0 auto;
	padding:20px;
	border-bottom:1px solid #D2DCE8;
	text-align:left;
}



.m21 .contents .btn_wrap{
	
	width:1200px; 
	text-align:center;
	margin:0 auto;

}

.m21 .contents .btn_wrap button.btn_ok{
	width:250px;
	height:50px;
	background-color: #22272B;
	font-family:"Pretendard SemiBold";
	font-size:17px;
	line-height:28px;
	color:#fff;
}

.m21 .contents .btn_wrap a.btn_list{
	display:inline-block;;
	width:250px;
	height:50px;
	font-family:"Pretendard SemiBold";
	font-size:17px;
	line-height:50px;
	color:#111;
	border: 1px solid #D2DCE8;
	margin-top:30px;
}

.m21 .contents .con_img{
	width:560px;
	height:390px;
	margin:35px auto;
}

.m21 .contents .con_txt{
	margin-bottom:80px;
}

.m21 .contents .con_txt .con_txt_c1,
.m21 .contents .con_txt .con_txt_c4
{
	font-size:24px;
	line-height:38px;
	color:#22272B;
}

.m21 .contents .con_txt .con_txt_c1 span.fb,
.m21 .contents .con_txt .con_txt_c4 span.fb
{
	font-family:"Pretendard Bold";
}

.m21 .contents .con_txt .con_txt_c2,
.m21 .contents .con_txt .con_txt_c3,
.m21 .contents .con_txt .con_txt_c4
{
	margin-top:45px;
}
.m21 .contents .con_txt .con_txt_c2,
.m21 .contents .con_txt .con_txt_c3
{
	font-size:15px;
	line-height:24px;
}

.m21 .contents .marketing{
	width:1200px;
	height:210px;
	margin:80px auto 80px auto;
}

.m21 .contents .marketing .marketing_list{
	display:flex;
	width:100%;
}

.m21 .contents .marketing li{
	width:33.333%;
	height:200px;
	position:relative;
}

.m21 .contents .marketing li .num{
	position:absolute;
	left:0;
	top:0;
	width:60px;
	height:60px;
	background-color:#E23434;
	border:1px solid #E23434;
	border-radius:50%;
	color:#fff;
	font-family:"Orbitron";
	font-weight:600;
	font-size:24px;
	line-height:60px;
}

.m21 .contents .marketing .market_txt{
	
	position:relative;
	left:70px;
	width:310px;
	text-align:left;

}

.m21 .contents .marketing .market_txt .tit{
	font-family:"Pretendard SemiBold";
	font-size:24px;
	line-height:38px;
	color:#22272B;
}

.m21 .contents .marketing .market_txt .tit .tit_small{
	font-size:18px;
}

.m21 .contents .marketing .market_txt .txt{
	font-size:15px;
	line-height:24px;
	color:#22272B;
	word-break:break-all;
}

.m21 .contents .ourparter_wrap{
	text-align:Center;
	margin-top:45px;
	width:1200px;
	margin:0 auto;
}

.m21 .contents .ourparter_wrap .ourparter_num{
	font-family:"Pretendard Bold";
	font-size:24px;
	line-height:48px;
	color:#111;
}
.m21 .contents .ourparter_wrap .ourparter_date{
	font-size:15px;
	line-height:24px;
	color:#22272B;
}
.m21 .contents .ourparter_wrap .project_num{
	font-family:"Pretendard Bold";
	font-size:24px;
	line-height:48px;
	color:#111;
}

.m21 .contents .ourparter_wrap .parter_wrap{
	width:1200px;
	margin:70px auto;
}

.m21 .contents .ourparter_wrap .parter_wrap ul.parter_list:after{display:block;content:"";clear:both;}

.m21 .contents .ourparter_wrap .parter_wrap ul.parter_list li{
	width:180px;
	height:65px;
	position:relative;
	float:left;
	margin:0px 23px 0px 0;
	background-color:#000;
	color:#fff;
}

.m21 .contents .ourparter_wrap .parter_wrap ul.parter_list li:nth-child(6n){margin-right:0;}
.m21 .contents .ourparter_wrap .parter_wrap ul.parter_list li:nth-child(n+7){margin-top:27px;}

.m21 .contents .m23_con_img{
	width:490px;
	height:530px;
	margin:35px auto;
}

.m21 .contents .m23_con_img img{
	width:100%;
}

.m21 .contents .m23_con_txt{
	font-size:15px;
	line-height:24px;
	color: #22272B;
	margin-bottom:50px;
}

.m31 .contents .process_table td .con01,
.m31 .contents .process_table td .con02,
.m31 .contents .process_table td .con03,
.m31 .contents .process_table td .con04
{
	width:90%;
	margin:0 auto;
	height:230px;
}


.m31 .contents .process_table .num01,
.m31 .contents .process_table .num02,
.m31 .contents .process_table .num03,
.m31 .contents .process_table .num04
{
	font-family:"Orbitron";
	font-weight:600;
	font-size:52px;
	line-height:52px;
	color:#E8ECF5;
}

.m31 .contents .process_table .ic_img{
	width:40px;
	height:40px;
	margin:20px auto 0 auto;
}

.m31 .contents .process_table .con_tit{
	font-family:"Pretendard Bold";
	font-size:24px;
	line-height:48px;
	color:#111;
}

.m31 .contents .process_table .con_txt{
	font-size:16px;
	line-height:24px;
	color:#22272B;
}

.m31 .m31_swiper{

	width:100%;
	height:520px;
	background-color:#E23434;
	background-image:url("../img/main/bg_counseling.png");
	background-size: cover;
	background-position:center center;
	opacity: 0.77;

}

.m31 .m31_swiper .wrap{
	padding-top:85px;
}

.m31 .m31_swiper .wrap .eng_txt{

	font-family:"Orbitron";
	font-weight:600;
	font-size:14px;
	color: #FFF;

}

.m31 .m31_swiper .wrap .kor_txt{

	font-family:"Pretendard SemiBold";
	font-size:46px;
	line-height:70px;
	color:#fff;

}

.m31 .m31_swiper .wrap .counseling_list{}

/*http://www.wcn.co.at/ 참고*/
.m31 .m31_swiper .wrap .slide_wrap {position:relative;width:1400px; height:330px; margin:40px auto 0 auto;overflow:hidden;}
.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li {display:inline-block; margin-right:10px; cursor:pointer;}
.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li a {display:inline-block; width:100%;}
.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li .txt {
	background:#ffffff; box-sizing:border-box; padding:0px; min-height:160px; width:100%; word-break:break-all; padding:20px;
	position:relative;
}
.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li .txt div.cate_wrap {
	position:relative;
	width:100%;
	height:30px;
}
.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li .txt span.cate_btn {
	display:inline-block;
	width:100px; height:30px; line-height:30px;
	font-family:"Pretendard SemiBold";
	font-size:15px;
	color:#22272B;
	border-radius: 19px;
	text-align:center;
	border: 1px solid #D2DCE8;
}

.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li .txt .status{
	position:absolute;
	width:100px;
	line-height:30px;
	display:inline-block;
	text-align:right;
	right:0;
	top:0;
	font-family:"Pretendard SemiBold";
	font-size:15px;
}

.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li .txt .status.ing{color:#EF1B1B;}
.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li .txt .status.confirm{color:#1a5da0;}
.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li .txt .status.end{color:#4d6782;}

.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li .txt .counsel_user{
	font-family:"Pretendard SemiBold";
	font-size:24px;
	color: #22272B;
	margin-top:20px;
}
.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li .txt .counsel_date{
	font-family:"Pretendard Regular";
	font-size:14px;
	color: #888;
	margin-top:12px;
}


.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li .txt div.eng_name {font-size:14px; letter-spacing:-0.2px; color:#000000; margin:4px 0;letter-spacing: -0.2px;}
.m31 .m31_swiper .wrap .slide_wrap ul.artist_slide li .txt div.kor_name {font-size:14px; letter-spacing:-0.2px; color:#000000;letter-spacing: -0.2px;}
.swiper-scrollbar {width:100%; position:absolute; left:0%; top:55px; transform:translateX(-0%); bottom:0px; z-index:50; height:2px; background:none;}
.line {display:block; width:100%; height:2px; background:rgba(0, 0, 0, 0.1); position:absolute; bottom:112px; left:0;}
.artistN {position:absolute; bottom:103px; right:0%; margin-left:100px; cursor:pointer; z-index:100;}
.artistP {position:absolute; bottom:103px; left:0%; margin-right:100px; cursor:pointer; z-index:100;}



.m31 .contents .btn_wrap{
	
	width:1200px; 
	text-align:center;
	margin:0 auto;

}

.m31 .contents .btn_wrap button.btn_ok{
	width:250px;
	height:50px;
	background-color: #22272B;
	font-family:"Pretendard SemiBold";
	font-size:17px;
	line-height:28px;
	color:#fff;
}

.m31 .contents .login_form{

	width:800px;
	margin:50px auto 0 auto;
	text-align:left;

}

.m31 .contents .login_form h4{
	font-family:"Pretendard Medium";
	font-size:17px;
	line-height:20px;
	color: #22272B;
}

/*참고 https://www.hyundaicard.com/cpm/mb/CPMMB0201_01.hc*/
.input_rdo {display:inline-block; position:relative; margin-right:0px; font-size:15px; line-height:18px; cursor:pointer;} 
.input_chk {display:inline-block; position:relative; margin-right:10px; font-size:15px; line-height:18px; cursor:pointer;}
.m31 .contents .login_form .input_cell_box {position:relative;}
.m31 .contents .login_form .input_cell_box input::placeholder, text::placeholder {font-size:16px; font-weight:500; color:#ccc; opacity:1;padding-left:10px;}
.m31 .contents .login_form .input_cell_box input.input_num::placeholder {text-align:right}
.m31 .contents .login_form .input_cell_box .input_cell {display:inline-block; position:relative;}
.m31 .contents .login_form .input_cell_box .input_cell_box[class*="w"] {display:flex;}
.m31 .contents .login_form .input_cell_box .input_cell_box.w20p > .input_cell {width:20%;}
.m31 .contents .login_form .input_cell_box .input_cell_box.w25p > .input_cell {width:25%;}
.m31 .contents .login_form .input_cell_box .input_cell_box.w33p > .input_cell {width:33.33%;} /* Q10071 : 33 → 33.33%수정  */
.m31 .contents .login_form .input_cell_box .input_cell_box.w50p > .input_cell {width:50%;}
.m31 .contents .login_form .input_cell_box .input_cell_box.w100p > .input_cell {width:100%; display:block}

.m31 .contents .login_form .input_cell_box:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#ccc; z-index:4;} /* 2022-01-04 Q10112 : 컬러변경 */

.m31 .contents .login_form .frm_input{
	width:100%;
	height:64px; padding:19px 0;; font-size:20px; line-height:26px;
	font-weight:600;
	padding-left:20px;
}

.m31 .contents .login_form .input_cell_box input.input_num{
	border:1px solid #ccc;
	width:80px;
	height:36px; padding:19px 5px; font-size:16px; line-height:26px;
	font-weight:600;
}

.m31 .contents .login_form .input_cell_box span{
	display:block; 
	height:50px;
	line-height:50px;
}

.m31 .contents .login_form .btn_zip{
	width:150px;
	height:50px;
	border: 1px solid #22272B;
	color:#22272B;
	font-family:"Pretendard SemiBold";
	font-size:16px;
	line-height:19px;

}

.m31 .contents .login_form .user_level_list{
	display:flex;flex-wrap:wrap;
}

.m31 .contents .login_form .user_level_list li{

	width:180px;
	margin:15px 10px 0 0;
	height:20px;

}
.m31 .contents .login_form .user_level_list li:nth-child(4n) {margin-right:0;}
.m31 .contents .login_form .user_level_list li:nth-child(-n + 4) {margin-top:0;} 

.m31 .contents .login_form .user_level_list li .small{
	display:inline-block;
	font-size:12px; line-height:14px; letter-spacing: -0.24px;
}

.m31 .contents .login_form .check_wrap{
	position:relative;
	width:800px;
	height:70px;
	background-color: #F1F4F9;
	margin-top:50px;
	font-size:16px;
	line-height:70px;
	color:#22272B;
	padding-left:20px;

}

.m31 .contents .login_form .check_wrap .detail{
	position:absolute;
	right:20px;
	top:35%;
	width:64px;
	height:16px;
	color: #7E93A8;
	font-size:14px;
	line-height:16px;
	text-decoration: underline;
}

.m31 .contents .login_form .btn_wrap{
	width:800px;
	margin:50px auto 0 auto;
	text-align:center;
}

.m31 .contents .login_form .btn_wrap .btn_ok{ 
	width:250px; height:50px; line-height:50px; 
	font-family:"Pretendard SemiBold";
	font-size:17px;
	color:#fff;
	background-color:#22272B ;
	cursor:pointer;
}

.m41{ margin-bottom:150px; }

.m41 .review_wrap{
	width:1400px;
	margin:50px auto 0 auto;
	position:relative;
}

.m41 .review_wrap .review_list{
	display:flex;flex-wrap:wrap;
}

.m41 .review_wrap .review_list li{
	width:448px;
	height:393px;
	margin:15px 10px 0 0;
	border:1px solid #edf1f6;
	position:relative;
}

.m41 .review_wrap .review_list li:nth-child(3n) {margin-right:0;}
.m41 .review_wrap .review_list li:nth-child(-n + 3) {margin-top:0;} 

.m41 .review_wrap .review_list li .list_img{
	width:446px;
	height:252px;
	overflow:hidden;
	border-bottom:1px solid #edf1f6;
}
/*.m41 .review_wrap .review_list li .list_img > div { display: block; width: 100%; height:100%; padding-top: 56.23%; background-size: cover; background-position: center;}*/
.m41 .review_wrap .review_list li .list_img > div { display: block; width: 100%; padding-top: 56.23%; background-size: cover; background-position: top;}
.m41 .review_wrap .review_list li .list_img img{ display:none; width:100%;}

.m41 .review_wrap .review_list li .title{
	width:400px;
	margin:0 auto;
	text-align:left;
	font-family:"Pretendard Medium";
	font-size:18px;
	line-height:28px;
	margin-top:25px;
	word-break:break-all;
}

.m41 .review_wrap .review_list li .hash_tag{
	font-size:14px;
	line-height:28px;
	color: #7E93A8;
	width:400px;
	position:absolute;
	left:20px;
	bottom:20px;
	text-align:left;
}
/*https://www.poscoonm.com/ ESG뉴스 참조*/
.m41 .review_wrap .review_list li .hash_tag { display: flex; }
.m41 .review_wrap .review_list li .hash_tag span { font-size: 14px; color: #333; margin-right: 15px; white-space: nowrap; }
.m41 .review_wrap .review_list li .hash_tag dl { width:400px; overflow:hidden; }
.m41 .review_wrap .review_list li .hash_tag dl > dd { display: inline-block; vertical-align: top; font-size: 14px; color: #7E93A8; }
.m41 .review_wrap .review_list li .hash_tag dl > dd + dd { margin-left: 5px; }

.m41 .review_wrap .review_content{
	width:1200px;
	height:250px;
	margin:0 auto 50px auto;
	border-top:1px solid #111;
	padding:30px 20px 0 20px;
}

.m41 .review_wrap .review_content .left_img{
	width:380px;
	height:220px;
	float:left;
	border:1px solid #e1e8ef;
	overflow:hidden;
}

.m41 .review_wrap .review_content .left_img > div { display: block; width: 100%; height: 0; padding-top: 60%; background-size: cover; background-position: center;}

.m41 .review_wrap .review_content .right_content{
	width:700px;
	height:220px;
	float:right;
	text-align:left;
}

.m41 .review_wrap .review_content .right_content span.review_title{
	display:inline-block;
	font-family:"Pretendard Bold";
	font-size:22px;
	line-height:26px;
	color:#111;
}

.m41 .review_wrap .review_content .right_content .review_data{
	border-top:1px solid #e1e8ef;
	border-bottom:1px solid #e1e8ef;
	padding:15px 0 15px 0;
	margin-top:30px;
}

.m41 .review_wrap .review_content .right_content .review_data .data{
	padding-left:10px;
	height:30px;
	line-height:30px;
	font-family:"Pretendard Regular";
	font-size:14px;
	color:#7E93A8;
}

.m41 .review_wrap .review_content .right_content .review_data .data span{
	display:inline-block;
	width:80px;
	font-family:"Pretendard Bold";
	font-size:14px;
	color:#7E93A8;

}

.m41 .review_wrap .review_content2{
	clear:both;
	width:1200px;
	margin:0 auto 50px auto;
	border-top:1px solid #e1e8ef;
	padding:20px;
	text-align:left;
}

.m41 .review_wrap .review_content2 .review_q1{
	padding:30px;
	position:relative;
}

.m41 .review_wrap .review_content2 .review_q1 .client_title{
	position:relative;
	height:60px;
	line-height:60px;
	padding-left:170px;
}

.m41 .review_wrap .review_content2 .review_q1 .client_title span.sub_title{
	font-size:20px;
	font-weight:bold;
	/*color:#396cb5;*/
	color:#222;
}

.m41 .review_wrap .review_content2 .review_q1 p.btn{
	position:absolute;
	top:5px;
	left:0;
	width: 145px;
    height: 48px;
    line-height: 48px;
    border-radius: 40px;
    font-size: 20px;
	background: #333;
    color: #fff;
	text-align:center;
}

.m41 .review_wrap .review_content2 .review_q1 .client:before{
	content: "";
    display: block;
    height: 6px;
    width: 100%;
    position: absolute;
    top: -2px;
    left: -1px;
    z-index: 10;
    padding: 0 2px 0 0;
    margin: 0;
    border-radius: 0;
	background: #bc2020;
}

.m41 .review_wrap .review_content2 .review_q1 .client{
	border:1px solid #ccc;
	padding:15px;
	margin-top:10px;
	padding-left:10px;
	line-height:24px;
	position:relative;
	border-radius: 0 0 10px 10px;
}

.m41 .review_wrap .review_content2 .review_q1 .client .feedback{
	margin-top:20px;
	border-top:1px solid #ccc;
	padding:20px;
	background-color:#e1e8ef;
}




.m41 .review_wrap .review_prev_next{
	width:1200px;
	margin:0 auto;
	border-top:1px solid #e1e8ef;
	border-bottom:1px solid #e1e8ef;
	padding:30px 0 30px 30px;
	text-align:left;
}

.m41 .review_wrap .review_prev_next span.prev,
.m41 .review_wrap .review_prev_next span.next{
	display:inline-block;
	width:100px;
	height:40px;
	line-height:40px;
	text-align:left;
}

.m41 .review_wrap .btn_list{
	width:200px; height:50px;
	background-color:#22272B;
	font-family:"Pretendard SemiBold";
	font-size:17px;
	color:#fff;

}

/**/

.m41 .review_form{

	width:700px;
	margin:50px auto 0 auto;
	text-align:left;

}

.m41 .review_form h4{
	font-family:"Pretendard Medium";
	font-size:17px;
	line-height:20px;
	color: #22272B;
}

.m41 .review_form .input_cell_box {position:relative;}
.m41 .review_form .input_cell_box input::placeholder, textarea::placeholder {font-size:16px; font-weight:500; color:#ccc; opacity:1;}
.m41 .review_form .input_cell_box input.input_num::placeholder {text-align:right}
.m41 .review_form .input_cell {display:inline-block; position:relative;}
.m41 .review_form .input_cell_box[class*="w"] {display:flex;}
.m41 .review_form .input_cell_box.w20p > .input_cell {width:20%;}
.m41 .review_form .input_cell_box.w25p > .input_cell {width:25%;}
.m41 .review_form .input_cell_box.w33p > .input_cell {width:33.33%;} /* Q10071 : 33 → 33.33%수정  */
.m41 .review_form .input_cell_box.w50p > .input_cell {width:50%;}
.m41 .review_form .input_cell_box.w100p > .input_cell {width:100%; display:block}

.m41 .review_form .input_cell_box  label{
	display:inline-block;
	height:40px;
	font-family:"Pretendard SemiBold";
	font-size:16px;
	line-height:40px;
	width:100px;
	text-align:center;
	border: 1px solid #D2DCE8;
}

.m41 .review_form .input_cell_box:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#ccc; z-index:4;} /* 2022-01-04 Q10112 : 컬러변경 */

.m41 .review_form .frm_input{
	width:100%;
	height:64px; padding:19px 0;; font-size:20px; line-height:26px;
	font-weight:600;
}

.m41 .review_form .input_cell_box input.input_num{
	border:1px solid #ccc;
	width:80px;
	height:36px; padding:19px 5px; font-size:16px; line-height:26px;
	font-weight:600;
}

.m41 .review_form .input_cell_box span{
	display:block; 
	height:50px;
	line-height:50px;
}

.m41 .review_form .btn_wrap{
	width:100%;
	margin-top:80px;
}

.m41 .review_form .btn_wrap button.btn_ok{
	width:250px;
	height:50px;
	background:#22272B;
	color:#fff;
	font-family:"Pretendard SemiBold";
	font-size:17px;

}

/*FAQ*/
.m51 .faq_wrap{

	width:1200px;
	margin:50px auto 0 auto;
	text-align:left;
}

.faq_box:first-child{border-top:1px solid #ddd;}

.faq_box{
	border-bottom:1px solid #ddd;
	background:#fff;
	padding:0px 0px 0px 0px;
	cursor:pointer;
}

.faq_box.on{
	background:#f8f8f8;
	padding:0x 0px 0px 0px;
	cursor:pointer;
}
.faq_box .qustion{
	padding:30px 0 20px 50px;
	position:relative;
}

.faq_box .qustion .q_tit{
	font-family:"Pretendard Bold";
	font-size:25px;
	line-height:30px;
	color: #EF1B1B;
	position:absolute;
	left:21px;
	top:24px;
}

.faq_box .qustion a{
	font-family:"Pretendard Bold";
	display:block;
	position:relative;
	font-size:17px;
	line-height:20px;
	color:#333;
	padding-bottom:10px;
}
.faq_box.on .qustion a{
	font-family:"Pretendard Bold";
	display:block;
	position:relative;
	font-size:17px;
	line-height:20px;
	color:#c40f39
	padding-bottom:10px;
}
.faq_box .qustion a .arr{
	position:absolute;right:20px;top:0px;
	width:15px;height:15px;
	border-top:2px solid #aaa;
	border-right:2px solid #aaa;
	transform:rotateZ(130deg) skew(-9deg);
	transition:all 0.3s;
}
.faq_box.on .qustion a .arr{
	position:absolute;right:20;top:10px;
	width:15px;height:15px;
	border-top:2px solid #aaa;
	border-right:2px solid #aaa;
	transform:rotateZ(309deg) skew(-9deg);
	transition:all 0.3s;
}
.faq_box .answer{
	display:none;
	padding:25px 0 20px 50px;
	position:relative;
	border-top:1px solid #dedede;
	background-color:#F1F4F9;
}

.faq_box .answer .a_tit{
	/*
	font-family:"Pretendard Bold";
	font-size:25px;
	line-height:30px;
	color: #22272B;
	*/
	font-family:"Pretendard Bold";
	font-size:25px;
	line-height:30px;
	color: #22272B;
	position:absolute;
	left:21px;
	top:24px;
}
.faq_box .answer p{
	font-size:16px;color:#252A34;
	line-height:25px;

}

.m52{
	margin-bottom:150px;
}

.m52 .qna_wrap{
	
	width:1200px;
	margin:0 auto;
	position:relative;

}

.m52 .qna_wrap .sub_tab{
	
	position:relative;
	margin:50px auto;

}

/*http://www.lnkbiomed.com/m33.php 참조*/
.sub_tab .tab_list{display:flex;justify-content:center;max-width:1200px;margin:0 auto;justify-content:space-between;width:80%;}
.sub_tab .tab_list li{flex:0 0 auto;text-align:center;position:relative; border: 1px solid #D2DCE8; padding:17px 43px;}
.sub_tab .tab_list li{
	font-family:"Pretendard SemiBold";
	font-size:15px;
}
.sub_tab .tab_list li.on a{color:#E23434;}
.sub_tab .tab_list li.on {border: 1px solid #E23434;}

/*1:1 문의 게시판 http://www.lnkbiomed.com/board/board.php?bo_table=carees */
.m52 .qna_wrap .table .list_wrap{border-top:2px solid #555}
.m52 .qna_wrap .table .list_wrap li{display:table;width:100%;height:60px;font-size:16px;text-align:center;color:#555;box-sizing:border-box;border-bottom:1px solid #e5e5e5;letter-spacing:-.6px}
.m52 .qna_wrap .table .list_wrap li>*{display:table-cell;vertical-align:middle}
.m52 .qna_wrap .table .list_wrap .td{color:#999;font-weight:300;overflow:hidden}

.m52 .qna_wrap .table .list_wrap .mb_title {
    display: none;
}
.m52 .qna_wrap .table .list_wrap .num{width:10%}
.m52 .qna_wrap .table .list_wrap .target{width:56%}
.m52 .qna_wrap .table .list_wrap .title{width:10%}
.m52 .qna_wrap .table .list_wrap .date{width:12%}
.m52 .qna_wrap .table .list_wrap .link{width:12%}
.m52 .qna_wrap .table .tr.thead{background:#f5f5f5;color:#22272B;height:70px;font-size:17px; font-family:"Pretendard Medium";}
.m52 .qna_wrap .table .list_wrap .btn{display:block;width:100px;height:36px;line-height:36px;color:#fff;background:#c6cbcd;border-radius:18px;font-size:16px;letter-spacing:0;float:right;margin-right:20px}
.m52 .qna_wrap .table .list_wrap .btn.open{background:#032665}
.m52 .qna_wrap .table .list_wrap .empty{width:100%}

.search_g{display:flex;justify-content:flex-end;margin:0 0 20px}
.search_b{width:385px;display:flex;border:1px solid #e2e2e2;box-sizing:border-box;height:50px}
.select_layout ul{display:none}
.search_g .input_g{width:282px;position:relative}
.search_g .input_g input{width:282px;border:0;border-radius:0;height:48px;outline:0;box-sizing:border-box;padding:0 52px 0 16px;font-size:1.6rem;color:#777}
.search_g .input_g button{position:absolute;top:50%;right:20px;z-index:1;transform:translateY(-50%);width:22px;height:22px;display:block;font-size:0;background:url(/img/common/selectlayout_btn.jpg) no-repeat center}
.select_layout{width:101px;box-sizing:border-box;position:relative;cursor:pointer}
.select_layout ::selection{background:transparent}
.select_layout:after{content:'';position:absolute;top:15px;right:0;background:#e2e2e2;width:1px;height:20px}
.select_layout .select_title{font-size:1.6rem;line-height:48px;color:#8f8f8f;padding-right:30px;box-sizing:border-box;padding-left:15px;font-weight:300;letter-spacing:-.2px}
.select_layout .list{position:absolute;top:100%;left:-1px;right:0;background:#fff;z-index:10;border:1px solid #e2e2e2;box-sizing:border-box}
.select_layout .list li{font-size:1.6rem;color:#999;line-height:1.2;padding:10px;letter-spacing:-.2px;font-weight:300;padding-left:15px}
.select_layout:before{content:'';background:url(../img/common/selectlayout_arrow.jpg) no-repeat;width:15px;height:9px;position:absolute;top:22px;right:17px;-webkit-transition:.15s ease-out;transition:.15s ease-out}
.select_layout.on:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);top:19px}
.m52 .qna_wrap  .search_g{margin-top:80px}


/*팝업*/
#counsel_popup{
	background-color:#fff;
    border-radius:15px;
    color:#000; 
    padding:20px;
    width:520px;
    height:900px;
	z-index:100;
	display:none;
}

#privateDisplay ,
#m52PrivateDisplay
{display:none;}


.pop_wrap{
	width:100%;
	height:830px;
	padding:20px;
	position:relative;
}

.pop_wrap .pop_title{
	font-family:"Pretendard Bold";
	font-size:24px;
	color:#111;
}

.pop_wrap .b-close{
    cursor:pointer;
    position:absolute;
    right:20px;
    top:20px;
}

.pop_wrap .pop_txt{
	font-family:"Pretendard Regular";
	word-break:break-all;
	font-size:16px;
	color:#22272B;
	margin-top:25px;
}

.pop_wrap .login_form2{
	padding-top:25px;
}

.pop_wrap .login_form2 .input_cell_box {position:relative;}
.pop_wrap .login_form2 .input_cell_box input::placeholder, text::placeholder {font-size:16px; font-weight:500; color:#ccc; opacity:1;padding-left:10px;}
.pop_wrap .login_form2 .input_cell_box input.input_num::placeholder {text-align:right}
.pop_wrap .login_form2 .input_cell_box .input_cell {display:inline-block; position:relative;}
.pop_wrap .login_form2 .input_cell_box .input_cell_box[class*="w"] {display:flex;}
.pop_wrap .login_form2 .input_cell_box .input_cell_box.w20p > .input_cell {width:20%;}
.pop_wrap .login_form2 .input_cell_box .input_cell_box.w25p > .input_cell {width:25%;}
.pop_wrap .login_form2 .input_cell_box .input_cell_box.w33p > .input_cell {width:33.33%;} /* Q10071 : 33 → 33.33%수정  */
.pop_wrap .login_form2 .input_cell_box .input_cell_box.w50p > .input_cell {width:50%;}
.pop_wrap .login_form2 .input_cell_box .input_cell_box.w100p > .input_cell {width:100%; display:block}
.pop_wrap .login_form2 .input_cell_box:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#ccc; z-index:4;} /* 2022-01-04 Q10112 : 컬러변경 */

.pop_wrap .login_form2 .frm_input{
	width:100%;
	height:32px; padding:19px 0; font-size:20px; line-height:20px;
	font-weight:600;
	padding-left:20px;
}

.pop_wrap .login_form2 .btn_wrap{
	padding:20px 0 20px 0;
	text-align:center;
}

.pop_wrap .login_form2 .btn_wrap .btn_ok{
	font-family:"Pretendard Bold";
	width:250px;
	height:50px;
	line-height:50px;
	text-align:Center;
	color:#fff;
	background-color:#22272B;
	cursor:pointer;
}

.pop_wrap .login_form2 .check_wrap{
	height:50px;
	line-height:50px;
	position:relative;
	margin-top:20px;
}

.pop_wrap .login_form2 .check_wrap .view_detail{
	display:block;
	position:absolute;
	top:0;
	right:0;
	font-family:"Pretendard Regular";
	color:#7E93A8;
	font-size:14px;
	text-decoration: underline;
}

/* ------------- 이용약관, 개인정보 처리방침  ------------- */
.service_tit{
	margin:0 0 20px 0; padding:0 0 10px 0; font-size:16px; border-bottom:1px solid #999999;
	text-align:left;
}

.service_tit > h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.service_cont{
	text-align:left;
}

.txt00 {
    font-size: 16px;
    color: #555;
    line-height: 1.65;
    font-weight: 300;
    letter-spacing: -0.5px;
    word-break: keep-all;
}

.write_btn{
	display:inline-block;
	width:150px;
	height:50px;
	line-height:50px;
	font-family:"Pretendard SemiBold";
	color:#fff;
	font-size:17px;
	background-color:#000;
}

.write_btn2{
	display:inline-block;
	width:150px;
	height:50px;
	line-height:50px;
	font-family:"Pretendard SemiBold";
	color:#222;
	font-size:17px;
	background-color:#fff;
	border:1px solid #ccc;
}


.board_view {
    padding-top: 0px;
}
.board_view .menu-bar-group {
	background: #f4f4f4;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}
.board_view .inner {
	display: flex;
	height: 125px;
}
.board_view .inner > * {
	width: 1200px;
	box-sizing: border-box;
	flex-basis: 700px;
	padding: 0 40px;
}
.board_view .inner .left {
	text-align: left;
}
.board_view .menu-bar-group .inner .right {
	text-align: right;
}
.board_view .menu {
	width: 140px;
	flex-basis: 140px;
	padding: 0;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.board_view .menu_icon {
	width: 19px;
	height: 19px;
	background: url(../img/sub/menu_icon.jpg) no-repeat;
}
.board_view .inner .arrow {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 1.7rem;
	color: #333;
	padding: 0 15px 0 25px;
	background: url(../img/sub/left_arrow.jpg) no-repeat;
	height: 25px;
	display: block;
	line-height: 25px;
	display: inline-block;
}
.board_view .inner .arrow.next {
	padding: 0 25px 0 15px;
	background-image: url(../img/sub/right_arrow.jpg);
	background-position: right top;
}
.board_view .inner .sbj {
	font-size: 17px;
	color: #777;
	margin-top: -4px;
	display: inline-table;
}
.board_view .inner .text {
	display: flex;
	height: 100%;
	align-items: center;
}
.board_view .inner .right .text {
	flex-direction: row-reverse;
}

.board_view .contents .head {
	padding-bottom: 35px;
	border-bottom: 1px solid #c7c7c7;
}
.board_view .contents .body {
	padding-top: 65px;
	padding-bottom: 70px;
	border-bottom: 1px solid #c7c7c7;
	font-size: 17px;
}
.board_view .contents .title {
	font-size: 2rem;
	line-height: 1.25;
	color: #333;
	text-align: center;
	font-weight: 500;
	letter-spacing: -0.5px;
}
.board_view .contents .title-item {
	font-size: 22px;
	font-weight: 400;
	color: #777;
	text-align: center;
	letter-spacing: -0.1px;
	margin-bottom: 7px;
}
.board_view .contents .title-date {
	font-size: 17px;
	line-height: 1.25;
	color: #777;
	text-align: center;
	letter-spacing: -0.1px;
	margin-top: 10px;
}
.board_view .contents .body img {
	width: auto;
	max-width: 100% !important;
	display: block;
	margin: 40px auto 40px;
}

table.ncp_tbl{
	border:0;
	border-top:1px solid #ced2d8
}

table.ncp_tbl>tbody,table.ncp_tbl>thead {
	border-bottom:0
}
table.ncp_tbl.margin-type {
	margin-top:20px
}
table.ncp_tbl.type-tooltip {
	table-layout:auto
}
table.ncp_tbl {
	border:0;
	border-top:1px solid #ced2d8
}
table.ncp_tbl>tbody>tr>th,table.ncp_tbl>thead>tr>th {
	position:inherit;
	padding:16px 20px 16px 25px;
	font-size:13px;
	border-bottom:1px solid #eee;
	background:#fafbfc;
}
table.ncp_tbl>tbody>tr>th label,table.ncp_tbl>thead>tr>th label {
	margin:0
}
table.ncp_tbl>tbody>tr>th.vtCenter,table.ncp_tbl>thead>tr>th.vtCenter {
	vertical-align:middle
}
table.ncp_tbl>tbody>tr>td,table.ncp_tbl>thead>tr>td {
	padding:8px 30px 8px 20px;
	font-size:13px;
	border-bottom:1px solid #eee
}
table.ncp_tbl>tbody,table.ncp_tbl>thead {
	border-top:0
}
table.ncp_tbl th .must {
	display:inline-block;
	position:relative
}
table.grid th .must:before,table.ncp_tbl th .must:before {
	display:inline-block;
	content:"";
	width:4px;
	height:4px;
	background:#e51f22;
	font-size:14px;
	position:absolute;
	top:7px;
	left:-9px
}
table.grid th .must:after,table.ncp_tbl th .must:after {
	display:none
}
table.ncp_tbl.type-grid {
	margin-top:20px
}
table.ncp_tbl.type-grid tbody>tr>th,table.ncp_tbl.type-grid tr>th {
	border-left:1px solid #ced2d8;
	background:#fafbfc;
	vertical-align:middle
}
table.ncp_tbl.type-grid tr>th.txtAlign {
	padding-left:178px
}
table.ncp_tbl.type-grid tr>th:first-child {
	border-left:0
}
table.ncp_tbl.type-grid tr>td {
	padding:8px 30px 10px 20px;
	border-left:1px solid #ced2d8;
	vertical-align:middle
}
table.ncp_tbl.type-grid tr>td.type-bg {
	padding:10px 30px 9px 20px;
	background:#fafbfc;
}
table.ncp_tbl.type-grid tr.type-border-bg th {
	border-bottom:1px solid #ced2d8;
	vertical-align:middle
}
table.ncp_tbl.type-grid tr.type-border-bg td {
	border-bottom:1px solid #ced2d8
}
table.ncp_tbl .text-mid {
	display:inline-block;
	margin:0 10px
}
table.ncp_tbl .sign-mid {
	display:inline-block;
	margin:0 5px 0 7px
}
table.ncp_tbl .text-blue {
	color:#135de6
}

.m00 .btn-type1 {
    position: relative;
    margin: 40px auto 10px;
}

.m00 .btn-type1 {
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 40px;
    background: #333;
}
.m00 .btn-type1 {
    display: block;
    width: 170px;
    z-index: 10;
}