reset*/
@charset "utf-8";

/* 본고딕 웹폰트 가져오기 180124 morenvy.com */ 
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 100; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 300; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 400; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 500; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 600; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 700; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 800; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 900; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
} 














/* 서브 LEFT 시작 */
#sub_body{ width: 1200px; margin: 0 auto; position: relative; display: table;  table-layout: fixed; }
.sub_top_img{ overflow-x: hidden; width: 1900px; }
.sub_top_img img{ min-width: 1200px;  background-size: 100%; height: 199px; position: relative; border-bottom: 1px solid #E9E9E9; background-repeat: no-repeat; }
.sub_left { width: 250px;  font-size: 0; display: table-cell; }

.nav_left h1 a{ font-size: 30px; padding: 20px 20px 13px 14px; font-weight:600; }
#nav ul{ width:100%; margin:0; }
#nav ul.menu li{ position:relative; float:left; width:100%; list-style-type:none; font-size:15px; }
#nav ul.menu li a{ display:block; width:100%; height:100%; line-height:40px; text-indent:30px; color:#000; font-weight:500; text-decoration:none; }
#nav ul.menu li a:hover{ background:#eee; }
#nav ul.menu > li:hover{ background: #eee; color: #FFFFFF;  border-bottom: 1px solid #010101;}
#nav ul.menu li .sub a{ position:relative; float:left; padding-left: 20px; display:block; width:100%; z-index:999; background:#FFFFFF; font-size: 14px; }
#nav ul.menu li .sub a:before{ content: ""; display: block; position: absolute; left: 40px; top: 18px; width: 5px; height: 5px; border-radius: 50%; background: #d22f8c;;}
#nav ul.menu li .sub a:hover{ background:#FFFFFF; color:#d22f8c; }

.sub_right{ display: table-cell; padding-left: 28px; }
.sub_right h1{ font-size: 28px; padding: 20px 20px 13px 0; color: #000000;  }
.sub_right .ui-tabs .ui-tabs-nav{ width: 100% !important; height: 100% !important; }
.sub_right .ui-widget.ui-widget-content { width: 100% !important;  height: 100% !important; margin-bottom: 270px; top: -7px;}
.sub_right #tabs img{ width: 100% !important; }



.sub_right .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 453px; text-align: center; }
.sub_right .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover{ font-weight: 500 !important; }


.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{ cursor: pointer !important; }
.ui-tabs .ui-tabs-nav li:last-child{ border-right: none!important; }
.sub_right .establish .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 297px; text-align: center; }
.sub_right .plan .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 220px; text-align: center; }
.sub_right .ci .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 225px; text-align: center; }


.sub_right #tabs{ border:0; }
.ui-widget-header{ border:0 !important; background: #ffffff !important; }
.ui-tabs .ui-tabs-nav li{ border-bottom: 1 solid #000000 !important; }
.ui-tabs .ui-tabs-nav li{ border-bottom-width: 1px !important; }

#organ img{ width: 1200px !important; }
/* 서브 LEFT 끝 */

/*서치 테이블 레이아웃 시작*/
.sub_right .bbs_search_wrap{ position: relative; width: 100%; float: left; }
.sub_right .bbs_search_left{ float: left; display: inline-block; width: 50%; padding: 7px 0; }
.sub_right .bbs_search_right{ float: right; margin-right: 0; display: inline-block; width: 50%; text-align: right; padding-bottom: 5px;}
.sub_right .bbs_search_wrap:after{ content: ""; clear: both; }

.green_window {
display: inline-block;
width: 366px; height: 40px;
border: 3px solid #007fff;
background: white;
}
/*.input_text {
width: 348px; height: 21px;
margin: 6px 0 0 9px;
border: 0;
line-height: 21px;
font-weight: bold;
font-size: 16px;
outline: none;
}
.sch_smit {
width: 54px; height: 40px;
margin: 0; border: 0;
vertical-align: top;
background: #595757;
color: white;
font-weight: bold;
border-radius: 1px;
cursor: pointer;
}*/
.sch_smit:hover {
background: #d22f8c;
}

.write_date_width{ width: 120px; }
.manage_width{ width: 500px !important; }

.news_tr th:nth-of-type(2){ width: 560px; }
.news_tr th:nth-of-type(4){ width: 180px; }
.news_tr th:nth-of-type(6){ width: 5px; }
.news_tr.commu th:nth-of-type(5){ width: 120px; }
.news_tr.commu th:nth-of-type(6){ width: 120px; }

.news_tr th:nth-of-type(7){ width: 140px; }
.news_tr th:nth-of-type(8){ width: 135px; }




#search_go{ margin-right: 10px!important; }
.sub_right .news_tr tr{ height: 40px; border: 1px solid #EDEDED; font-size: 14px !important;}
.sub_right tr.news_tr th{ text-align: center !important; }
#news_list{ height: 40px; border: 1px solid #EDEDED; font-size: 14px !important; height: 45px; background-color: #f6f6f6!important; }
tr a, tr td{ color: #000000; }

#news_list td:nth-of-type(1){ width: 80px !important; }
#news_list td:nth-of-type(2){ padding-left: 20px; text-align: left; width: 400px; padding-right: 0; }
#news_list td:nth-of-type(3){ width: 160px; }
#news_list td:nth-of-type(4){ width: 10px; }
#news_list td:nth-of-type(5){ width: 10px; }
#news_list td:nth-of-type(6){ width: 10px; }
#news_list td:nth-of-type(7){ width: 10px; }
#news_list td:nth-of-type(8){ width: 10px; }
#news_list td{ padding-left: 20px;  padding-right: 20px;}
#news_list td{ text-align: center; }

.news_tr th{ color: #555; background-color: #dcdddd; height: 40px!important; }

.news_tr.bb th:nth-of-type(1){ width: 10px;  }
.news_tr.bb th:nth-of-type(3){ width: 10px;  }
.news_tr.bb th:nth-of-type(4){ width: 200px;  }
.news_tr.bb th:nth-of-type(5){ width: 200px;  }
.news_tr.bb th:nth-of-type(6){ width: 100px;  }
.news_tr.bb th:nth-of-type(7){ width: 10px;  }

#news_list.notice{ background-color: #f6f6f6; }
#paging{ position: absolute; right: 0; }
/*서치 테이블 레이아웃 끝*/


.community .b_button_w{ position: absolute; right: 0; top: 0; }
.b_button{ color: #fff; background-color: #d22f8c; border-color: #d22f8c; margin-top: 53px; padding: 7px; bottom: 10px; font-size: 12px; border: none; }
.b_button:hover{ font-weight: 500; }
.nav-tlink{ margin-bottom: 5px; margin-top: -4px; }
.nav-tlink.text-dark{ color: #ffffff; top: 7px; background-color: #007fff; border-color: #007fff; padding: 7px; font-size: 12px; margin-bottom: 10px; bottom: 5px; }
a.nav-tlink.text-dark{ color: #ffffff!important; }
.nav-tlink.text-dark:hover{ font-weight: 500; color: #ffffff; }

/*콘텐츠 레이아웃 시작*/
.con_wrap{ width: 950px; margin: 0 auto; }
.dhp_photo_w{ position: relative; width: 210px; height: 153px; display: inline-block; border: 1px solid #DDDEE0; margin: 10px; padding: 10px; margin-bottom: 60px; }
img.dhp_photo_w .dhp_photo{ position: absolute; display: inline-block; }
.dhp_photo_w p{ margin-top: 10px; }
/*콘텐츠 레이아웃 끝*/


/* 이미지를 자동으로 화면에 맞게 리사이즈 되도록 */

#img2 {
max-width: ; /* 이미지의 최대사이즈 */
width: 100%; /***/: auto; /* IE8 */
height: 133px;
vertical-align: bottom;
}	
#img3 {
max-width: ; /* 이미지의 최대사이즈 */
width: 300px; /***/: auto; /* IE8 */
height: 210px;
vertical-align: bottom;
}	

#img4 {
max-width: ; /* 이미지의 최대사이즈 */
width: 100px; /***/: auto; /* IE8 */
height: 210px;
vertical-align: bottom;
}			
/* 이미지를 배경으로 지정하여 화면에 맞게 리사이즈 되도록 */
.bg {
height: 0;
padding-top: 66.666%; /* 500px÷750px×100=66.666…% */
background: url() no-repeat center;
background-size: contain;
}
/* 작은 화면용으로 이미지를 체인지（CSS） */
@media screen and (max-width: 640px) {
.img01 {
height: 0;
padding-top: 69.531%; /* 445px÷640px×100=69.531…% */
background: url() no-repeat center;
background-size: contain;
}
.img01 img {
display: none; /* PC용 이미지를 보이지 않게 처리 */
}
}
/* 이미지를 자동으로 화면에 맞게 리사이즈 되도록  끝*/
.bbs_result{ color: #000000; }
.bbs_result.search_all{ text-align: center; margin: 20px;}
.bbs_result.search_all img{ width: 225px; height: 231px; } 
.search_all2 img{ width: 225px; height: 231px; } 
.bbs_result.search_all2{ text-align: center;  border-bottom: 1px solid; padding-bottom: 30px; }
.search_form_wrap.search_all{ text-align: center;  margin: 20px; }
.search_form_wrap.search_all2{ text-align: center;  margin-bottom: 30px; }
.search_form_wrap.search_all2:after{ content: ""; display: block; border-bottom: 1px solid; padding-top: 30px;  }


#top{ position: absolute; right: 0; display: block; padding: 10px 40px; border: 1px solid #eee; background-color: #595757; color: #ffffff; }
#top:hover{ background-color: #d22f8c; color: #ffffff; }
.container h1{ border-bottom: 1px solid #555; }


/*div.con_wrap_out{ height: 50px; position: relative; display: inline-block; clear: both; border-bottom: 1px solid #DDDEE0; width: 100%; }
div.con_tit{ height: 50px; position: relative; padding-left: 19px; font-size: 16px; font-weight: bold; color: #555; padding-top: 14px; border-bottom: 1px solid #DDDEE0; float: left; }
div.con_sns{ float: right; padding-top: 8px;  padding-right: 17px; }

div.con_wrap_inner{ height: 50px; position: relative; border-bottom: 1px solid #DDDEE0; padding-left: 17px; padding-right: 17px; float: left; width: 100%; }
div.con_float_left{ float: left; }
div.con_writ{ letter-spacing: -0.05em; color: #777; display: inline-block; position: relative; line-height: 1.5; padding-top: 14px; font-size: 14px; float: left; }
div.con_date{ left: 170px; float: right; padding-top: 14px; padding-left: 7px;  font-size: 14px; }
div.con_read_c{ float: right;  padding-top: 14px; padding-top: 14px; font-size: 14px; }*/

/*.con_tit_c{ clear: both; text-align: center; margin-top: 80px; margin-bottom: 30px; }

.con_tit_c .tit{ color: rgb(0, 0, 0); font-size: 14pt; font-weight: bold; }
.con_tit_c .stit{ color: rgb(0, 0, 0); font-size: 12pt; }
.mcontent{ color: rgb(0, 0, 0) !important; font-size: 14px; font-weight: normal; }
.mcontent p{ line-height: 1.5 !important; }
.mcontent img{ max-width: 100%; }*/

div.con_wrap_out{ position: relative; display: inline-block; clear: both; border-bottom: 1px solid #DDDEE0; width: 100%; }
div.con_tit{ position: relative; padding-left: 19px; padding-top: 25px; padding-bottom: 10px; font-size: 40px; font-weight: bold; }
div.con_stit{ position: relative; padding-left: 19px; font-size: 20px; font-weight: bold; color: #555; float: left; padding-bottom: 25px; }

div.con_sns{ padding-right: 17px; position: absolute; right: 0;top: -45px; }

div.con_wrap_inner{ margin-bottom: 25px; padding-bottom: 10px; position: relative; border-bottom: 1px solid #DDDEE0; padding-left: 17px; padding-right: 17px; float: left; width: 100%; }
div.con_float_left{ float: left; }
div.con_writ{ letter-spacing: -0.05em; color: #777; display: inline-block; position: relative; line-height: 1.5; padding-top: 8px; font-size: 18px; float: left; }
div.con_date{ float: left; padding-top: 8px; font-size: 18px; }
div.con_read_c{ float: right; padding-top: 8px; font-size: 18px; }


div.con_wrap_out{ position: relative; display: inline-block; clear: both; border-bottom: 1px solid #DDDEE0; width: 100%; }
div.con_tit{ position: relative; padding-left: 19px; padding-top: 25px; padding-bottom: 25px; font-size: 40px; font-weight: bold; }
div.con_stit{ position: relative; padding-left: 19px; font-size: 20px; font-weight: bold; color: #555; float: left; padding-bottom: 25px; }

div.con_sns{ padding-right: 17px; position: absolute; right: 0;top: -45px; }

div.con_wrap_inner{ margin-bottom: 25px; padding-bottom: 10px; position: relative; border-bottom: 1px solid #DDDEE0; padding-left: 17px; padding-right: 17px; float: left; width: 100%; }
div.con_float_left{ float: left; }
div.con_writ{ letter-spacing: -0.05em; color: #777; display: inline-block; position: relative; line-height: 1.5; padding-top: 8px; font-size: 18px; float: left; }
div.con_date{ float: left; padding-top: 8px; font-size: 18px; }
div.con_read_c{ float: right; padding-top: 8px; font-size: 18px; }

.label { font-weight: bold;	font-size: 12pt; margin: 20px 0; }
.btn_size {	position: absolute;	top: 30px; right: 0; width: 80px; border: 1px solid #CCCCCC; padding-left: 10px; margin: 10px 0; }
.btn_size:hover{ cursor: pointer; }
.btn_size.pl{ background-color: #007fff; color: #ffffff; right: 82px; z-index: 10; }
.btn_size.mi{ background-color: #d22f8c; color: #ffffff; z-index: 10; }

.con_tit_c{ clear: both; text-align: center; margin-top: 80px; margin-bottom: 30px; }

.con_tit_c .tit{ color: rgb(0, 0, 0); font-size: 14pt; font-weight: bold; }
.con_tit_c .stit{ color: rgb(0, 0, 0); font-size: 12pt; }
.mcontent{ color: rgb(0, 0, 0) !important; font-size: 14px; font-weight: normal; }
.mcontent p{ line-height: 1.5 !important; }
.mcontent img{ max-width: 100%; }

._share_naverblog img{ width: 32px; height: 32px; }

.attach_file_out00{ margin-top: 100px; padding: 14px 14px 5px 14px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: auto; }

.writer_edit{ width: 100%; position: relative; display: inline-block; clear: both; }
.list{ float: right; margin-top: 7px; width: 110px; background-color: #595757; color: #ffffff; }
.list a{  display: block; padding: 10px 39px; border: 1px solid #eee; color: #ffffff; }
.list:hover{ background-color: #d22f8c; color: #ffffff; }

.list_logout{ float: right; margin-top: 7px; width: 110px; left: 810px; background-color: #595757; color: #ffffff; }
.list_logout a{  display: block; padding: 10px 39px; border: 1px solid #eee; color: #ffffff; }
.list_logout:hover{ background-color: #d22f8c; color: #ffffff; }

.list_edit{ position: absolute; float: left; margin-top: 7px; width: 110px; left: 640px; background-color: #595757; color: #ffffff; }
.list_edit a{ display: block; padding: 10px 39px; border: 1px solid #eee; color: #ffffff; }
.list_edit:hover{ background-color: #d22f8c; color: #ffffff; }

.list_del{ position: absolute; float: left; margin-top: 7px; width: 110px; left: 750px; background-color: #595757; color: #ffffff; }
.list_del a{ display: block; padding: 10px 39px; border: 1px solid #eee; color: #ffffff; }
.list_del:hover{ background-color: #d22f8c; color: #ffffff; }

.list_repl{ float: left; margin-top: 7px; width: 110px; left: 480px;  background-color: #595757; color: #ffffff;  }
.list_repl a{ display: block; padding: 10px 40px; border: 1px solid #eee; }

.board_edit{ width: 100%; position: relative; display: inline-block; clear: both; }

.board_edit .list_save input{ float: right; margin-top: 7px; width: 110px; color: #000000; }
.board_edit .list_save input{ display: block; padding: 9px 40px; border: 1px solid #eee;  background-color: #595757; color: #ffffff;  }
.board_edit .list_save input:hover{ background-color: #d22f8c; color: white; }

.list_cancel{ position: absolute; float: left; left: 842px; margin-top: 7px; width: 110px; background-color: #595757; color: #ffffff; }
.list_cancel a{ display: block; padding: 9px 39px; border: 1px solid #eee; color: #ffffff; }

.board_edit .list{ position: absolute; float: left; left: 952px; margin-top: 7px; width: 110px; background-color: #595757; color: #ffffff;  }
.board_edit .list a{ display: block; padding: 9px 39px; border: 1px solid #eee; }

.custom-control-label::before{ background-color: transparent !important; }

.menu_repl_w{ position: relative; width: 100%; display: inline-block;  }
.menu_w_out{ position: relative; display: inline-block; width: 100%; }
.repl_w_out{ position: relative; margin-top: 13px; }



.attach_file_out0{ margin-top: 100px; padding: 14px 14px 0 14px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: 55px; }
.attach_file_out0 img, .attach_file_out img, .attach_file_out2 img, .attach_file_out3 img{ width: 14px; }
.attach_file_out{ padding: 14px 14px 0 14px; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: 55px; }
.attach_file_out2{ margin-top: 0; padding: 14px 14px 0 14px; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: 55px; }
.attach_file_out3{ margin-top: 0; padding: 14px 14px 0 14px; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: 55px; }
.attach_file_w{ display: inline-block; clear: both; }
.attach_file_name{ float: left; padding-left: 30px; padding-right: 100px; }
.attach_file{ float: left; }
.attach_file a, .attach_file3 a{ color: #555555 !important; }
.attach_file a:hover, .attach_file3 a:hover{ color: #d22f8c !important; }

.attach_file_a{ margin-left: 185px; }
.attach_file a, .attach_file_a a{ padding: 0 5px; }


.attach_file3{ float: left; margin-left: -15px; }



.attach_file_name i.material-icons{ position: absolute; left: 0px; }



/*PC댓글 시작*/
.repl{ background-color: #f9f9f9; padding: 5px; }
.repl_write{ margin-top: 40px; }
.repl_in{ border-bottom: 1px solid #eee; width: 98%; }
.repl_ref{  position: relative;  width: 100%; overflow: hidden; margin: 15px 0; padding-bottom: 15px; }

.repl_id_w{ float: left; position: relative;  width: 70%; overflow: hidden; margin-left: 25px; height: 25px; }
.repl_id{ float: left; padding: 0 5px; color: #000000; font-weight: bold; }
.repl_time{ float: left;  padding: 0 5px; font-size: 13px; padding-top: 3px; }
.repl_repl_btn{ float: left; left: 13px;  padding: 0 5px;  font-size: 13px; padding-top: 3px }
.repl_id_w span img{ left: -74px; top: -27px; width:100px; }

.repl_edit_w{ float: right; margin-right: 25px; }
.repl_edit{ float: left; padding-right: 5px; }
.repl_edit_w input{ border: none!important; background-color: transparent!important;  }
.repl_del{ float: right; padding-left: 5px; }

/*.repl_input{ position: relative; width: 100%; overflow: hidden; }
textarea{ float: left; position: relative; width:88%; height:75px !important; border:1px solid #eee; overflow:visible; text-overflow:ellipsis; padding: 10px; border-color: #cccccc; }
input.btn_edu{ float: right; position: relative; border: 1px solid #eee; padding: 25px 35px; color: #ffffff; background-color: #595757; }
input.btn_edu:hover{ background-color: #d22f8c; color: #ffffff; }

.counter_edit{ top: 0px; padding-top: 25px; padding-left: 5px!important; }


.repl_con{ padding: 0 30px; color: #666666; margin-top: -25px; margin-bottom: 10px; word-break: break-all; line-height: 1.8; }
.repl_con img{ position: relative; margin-left: -20px; margin-top: -55px; margin-bottom: -20px;  width:100px; }

#repl_img{ position: absolute; left: -25px; top: -60px; width:100px; }
#fcn_new{ width: 10px; position: absolute; margin-top:6px; margin-left: 5px; }

.repl_edit_form, .repl_add_form{ display: none; border-bottom: 1px solid #eee; padding-bottom: 10px; }

.repl_font{ font-size: 13px; border: none!important; background-color: transparent!important; }


.repl_left{ margin-left: 40px; }
.repl_left i{ background-color: #d22f8c; color: #ffffff; padding: 3px 3px 5px 3px; border: 1px solid #d22f8c;  border-radius: 3px;}

.repl_repl_left{ margin-left: 55px; }
.repl_repl_id_w{ float: left; position: relative;  width: 70%; overflow: hidden; margin-left: 65px; height: 25px; }
*/
.repl_input{ position: relative; width: 100%; overflow: hidden; }
textarea{ float: left; position: relative; width:88%; height:75px !important; border:1px solid #eee; overflow:visible; text-overflow:ellipsis; padding: 10px; border-color: #cccccc; }
input.btn{ float: right; position: relative; border: 1px solid #eee; padding: 25px 35px; color: #ffffff; background-color: #595757; }
input.btn:hover{ background-color: #d22f8c; color: #ffffff; }

.counter_edit{ top: 0px; padding-top: 25px; padding-left: 5px!important; }


.repl_con{ padding: 0 30px; color: #666666; margin-top: -25px; margin-bottom: 10px; word-break: break-all; line-height: 1.8; }
.repl_con img{ position: absolute; left: 13px; top: -55px; width:100px; }

#repl_img{ position: absolute; left: -25px; top: -60px; width:100px; }
#fcn_new{ width: 10px; position: absolute; margin-top:6px; margin-left: 5px; }

.repl_edit_form, .repl_add_form{ display: none; border-bottom: 1px solid #eee; padding-bottom: 10px; }

.repl_font{ font-size: 13px; }

.repl_left{ left: 40px; }
.repl_left i{ background-color: #d22f8c; color: #ffffff; padding: 3px 3px 5px 3px; border: 1px solid #d22f8c;  border-radius: 3px;}

.repl_repl_left{ margin-left: 55px; }
.repl_repl_id_w{ float: left; position: relative;  width: 70%; overflow: hidden; margin-left: 65px; height: 25px; }


/*PC댓글 끝*/


/*좋요싫어요*/
.repl_ref .lb_w{ position: absolute; left: 800px; clear: both; }
.repl_ref .lb_w2{ position: absolute; right:0; clear: both; }
.like{ float: left; width: 45px; }
.bad{ float: left; width: 45px; margin-left: 20px; }

.like ii{ color: #007fff; }
.bad ii{ color: #d22f8c; }
/*좋요싫어요*/





/*Bulletin_board edit*/
.form{ color: #000000; }

.board_tit_w{ position: relative; display: inline-block; width: 100%; clear: both;  }
.board_field_tit{  width: 100px; float: left; padding-left: 10px; vertical-align: middle; padding-top: 10px; }
#board_id{  width: 100px; float: left; padding-left: 30px; margin-right: -10px; vertical-align: middle; padding-top: 10px; }
#board_sec{  width: 100px; float: left; padding-left: 30px; vertical-align: middle; padding-top: 10px; }
.board_input_tit{ float: left; }

.form input[type=text]#title {
width: 790px;
padding: 2px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
height: 30px;
color: #000000;
}


.form input[type=text], select {
width: 200px;
padding: 2px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
height: 30px;
color: #000000;
}

.form_del input[type=submit] {
width: 15%;
border: 1px solid #eee !important;
color: #000000;
padding: 12px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}

.board_edit a:hover, .form_del input[type=submit]:hover, .form_del input[type=button]:hover, .form_del + a:hover { background-color: #d22f8c; color: white; }

.editor_info{ background-color: #eee; padding: 3px; text-align: center; }

.board_chk{ position: relative; display: inline-block; width: 100%; clear: both;  padding-left: 10px; }
.board_chk_sec{ position: relative; float: left; display: inline-block; }
.board_chk_noti{ position: relative; float: left; display: inline-block; padding-left: 15px; }


#del_fi{ margin-top: 10px; }
.del_field{   width: 15%;
border: 1px solid #eee !important;
color: #000000;
padding: 12px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer; }

#del_file{ width: 69%; height: 50px; margin-top: 10px;}
.upload_form{ padding: 5px 0; }
.form_file{ padding: 5px; }
.save_priv input{ position: absolute; right: 0!important;  margin-top: 7px; width: 200px; color: #000000; background-color: #595757; color: #ffffff;  }
.save_priv input{ display: block; padding: 10px 40px; border: 1px solid #eee; }
.save_priv input:hover{ background-color: #d22f8c; color: white; }

.btn_list_w{ position: relative; width: 100%; }

.btn_list_edit a button, .btn_list_edit2 a button{ padding: 8px 12px;  font-size: 12px !important;}

.btn_list_edit button{ float: left; margin: 5px 1.5px; background-color: #595757; color: #ffffff; border: none; }
.btn_list_edit button:hover, .btn_list_edit a button:hover{ background-color: #d22f8c; color: #ffffff; font-weight: 500; }
/*Bulletin_board edit*/

/*디한평PEOPLE*/
.bbs_result em{ color: #000000; font-size: 20px; font-weight: bolder; }
.bbs_search_wrap.photo{ border-bottom: 2px solid #444444; }
.people_pho_out_w{ margin-top: 20px; position: relative; display: inline-block; width: 100%; clear: both; border-bottom: 1px solid #DDDEE0; padding-bottom: 27px;  }
.people_right{ float: right; height: 115px; background-color: #F9FAFB; padding-top: 10px; }

.people_pho{ float: left; width: 190px; height: 115px; padding: 0 3px; }

.people_pho_in_w{ float: right; width: 730px;  padding: 0 10px 0px 20px;}
.people_pho_write{ position: absolute; left:5px; top: 85px; font-size: 12px; }
.people_pho_count{ position: absolute; left: 95px; top: 85px; font-size: 12px; }
#notice_tit{ color: #000000; font-size: 16px; font-weight: bold; }
#pho_con{ font-size: 14px; }
/*디한평PEOPLE*/

/*form.asp*/
.form_w{ letter-spacing: 1px; margin: 0; overflow: hidden; color: #000000; width: 100%; height: 100vh;  position:relative; display: inline-block; clear: both; background: #3e3a3a; }
.form_content{ width: 1200px; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}
.form_detail{    }
.form_left{ color: #ffffff; border-top-left-radius: 10px; border-bottom-left-radius: 10px;  float: left; display: inline-block; width: 600px; height: 730px; padding: 70px; background-color: #007fff; }
.form_right{ color: #ffffff; border-top-right-radius: 10px; border-bottom-right-radius: 10px;  float: right; display: inline-block; width: 600px;  height: 730px; padding: 70px;  background-color: #dcdddd; }

.form-group{ position: relative; display: inline-block; clear: both; }
.form-row-1{float: left;}
.form-row-2{float: left;}
.form-row-3{float: left;}
.form_w input{ color: #ffffff; padding: 7px; width: 100%; border:1px solid transparent; border-bottom: 1px solid #ccc; }
.form_w .form_right  input{ color: #3e3a39; }
.form_w .form-row{ padding: 2px; margin-bottom:5px; }
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #ffffff;  font-size: 16px; }
.form_detail h2{ font-size: 22px; font-weight: 500; }
.form_right h2{ color: #d22f8c; }
.form_w .form_right input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #3e3a3a;  font-size: 16px;}


.form_right input[type=submit] { background-color: #007fff; width: 80px; color: #ffffff!important; font-size: 14px; font-weight: 300; padding: 12px 25px; position: absolute; top: 50px; left:270px; border: none; cursor: pointer; }
.form_right textarea{ z-index: 1; width: 100%; height: 150px !important; }
.btn_edu.send:hover{ background-color: #595757; }
.form_right .btn_edu.cancel, .form_right a:hover{ background-color: #d22f8c; color: white; }

.form_right .btn_edu.cancel{ width: 80px;  position: absolute; top: 50px; left:185px; text-align: center; font-size: 14px; font-weight: 300; }
.form_right .btn_edu.cancel a{color: #ffffff!important;  padding: 12px 26px; text-align: center;}
.form_right .btn_edu.cancel a:hover{ background-color: #595757; }
.private_chk{ border: 1px solid #3e3a3a; padding: 10px; font-size: 13px; margin-top: 63px; height: 154px; }
.private_chk input{ margin-top: 26px; margin-left: 179px; }
.private_chk label{ margin-top: -17px; margin-left: 407px; position: absolute; }
.private_chk i{ position: absolute; top: 13px; }
.private_chk span p{ line-height: 1.8; }

.news_chk{ color: #3e3a3a;  border: 1px solid #3e3a3a; padding: 10px; font-size: 13px; margin-top: 46px; height: 90px; }
.news_chk input{ margin-top: 23px; margin-left: 179px; }
.news_chk label{ margin-top: -17px; margin-left: 407px; position: absolute; color: #3e3a3a; }
.news_chk .news_con{ color: #3e3a3a; padding-top: 115px; line-height: 1.8;}
.news_chk + strong{ color: #3e3a3a!important; }
.news_chk i strong{ position: absolute; top: 99px; color: #3e3a3a; }

.btn_edu-group{ left: 108px; }
/*form.asp*/

/*subscribe*/

#modal-open{ position: absolute;
    z-index: 10001;
    right: 310px;
    top: 20px;
    font-size: 14px;
    color: #ffffff;
    padding: 0 10px;
    background-color: #595757; }
#modal-open-w{ position: absolute; }
#modal-open-w form{ background-color: #3e3a3a; height: 30px; padding-bottom: 60px; padding-left: 120px; }
#modal-open-w input.email{ background-color: #ffffff !important;
    position: absolute;
    left: -107px;
    top: -7px;
    height: 40px;
    width: 436px; }



#modal-open:hover{ background-color: #007fff; cursor: pointer;}
#modal-open-w input#email-sub { position: absolute; right: -399px !important; top: 0px!important; color: #ffffff; }/* The Modal (background) */
#modal-open-w input#email-sub:hover{ cursor: pointer;}

.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 10002; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 30%; /* Could be more or less, depending on screen size */                          
}

/*sitemap*/
/*하단 푸터 고정*/
#container-sitemap{ min-height:160vh; }
.sitemap{ width: 1200px; position: relative; margin: 0 auto; clear: both; border-top: 1px solid #eaeaea; }
.sitemap h1{ font-size: 46px; font-weight: 600; margin: 42px; text-align: center;  }
.sitemap > h2{ position:absolute; left:50%; transform:translateX(-50%); top: 127px; }
.sitemap-w{ margin-top: 70px; border-top: 1px solid #eaeaea; }
.sitemap-inner{ line-height: 2.5; margin-top:20px;}
.sitemap-inner ul h2 a{ font-size: 22px!important; }
.sitemap-inner ul li a{ font-size: 14px!important; font-weight:400; }

.sitemap-inner ul li:nth-of-type(1) a{ margin-top: 14px; }
.sitemap-inner ul li:last-child a{ margin-bottom: 30px; }

.sitemap .sitemap-left{ float: left; }
.sitemap .sitemap-right{ float: left; left:301px;}
.sitemap h2 a{  font-weight: 800; padding: 10px 0; border-bottom: 1px solid #007fff; padding-bottom: 0px; margin-bottom: 10px; line-height: 2; font-size: 25px; }
.sitemap .sitemap-right2{ float: left; left:520px;}
/*sitemap*/




/*강좌 시작*/
.college_ul{ position: relative; width: 100%; }
.college_ul li{  border: 1px solid #dcdddd; }
.college_left .left{  }
.college_left table{ }
.college_left .left th{  }
.college_left .left img.thumb{ width:230px; padding: 20px; }
.college_left .left img.thumb_view{ width:230px; padding: 20px; }
.college_left .left .lecture_title{ position: absolute; left: 230px; width: 100%; padding: 20px; }
.college_left .left .lecture_title .content{ position: absolute;  }
.content td{ padding: 12px 100px 12px 0; font-weight: 400; }
.college_bottom { position: relative; padding: 20px 0 80px 20px; background-color: #f9f9f9; }
.bottom_left{ float: left; }
.college_bottom .bottom_left .lecture_type{ padding-bottom: 10px; }
.lecture_type span{ padding-right: 20px; }
.lecture_type .free{ padding-right: 10px;}
.lecture_type .recomm{ padding-right: 10px;}

span.tuition{ padding-right: 20px; letter-spacing: 0.2px; }
.lecture_title .title a{ font-weight: 500; font-size: 20px; }

.bottom_right{ position: relative; float: right; padding: 10px 30px 10px 0; }
.bottom_right .cart a{ color: #fff; background-color: #595757; border-color: #d22f8c; right:103px; top: 3px; padding: 10px; bottom: 5px; font-size: 15px; font-weight: 400; width: 100px; text-align: center; }
.bottom_right .cart a:hover{ background-color: #d22f8c; }
.bottom_right .enroll a{ float: right; color: #fff; background-color: #595757; border-color: #d22f8c;  top: -39px; padding: 10px; bottom: 5px; font-size: 15px; font-weight: 400; width: 100px; text-align: center; }
.bottom_right .enroll a:hover{ background-color: #d22f8c; }

.lecture_list a{ font-weight: 400!important; }

.brief{ width: 1150px;  padding: 20px 20px 40px 20px; word-break: break-all; line-height: 1.8; font-weight: 400; }
.sub_right .lecture_view_tab .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 385px; text-align: center; }

.lecture_view_w{ position: relative; }
.lecture_view_w tr, .lecture_view_w td{ border-top: 1px solid #d6d6d6; font-weight: 500; }
.lecture_view_w tr:last-child{ border-bottom: 1px solid #d6d6d6; }
.lecture_view_w .lecture_count{ background-color: #f9f9f9; border-right: 1px solid  #d6d6d6; width: 130px; padding: 20px; text-align: center; border-top: 1px solid #d6d6d6;  }
.lecture_view_w .lecture_name{ padding-left: 20px; }
.lecture_view_w .lecture_duration{ width: 130px; padding:20px; text-align: center; }

.title_icon{ position: absolute; position: absolute;  top: 26px;  right: 260px; }
#college_icon{ padding-right: 1px; max-width: 60px; height: 20px; }
.view_list{ padding: 1em 5px 1em 2px!important; }

#con_review{ position: relative; }
#con_review input.btn_edu:hover{ cursor: pointer; }
#counter_review{ position: absolute; top: 105px; left: 0px; }
#rev_length{ width: 91%; }

table.rev_write{ margin-bottom: 100px!important; }
table.rev_write thead{ background-color: #ddd; height: 30px!important; }
table.rev_write thead th{ height: 30px; }
table.rev_write tr{ border-bottom: 1px solid #d6d6d6; }

.sub_right_review{}
.sub_right_review .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 385px; text-align: center; }
.sub_right_review .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover{ font-weight: 500 !important; }

.rev_write td{ text-align: center; padding: 10px 0; }
.rev_write td:nth-of-type(2){ width: 120px; }
.rev_write td:nth-of-type(3){ width: 130px; }
.rev_write td:nth-of-type(4){ width: 130px; }
.rev_write td:nth-of-type(5){ width: 130px; }

.rev_write img{ width: 100px; }

.sub_right_review{ display: table-cell; padding-left: 28px; }
.sub_right_review h1{ font-size: 28px; padding: 20px 20px 13px 0; color: #000000;  }
.sub_right_review .ui-tabs .ui-tabs-nav{ width: 100% !important; height: 100% !important; }
.sub_right_review .ui-widget.ui-widget-content { width: 100% !important;  height: 100% !important; margin-bottom: 270px; top: -7px;}
.con_review .star{   margin-right: 7px;  margin-left: 20px;  margin-bottom: 10px; }
.con_review img{ width: 100px!important; }
/*강좌 끝*/

table.cart_w{ margin-bottom: 100px!important; }
table.cart_w thead{ background-color: #ddd; height: 30px!important; }
table.cart_w thead th{ height: 50px; }
table.cart_w tr{ border-bottom: 1px solid #d6d6d6; height: 50px; }

table.cart_w{ vertical-align: middle; text-align:center; }
.cTuition_chk{ margin-right: 15px; }
.cart_del{ margin: 5px -0.5px;
    background-color: #595757;
    color: #ffffff;
    padding: 8px 12px;
    font-size: 12px !important;
}
.cart_del:hover{
background-color: #d22f8c;
    color: #ffffff;
    font-weight: 500;
}
.cart_del.all{  left:600px; top: -90px; }

.total_sum_w{ position: relative; left: -140px; }

p.total_sum_inner{ position: absolute; right: -140px; }
input#total_sum{ margin-top: -5px; font-size: 20px; font-weight: 600; width: 93px; color: red; }
.total_sum_inner{ font-size: 20px; font-weight: 600; border-bottom: 1px solid #000000; top: -90px; }
.bottom_right .watch a{ color: #fff; background-color: #595757; border-color: #d22f8c;  padding: 10px; bottom: 5px; font-size: 15px; font-weight: 400; width: 100px; text-align: center; }
.bottom_right .watch a:hover{ background-color: #d22f8c; }

.lecture_duration .watch_view a{ color: #ffffff; background-color: #595757; border-color: #d22f8c;  padding: 10px; font-size: 15px; font-weight: 400; width: 100px; text-align: center; }
.lecture_duration .watch_view a:hover{ background-color: #d22f8c; }


/*결제 페이지*/
.pay{ position: relative; top: -22px;}
.pay .bt_card{ width: 100%; background-color: #595757; float: left; top: 50px; left:185px; text-align: center; font-size: 14px; font-weight: 300; }
.pay .bt_card{color: #ffffff;  padding: 12px 26px; text-align: center;}
.pay .bt_card:hover{ background-color: #d22f8c; cursor: pointer; }

.pay .bt_bank{ width: 100%; background-color: #595757; float: left; top: 50px; left:185px; text-align: center; font-size: 14px; font-weight: 300; }
.pay .bt_bank{color: #ffffff;  padding: 12px 26px; text-align: center;}
.pay .bt_bank:hover{ background-color: #d22f8c; cursor: pointer; }

.pay .bt_vbank{ width: 100%; background-color: #595757; float: left; top: 50px; left:185px; text-align: center; font-size: 14px; font-weight: 300; }
.pay .bt_vbank{color: #ffffff;  padding: 12px 26px; text-align: center;}
.pay .bt_vbank:hover{ background-color: #d22f8c; cursor: pointer; }

.pay .bt_cash{ width: 100%; background-color: #595757; float: left; top: 50px; left:185px; text-align: center; font-size: 14px; font-weight: 300; }
.pay .bt_cash{color: #ffffff;  padding: 12px 26px; text-align: center;}
.pay .bt_cash:hover{ background-color: #d22f8c; cursor: pointer; }



#btn_cash{ margin-top: -22px; width: 100%; background-color: #595757; float: left; top: 50px; left:185px; text-align: center; font-size: 14px; font-weight: 300; }
#btn_cash{color: #ffffff;  padding: 12px 26px; text-align: center;}
#btn_cash:hover{ background-color: #d22f8c; cursor: pointer; }



.cash_out{ position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); }
.cash_w{ position: absolute;
    top: 50%;
    left: 50%;
    width: 730px;
    height: 525px;
    margin-left: -360px;
    margin-top: -315px;
    background: #fff;
    border: 1px solid #cccccc;
    box-shadow: 0 0 20px #333;
    -webkit-box-shadow: 0 0 20px #333;
    -moz-box-shadow: 0 0 20px #333;
    z-index: 10; 
padding:5px;}
.cash_tit{ font-weight: 800; }
.cash_w .cash_top{ font-size: 22px; text-align: center; background-color: #5b5f69; color: #ffffff; width: 100%; height: 35px; }
.chk_inner{ position: relative; clear: both; }
.cash_left{ float: left; width: 500px; height: 400px;  margin:10px; border: 2px solid #000000;}


.Confirm_Layer{ position: relative; height: 300px; }
.confirm_layer iframe{ height: 30px; }
.Confirm_Layer h2{ padding: 1px 20px; }
.CashChkInAll{ height: 40px; padding-top: 9px!important; border-bottom: 1px solid #a3a3a3; background-color: #E8F5E9 ; position: relative; }
#selAll{ padding-top: 9px; right: 45px;}

.selected{ top: 0px; z-index: 1; position: absolute; right: 70px;}
.detail{  top: 0px; z-index: 1; position: absolute; right: 10px; }
#confrim_ok{ text-align: center; color: red; margin-bottom: 20px; }

.cash_right{ float: right; width: 200px;
    height: 100%;
    

    }
.cash_right .inner{ padding:10px; position: relative; text-align: right; color: #ffffff;  position: relative;
    width: 100%;
    height: 477px;
    padding: 2px 15px;
    background: #4CAF50;
    box-sizing: border-box;
    margin-top: -420px;
   }

 .CashChkIn1{ margin-top: 20px; }
.cash_right .lec{ position: relative; border-bottom: 1px solid #66BB6A; padding: 10px 0; }
.cash_right .pay{ position: relative; margin-top: 30px; border-bottom: 1px solid #66BB6A;  padding: 10px 0; }
.lec_tit{ font-weight: 400; font-size: 18px; }
.pay_sum{ font-weight: 700; font-size: 25px; color: yellow; }
.detail{ background-color: #858585; margin-top: 2px;  }
.detail a{ color: #ffffff; font-size: 13px; padding: 1px 10px;}

.confirm_Layer2{ visibility: hidden !important; }
.confirm_Layer2_vis{ visibility: visible !important; }

.radio_w{ position: relative; }
.radio_w h2{ color: #000000; height: 40px; padding-top: 9px!important;
    border-bottom: 1px solid #a3a3a3;
   background-color: #E8F5E9 ; }

.radio_inner .content{ padding-top: 20px; }

.radio_inner .content{ padding: 20px;}
.radio_inner .content .bankpad{ margin-bottom: 5px;}
.radio_inner .content .bankpad input{ margin-right: 5px!important; }
.radio_inner .email i{ padding: 20px; }
.radio_inner .email .email_inner{ margin-top: 20px; }
.radio_inner .email input{ border: 1px solid #000000; padding: 5px;}


.bank_deposit_w{}

.bank_cancel{ position: absolute;  top: 430px; left:0px; float: left;  width: 245px; height: 35px; background-color: #595757; color: #ffffff; margin-right: 5px; }
.bank_cancel:hover{ background-color: #d22f8c; color: #ffffff; }

.bank_deposit{ position: absolute;  top: 430px; right: 0px;  float: right;  width: 245px; height: 35px; background-color: #595757; color: #ffffff; }
.bank_deposit a{  display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }
.bank_deposit:hover{ background-color: #d22f8c; color: #ffffff; }

.settleResult1{ color: blue; font-weight: bolder; }
.settleResult2{ color: red; font-weight: bolder; }

#float_banner { float: right; padding: 10px; width: 290px; z-index: 1; cursor: pointer;}
.banner_foot{ padding-top: 20px; }
.banner_foot img{ width: 100%; }

.rList{ vertical-align: middle; padding-bottom: 15px; margin-top: -5px;}
.rList img{ margin-bottom: -2px; width: 15px; }

.sns_main { width: 1200px; margin: 0 auto; position: relative; margin-bottom: -60px; }
.sns_main ul{ text-align: center; }
.sns_main li{ display: inline-block; padding-right: 40px; }
.sns_main li img{ width: 70px; }

/*검색페이지*/
.search_out_m{ max-width: 1200px; margin: 0 auto; }
.search_out_m .input_info{ color: #000000!important; }
.search_out_m .search_page .search_form_wrap{ text-align: right; }
.search_out_m .search_page .green_window{ width: 79%; margin-bottom: 80px; }
/*.search_out_m .search_page .sch_smit{ margin: 0px 0; }*/
.search_out_m .ui-content{ padding: 10px; height: 100%; }
.search_out_m img{ width: 100%; border: 1px solid #eeeeee; }
.search_out_m td{ text-align: center; }
.search_out_m .search_tit{ margin-top: -5px; margin-bottom: -30px; }
.split_area_search_tit{ background-color: #f5f5f5; padding: 10px; }

@media (max-width: 480px){
.split_area_search{ background-color: #f5f5f5; padding: 10px; margin-bottom: 40px; border-radius: 20px; }
}

@media (min-width: 481px){
.split_area_search{ background-color: #f5f5f5; padding: 10px; margin-bottom: 10px; border-radius: 20px; }
}

.search_out_m .search_tit a{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.2em;
height: 2.4em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ 
color: #595757;
font-size: 20px;
font-weight: 400;
}
.search_out_m a{ color: #000000!important; }
.search_out_m h2{ z-index: 1; width: 300px; left: 3px; }
.search_out_m .sec_num_w{ color: #676767;font-size: 16px; margin-bottom: 20px; }
.search_out_m .search_form_wrap{ text-align: right; }
/*.search_out_m .search_form_wrap .sch_smit{ margin-top: 10px; margin-bottom: 50px; }*/
.search_out_m .input_text{ width: 96%; }
.bbs_search_right.container{ text-align: right; }


.search_pc{ width: 100%; margin: 0 auto; max-width: 1000px; height: 120vh; margin-top: 100px; }
.search_pc h2{ z-index: 1; width: 300px; }
.search_pc .search_out{ margin-top: 30px; }
.search_pc .search_out tr{ height: 100px; border-bottom: 1px solid #eee; }
.search_pc .search_out tr td img{ width: 80px; height: 80px; border: 1px solid #eee; }
.search_pc .search_tit a{ font-size: 18px; font-weight: 600; }
.search_pc .ui-content{ height: 100vh; }
.search_pc .sec_num_w{ width: 600px; }
.search_pc .input_text{ width: 97%; }
.search_pc .green_window{ margin-bottom: 10px; }
.search_pc .search_form_wrap{ border-bottom: 1px solid #eee; }
/*.search_pc .tit_tr td{ width: 500px; }*/

/* ./검색페이지