@charset "utf-8";
/*===================== 공통디자인 =====================*/
/* 여백 reset */
body{ position: relative;}
.wrapper  { position: relative; height: 100%; width: 100%; margin: 0 auto; }
body,div,ul,li,dl,dd,dt,ol,h1,h2,h3,h4,h5,h6,input,
fieldset,legend,p,select,table,th,td,tr,textarea,button,form,figure,figcaption{ margin:0; padding:0;}
/* input style */
input::-ms-clear,
input::-ms-reveal {display: none; width : 0; height: 0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }
/* a 링크 reset */
a	{ color: #222; text-decoration: none;}
/* 폰트 reset */
body, input, textarea, select, table	{ font-family: 'NotoSansKR', 'notosansCJK', 'Microsoft Yahei', sans-serif; font-weight: 400; color: #555; font-size: 16px; line-height: 1;}
/* 리스트 reset */
dl,ul,li,ol,menu	{ list-style: none;}
/* h태그 reset */
h1,h2,h3,h4,h5,h6	{ line-height: 1; font-weight: normal;}
/* 테두리 초기화 */
img, fieldset	{ border: 0 none; }
/* 버튼 초기화 */
button	{ border: 0; }
/* 반응형 */
video, img {width: 100%;}

/* float해제 */
.clear {clear:both;}
.clear:after,
.clear:before { content:""; display:block; clear:both;}

/* 파슬리 에러 */
.error,
.parsley-errors-list * { color: red; position: absolute; top: -15px; left: 30px; font-size: 13px;}
.careers_accept .error,
.careers_accept .parsley-errors-list * {  position: absolute; top: -15px; left: 30px; font-size: 13px; }

/*.cont_txt table,*/
.cont_txt table th,
.cont_txt table td,
.cont_txt table tr { padding: 10px 0; line-height: 1.8; }
.cont_txt table th  { font-weight: 500;}

/* 여백 */
.container	{ position: relative; width: 1200px; height: 100%; margin: 0 auto; }
.row	{ height: 100%; box-sizing: border-box; }
.subpage_pd	{ padding: 70px 0 80px; }
.aside_pd	{ padding-top: 18px;}

/* 레이아웃content영역 */
.contwrap	{ margin:0 -20px;}
.cont{ width: 100%; padding: 0 15px; box-sizing: border-box; }
.cont.one	{ position: relative; float: left; width: 920px; padding: 0 20px; box-sizing: border-box; }
.cont.two	{ float: left; padding: 0 20px; width: 50%; box-sizing: border-box;}
.cont.three	{ float: left; padding: 0 20px; width: 33.333%; box-sizing: border-box;}

/* 텍스트스타일 */
.page.tit{ padding-bottom: 18px; margin-bottom: 20px; font-size: 32px; color: #333; font-weight: 300; line-height: 1; border-bottom: 1px solid #003264; }
.page.subtit{ padding: 60px 0; font-size: 24px; color: #333; line-height: 1.5; font-weight: 300;}
.page.subtit em{ color: #003264;}
.aside_tit  {padding-bottom:17px; font-size: 16px; color: #333; border-bottom:1px solid #eee; font-weight: 500; }
.cont_smtit	{ color: #003264; font-size: 16px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; font-weight: 500; }
.cont_txt	{ font-size: 16px; color: #555; line-height: 1.8; font-weight: 400; text-align: justify; }
.cont_txt a { color: #003264; }

/* 레이아웃aside_area영역 */
.aside_area	{ float: right; padding: 0 20px; width: 320px; box-sizing: border-box;  }
.aside_area .aside_content.sub .aside_tit	{ padding-top: 30px; margin-bottom: 20px; border-bottom: 1px solid #003426;}
.aside_area .aside_content .profile_img_box { position: relative; width: 280px; height: 280px; margin: 10px 0 20px; background:url('../images/noimg.jpg') no-repeat center center / 100% 100%; }
.aside_area .aside_content .profile_img	{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; }

/* aside_area 기본영역*/
.aside_area .aside_content .aside_tit h4 { font-size: 16px; color: #333; font-weight: 500; padding: 0 15px; }
.aside_area .aside_content .aside_txt { padding: 18px 0 56px; }
.aside_area .aside_content .aside_list { padding: 6px 0; }
.aside_area .aside_content .aside_txt p{ padding: 0 15px; }

/*aside-column영역*/
.column	{ position: relative; }
.column .tit	{ font-size: 16px; color: #333; padding: 23px 17px 17px; border-bottom: 1px solid #eee; font-weight: 500; }
.column ul	{ padding-top: 20px; margin-bottom:28px;}
.column ul li	{ position: relative;  padding-left: 17px; padding-right: 17px; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.column ul li:before	{ position: absolute; content:""; display: block; top: 50%; left: 0; width: 8px; height: 1px; background: #000; }
.column ul li a	{ position: relative; font-size: 14px; color: #555; }
.column .morebtn	{ position: absolute; top: 25px; right: 17px; }
.column .morebtn a	{ position: relative; display: block; width: 100%; color: #333; font-size: 12px; z-index:3; text-transform: uppercase; font-weight:600; }
.column .morebtn a:before{ position: absolute; content:""; display:block;bottom: 0; left: 0; width: 100%; height: 3px; background: #478df6; z-index:-1; }

/* 게시판 상세 공통 디자인 */
.article_textarea,
.article_textarea + p,
.article_textarea *{ line-height: 1.5; font-size: 16px; }
.article_textarea img { width: auto; }

/* 체크 label,input 디자인 */
.chkbox { margin-top:15px; }
.chkbox label	{ display: inline-block; margin-right: 40px; width: auto; height: 30px; font-size: 16px; color: #aaa; vertical-align: middle; cursor:pointer; transition: color 0.3s; }
.chkbox label.chk_txt	{ color: #333;}
.chkbox label:after	{ display: none; }
.chkbox label input	{ position:absolute; display: inline-block; opacity: 0; }
.chkbox label span	{ display: inline-block; margin-right: 15px; width: 30px; height: 30px; background: url(../images/chk_icon.png) no-repeat 0 0; vertical-align: middle; }
.chkbox label input:checked+span	{ background-position: -30px; }
.chkbox a	{ display: inline-block; position: relative; color:#333; }

/* 스타일 */
body{ background: #fafafa; height: 100vh; }
em{font-style: normal;}
.article_textarea em {font-style: italic !important;}
p	{ font-size: 16px; color: #555; line-height: 26px; font-weight: 400; text-align: justify; }
p.txt{ padding-top: 40px; }
.txt_tit	{ font-size: 18px; font-weight: 500; color: #333; }
.blue	{ color: #003264;}
.logo{ position: relative; float: left; padding: 30px 0 32px; width: 236px; height: 100%; box-sizing: border-box; z-index:3; }
.logo a	{ display: block; width: 100%; height: 100%; background: url(../images/logo.png) no-repeat left center; background-size: auto 100%; }
.ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ellipsis2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipsis3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ellipsis4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.line	{ border-bottom: 1px solid #eee;}
.icon { display: inline-block; margin-right: 15px;  width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; vertical-align: middle; background-size: 18px; }
.call 	{ padding: 0 0 10px 0; font-size: 14px; color:#555; font-weight: 400;}
.call .i_call	{ background: #fff url(../images/i_call.png)no-repeat center center; background-size: 18px;  }
.bus 	{ padding: 0 0 10px 0; font-size: 14px; color:#555; font-weight: 400;}
.bus .i_bus	{ background: #fff url(../images/i_bus.png)no-repeat center center; background-size: 18px;  }
.mail	{ font-size: 14px; color : #555; font-weight: 400; }
.mail .i_mail	{ background: #fff url("../images/i_mail.png") no-repeat center center; vertical-align: middle; background-size: 18px; }
.blue_uline	{ padding-bottom: 20px; border-bottom: 1px solid #003264;}
.blueline   { position: relative; display: inline-block; }
.blueline:after	{ display:block; position: absolute; content:""; left:0; right:0; height: 5px; bottom: 0px; background: #4eaaf2; z-index: -1; }
.profilebtn	{ margin: 10px 0; width: 100%; border:1px solid #eee; border-right: none;  }
.profilebtn .profilebtn_btn	{ float: left; width: 50%; }
.profilebtn .profilebtn_btn .aside-btn	{ display: inline-block; width: 100%; height: 46px; padding: 15px 0; box-sizing: border-box; font-size: 13px; color: #333; cursor: pointer; background-image: linear-gradient(to top, #f2f2f2 , #fafafa); border-right:1px solid #eee; font-weight: 500; text-align: center;}
.s_circle  { position: relative; }
.s_circle:before{ content:""; position: absolute; display: block; top: 0px; left: 0; width: 6px; height: 6px; border-radius: 50%; background:#003264; }
.updown_icon { display: none; position: absolute; top: 0; left: 0; width: 20px; height: 12px; background:url("../images/m_navbtn.png") no-repeat -20px 0 / 200% 100%; cursor: pointer; }
.list_style { display: block; position: relative; padding-left: 20px; }
.list_style:before{ position: absolute; content: ""; display: block; top: 50%; left: 0; width: 8px; height: 1px; background: #555; }

/*!* 스크롤바 디자인 *!*/
*::-webkit-scrollbar { width:6px; height: 6px; background:transparent; border-radius:5px; }
*::-webkit-scrollbar-corner  { background:none; }
*::-webkit-scrollbar-thumb	{ background:#aaa; transition-duration:.3s; width:6px; border-radius: 10px; }
*::-webkit-scrollbar-thumb:hover { background:#333; transition-duration:.3s; }
*::-webkit-scrollbar-track { background:rgba(0,0,0,0.1); transition-duration:.3s; }

body::-webkit-scrollbar { width:12px; background:transparent; border-radius:5px; }
body::-webkit-scrollbar-corner  { background:none; }
body::-webkit-scrollbar-thumb	{ background:#aaa; transition-duration:.3s; width:6px; border-radius: 10px; }
body::-webkit-scrollbar-thumb:hover { background:#333; transition-duration:.3s; }
body::-webkit-scrollbar-track { background:rgba(0,0,0,0.1); transition-duration:.3s; }

/* 딤,라이트박스 - 모바일 네비게이션, 검색 버튼 라이트박스 */
.dim	{ opacity:0; position: fixed; top:0; left:0; right:0; bottom:0; width: 100%; height: 100%;  background: rgba(0,0,0,0.7); z-index:-1; transition: all .5s; }
.dim.active	{ opacity:1;}
.lightbox   { display: none; position: fixed; overflow: hidden; width:100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.7); z-index: 3; transition: 0.3s;}
.lightbox.active{ display: block; }

/* mail_area */
.mail_area	{padding-top: 17px; }
.mail_area.u_line	{ border-bottom: 1px solid #e1e1e1; }
.mail_area .mailbox	{ float: left;}
.mail_area .mailbox p,
.mail_area .mailmembers_infobox p	{ padding-left: 10px; font-size: 14px; line-height: 25px; font-weight: 400;}
.mail_area .mailmembers_infobox p	{ padding: 0; }
.mail_area .mailbox .name,
.mail_area .mailmembers_infobox .name	{ color:#11406e; font-size: 16px; font-weight: 500;}
.mail_area .telbox	{ float: right;}
.mail_area .telbox p	{ padding: 5px 0 ;line-height: 1; text-align: right; font-weight: 400; font-size: 14px; }
.mail_area .telbox p em	{ float: left; margin-right: 15px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #11406e;}
.mail_area .mailmembers_infobox	{ float: left; }
.mail_area .mailmembers_infobox li	{ float: left; }
.mail_area .mailmembers_infobox span{ display: block;  margin-right: 15px; width: 50px; height: 50px; background: #fff; font-size: 14px; color: #11406e; text-align: center; line-height: 50px; border-radius: 50%; font-weight: bold; }

/*.content_area 영역*/
.content_area .page.tit + p { padding-top: 40px; }
.content_area .cont_tit	{ padding: 0 0 20px; line-height: 1;  font-size: 18px; color: #333; border-bottom: 1px solid #003264; font-weight: 500; }
.content_area .cont_tit + p	{ padding: 32px 0 40px; }
.content_area .cont.two + h4,
.content_area .text-title,
.content_area .cont.two .text-title { font-size: 24px; color: #333; padding: 15px 0 30px; }


/* 공통 헤더 디자인 */
.header	{  position: absolute; top: 0; left: 0; width: 100%; height: 110px; z-index:10; transition-duration: .3s; }
.header a, .header li, .header i { color: #fff; }
.header .header_wrap	{ position: relative; height: 100%; background:transparent; border-bottom: 1px solid rgba(255,255,255, 0.2);  box-sizing: border-box; }
.header .header_wrap .logo{ position: absolute; top: 0; left: 0; padding: 30px 0 32px; width: 236px; height: 100%; box-sizing: border-box; }
.header .header_wrap .logo a	{ display: block; width: 100%; height: 100%; background: url(../images/logo.png) no-repeat left center / auto 100%; }
.header .header_wrap .header_menu	{ display: flex; height: 110px; flex-direction: column; align-items: flex-end; }
.header .header_wrap .header_menu .menu_top	{ display: flex; height: 44px; align-items: center; }
.header .header_wrap .header_menu .menu_top > li{ display: inline-block; margin-left: 18px; text-align: right; font-size: 12px; letter-spacing:-1px; }
.header .header_wrap .header_menu .menu_top > li > a	{ display: block; width: 100%; height: 100%; font-weight: 500; padding: 10px 0; }
.header .header_wrap .header_menu .menu_top > li > a i	{ margin-left: 15px; }
.header .header_wrap .header_menu .menu_bottom	{ display: flex; flex:1; align-items: center; padding-right: 74px; }
.header .header_wrap .header_menu .menu_bottom .menu_list	{ position: relative; display: inline-block; text-align: left; }
.header .header_wrap .header_menu .menu_bottom .menu_list:nth-child(4) .menu_sub { min-width: 140px; }
.header .header_wrap .header_menu .menu_bottom .menu_list:nth-child(6) .menu_sub { min-width: 155px; }
.header .header_wrap .header_menu .menu_bottom .menu_list > a { display: block; height: 100%;  font-weight: 500; padding: 25px 30px 25px 18px; }
.header .header_wrap .header_menu .menu_bottom .menu_list .menu_sub { display: none; position: absolute; top: 100%; left: 0; width: 100%; transition: 0.3s; opacity: 0;}
.header .header_wrap .header_menu .menu_bottom .menu_list .menu_sub.active { display: block; transition: 0.3s; opacity: 1;}
.header .header_wrap .header_menu .menu_bottom .menu_list .menu_sub li { margin-top: -1px; word-break: break-all; }
.header .header_wrap .header_menu .menu_bottom .menu_list .menu_sub li a { display: block; width: 100%; padding: 18px; background: #fff; border: 1px solid #eee; font-size: 13px; color: #666; transition: 0.6s; font-weight: 400; line-height: 1.5; box-sizing: border-box; }
.header .header_wrap .header_menu .menu_bottom .menu_list .menu_sub li a:hover { background: #fafafa; color:#1a4978; font-weight: 500;}

.header.scroll { background: #fff; height:90px; transition-duration: .3s; }
.header.scroll .header_wrap .logo a { background-image:url(../images/logo_sub.png); }
.header.scroll a { color:#333; }
.header.scroll .header_wrap .header_menu .menu_bottom .menu_list > a { padding:0 30px; }

.language_area  { position: relative; padding: 10px 0 10px 12px; color: #fff; font-weight: 500; cursor: pointer; text-transform: uppercase; }
.language_area i  { margin: 0 10px 5px; }
.language_box  { display: none; position: absolute; width: 100%; top: 103%; right: 0; box-sizing: border-box; z-index:100; }
.language_box .lang_list  { padding-left: 10px; width: 100%; background: rgba(0,0,0,0.8); border-top: 1px solid #888; box-sizing: border-box; transition: all 0.3s; }
.language_box .lang_list a  { display: block; width: 100%; height: 100%; padding: 15px 14px 15px 0; box-sizing: border-box; font-size: 12px; color: rgba(255,255,255,0.7); text-transform: uppercase; text-align: center; }
.language_box .lang_list:hover { background: rgba(31,52,74,1); }
.language_box .lang_list:hover a { color:rgba( 255,255,255,1); }

/* 서브 헤더 디자인 */
.main-body .header.sub { position:absolute; }
.header.sub	{ position: relative; background:#fff; border-bottom: 1px #1a4978 solid; }
.header.sub .header_wrap	{ border-bottom: none;}
.header.sub .header_wrap .logo a{ position: relative; background: url(../images/logo_sub.png) no-repeat left center; background-size: auto 100%; z-index:100;}
.header.sub a, .header.sub li, .header.sub i { color: #555; }
.header.sub .language_area i  { margin-left: 15px;}

/* 검색 영역 공통 - 아이콘*/
.search .i_search{ display: block; position: absolute; right: 13px; top: 50%; margin-right: 0; transform: translateY(-50%); color: #283f56; width: 34px; height: 34px; border-radius: 50%; background: #fff url(../images/sch_icon_sub.png) no-repeat center center / 100% ; text-indent: -9999px; cursor:pointer; outline: none; }
.header.sub .search .i_search	{ color: #fff; background: #1a4978 url(../images/sch_icon.png) no-repeat center center; background-size: 100% auto; }
.mobile.search .i_search   { display: none; }
.header.sub .mobile.search .i_search  { display: none; background: #1a4978 url(../images/sch_icon.png) no-repeat center center; background-size: 100% auto; width: 42px; height: 42px; }

/* 애니메이션 */
@keyframes mainShowUp{
  0%  { opacity: 0; top: 70%;}
  30%  { opacity: 0; top: 70%;}
  100%  { opacity: 1; top: 50%;}
}
@keyframes showUp{
  0%  { opacity: 0; transform: translateY(50px);}
  100%  { opacity: 1; transform: translateY(0px);}
}
@keyframes showUp25{
  0%  { opacity: 0; transform: translateY(50px);}
  25%  { opacity: 0; transform: translateY(50px);}
  100%  { opacity: 1; transform: translateY(0px);}
}
@keyframes showUp50{
  0%  { opacity: 0; transform: translateY(50px);}
  50%  { opacity: 0; transform: translateY(50px);}
  100%  { opacity: 1; transform: translateY(0px);}
}
@keyframes showUp75{
  0%  { opacity: 0; transform: translateY(50px);}
  75%  { opacity: 0; transform: translateY(50px);}
  100%  { opacity: 1; transform: translateY(0px);}
}
.mainShowUp { animation: mainShowUp 0.8s ease-in-out;}
.show_up  { animation: showUp 0.4s ease-in-out;}
.show_up25 { animation: showUp 0.6s ease-in-out;}
.show_up50 { animation: showUp 0.8s ease-in-out;}
.show_up75  { animation: showUp 1s ease-in-out;}

/* 검색 - 헤더영역 */
.header_search_area  { position: absolute; top: 0; right: 0; width: 54px; height: 71px; margin-top: 44px; box-sizing: border-box; z-index: 1; }
.header_search_area fieldset { position: relative; height: 100%; }
.header_search_area fieldset .search_input_area { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.header_search_area fieldset .search_input_area input { float: right; width: 0; height: 48px; padding: 15px; background: #fff; border: 2px solid #1a4978; color: #555; font-size: 14px; box-sizing: border-box; opacity: 0; -webkit-border-radius:0; border-radius: 0; -webkit-appearance:none; }
.header_search_area fieldset .search_input_area input.active  { animation: searchOpen 0.5s; animation-fill-mode: forwards; }
.header_search_area fieldset .search_input_area input.close  { animation: searchClose 0.3s; animation-fill-mode: forwards; }
@keyframes searchOpen{
  0%{ opacity: 0; width: 0; }
  100%{ opacity: 1; width: 354px; }
}
@keyframes searchClose{
  0%{ opacity: 1; width: 354px; }
  100%{ opacity: 0; width: 0; }
}

@media screen and (max-width: 1200px) {

  .error,
  .parsley-errors-list * ,
  .formarea.require .error,
  .formarea.require .parsley-errors-list * { top: 5px; left: 0; }

  .header	{ height: 96px; background:#fff;}
  .header a, .header li, .header i { color: #555; }
  .header .header_wrap	{ border-bottom: none; }
  .header .header_wrap .logo{ padding: 0; width: 200px; }
  .header .header_wrap .logo a	{ display: block; background: url(../images/m_logo.png) no-repeat left center / 100% auto; }
  .header .header_wrap .header_menu	{ height: 96px; }
  .header .header_wrap .header_menu .menu_top { height: 34px; }
  .header .header_wrap .header_menu .menu_bottom  { height: 62px; }
  .header.sub .header_wrap .logo a	{ display: block; background: url(../images/m_logo.png) no-repeat left center; background-size: 100% auto; }

  .header_search_area { margin-top: 34px; height: 62px; }

  .mobile.search  { padding: 34px 28px; position: absolute; top: 0 ; right: 0; width: 86px; height: 100%; box-sizing: border-box;  }
  .mobile.search .i_search    { display: block; background: url('../images/sch_icon_color.png') no-repeat center center / cover; }
}

@media screen and (max-width: 992px) {
  .header .container { padding: 0;}
  .header .header_wrap .logo{ left: 50%; transform: translateX(-50%); }
  .header.sub .header_wrap .logo{ left: 20px; transform: translateX(0);}
  .header .header_wrap .header_menu,
  .header.sub .header_wrap .header_menu{ display: none; }
  .header_search_area { margin-top: 0px; height: 100%; }
  .header{ height: 50px;}
  .header .header_wrap .logo{ width: 130px; }
  .header.sub .header_wrap .logo{ left: 50%; transform: translateX(-50%); }

  .header_search_area  { width: 100%; }
  .header_search_area fieldset { position: relative; width: 100%; height: 100%; margin-bottom: 0; }
  .header_search_area fieldset .search_input_area { width: 100%; }
  .header_search_area fieldset .search_input_area:before{  display: block; content: ''; width: 50px; height: 100%; position: absolute; right: 0; top: 0; box-shadow:-6px 0px 16px 0px rgba(158, 158, 158, 0.1); }
  .header_search_area fieldset .search_input_area input    { border: none; height: 50px; font-size: 14px; color: #999; }
  .header_search_area fieldset .search_input_area input.active  { animation: searchOpen_m 0.5s; animation-fill-mode: forwards; }
  .header_search_area fieldset .search_input_area input.close  { animation: searchClose_m 0.3s; animation-fill-mode: forwards; }
  @keyframes searchOpen_m{
    0%{ opacity: 0; width: 0; }
    100%{ opacity: 1; width: 100%; }
  }
  @keyframes searchClose_m{
    0%{ opacity: 1; width: 100%; }
    100%{ opacity: 0; width: 0; }
  }

  /*햄메뉴 - 모바일 버전 활성화 */
  .hammenu_area  { display: flex; position: absolute; top: 0; left: 0; width: 50px; height: 100%; justify-content: center; align-items: center; z-index: 2; background: #fff; }
  .hammenu_area:after{ display: block; content: ''; height: 100%; position: absolute; top: 50%; right: 0; width: 100%; transform: translateY(-50%); box-shadow:6px 0px 16px 0px rgba(158, 158, 158, 0.09); z-index: -1;}
  .hammenu_area .hammenu  { cursor:pointer; }
  .hammenu_area .hammenu  { display: flex; justify-content: space-between; flex-direction: column; align-items:center; width: 24px; height: 14px; cursor:pointer; }
  .hammenu_area .hammenu span{ display: flex; width: 20px; height: 2px; background: #333; transition: 0.5s;}
  .hammenu_area .hammenu.active span  { position: absolute; margin: 0; }
  .hammenu_area .hammenu.active span.bar_top  { transform: rotate(45deg);  }
  .hammenu_area .hammenu.active span.bar_mdl  { width: 0; opacity:0; }
  .hammenu_area .hammenu.active span.bar_btm  { transform: rotate(-45deg);}
}

@media screen and (max-width: 768px) {
  .header .container  { padding: 0; }
  .header { position:fixed; }
}

@media screen and (max-width: 500px) {

  .mobile.search  { padding: 18px 14px; width: 50px; }
  .header.sub .mobile.search .i_search    { width: 26px; height: 26px; }
}

/*네비게이션 */
.nav	{ height: 54px; background:#333; }
.nav .nav_inner	{ height: 100%; }
.nav .nav_inner	.navhome,
.nav .nav_inner	.navgnb { position: relative; float: left; padding: 20px; height: 100%; box-sizing: border-box; font-size: 14px; line-height: 1; color: #fff; border-right: 1px solid rgba(255,255,255,0.1); transition: all 0.5s; cursor: pointer; font-weight: 400;  }
.nav .nav_inner	.navhome	{ text-align:center; padding: 0;}
.nav .nav_inner	.navhome a	{ display: inline-block; padding:20px; width: 58px; height: 100%; box-sizing: border-box; text-align: center; background: url(../images/home_icon.png) no-repeat center center / 18px 18px; }
.nav .nav_inner	.navgnb i   { display: inline-block; padding-left: 30px; color:#fff; }
.nav .nav_inner	.navgnb .navlnb { display: none; position: absolute; top:58px; left: 0; z-index: 9; border-right: 1px solid #eee; border-left: 1px solid #eee; }
.nav .nav_inner	.navgnb .navlnb li	{ display: inline-block; width: 100%; height: 100%; border-bottom: 1px solid #eee; background: #fff; }
.nav .nav_inner	.navgnb .navlnb li a { display: block; padding: 17px; box-sizing: border-box; width: 100%; height: 100%; color: #666; transition: all 0.5s; font-weight: 400;}
.nav .nav_inner	.navgnb.active	{ background: rgba( 0,0,0,0.2);}
.nav .nav_inner	.navgnb.active .navlnb li.active a{ color:#1a4978; font-weight: 500; }
.nav .nav_inner	.navgnb.active .navlnb li:hover	{ background: #fafafa; }

/*모바일 네비게이션*/
.mobile_dim { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background: rgba(0,0,0,0.5); transition:all 0.5s; }
.mobile_dim.active{ display: block; }
.mobile_nav  { position: absolute; top: 0; bottom:0; left: -150%; width: 85%;  background: #fff; overflow-y: auto; overflow-x: hidden; z-index: 999; }
.mobile_nav_wrapper { min-height:100%; }
.nav_header  { height: 80px; padding: 20px 0 30px 15px; box-sizing: border-box; }
.nav_header .logo { padding: 0; width: 120px; }
.nav_header .logo a { background: url('../images/m_logo.png') no-repeat left center / 100% auto; text-indent:-9999px; }
.nav_body  { flex:1; width:100%; padding-bottom:120px;}
.nav_body .navi_btn  { display: block; position: relative; padding: 16px 20px; font-size: 15px; color:#999; font-weight: 500; background:#fff; border-bottom: 1px solid #f2f2f2; transition: 0.3s; }
.nav_body .navi_btn.active{ color: #333; }
.nav_body .navi_btn span{ display: inline-block; width: 20px; height: 12px; top:22px; position: absolute; right: 20px; background: url('../images/m_navbtn.png') no-repeat -20px 0 / 200% 100%; }
.nav_body .navi_btn.active span{ background-position: 0 0; }
.nav_body .menu_item:last-child .navi_btn { border-bottom: none; }
.nav_body .smenu{ display: none; padding: 15px 20px; background: #f7f7f7; border-top: 1px solid #f2f2f2;}
.nav_body .smenu li { margin: -15px 0; }
.nav_body .smenu li a { display: block; padding: 15px 0; font-size:13px; font-weight: 400; color: #999; }
.nav_body .lang-select { border-top:1px #eee solid; padding-top:20px;  }
.nav_body .lang-select .lang-label { float:left; width:100px; padding-left:20px; font-weight:600; font-size:13px; }
.nav_body .lang-select .lang-item-wrapper { position:relative; padding-left:100px; padding-right:20px; text-align:right; }
.nav_body .lang-select .lang-item { display:inline-block; font-size:14px; line-height:1; font-weight:600; color:#aaa; }
.nav_body .lang-select .lang-item+.lang-item { border-left:1px #eee solid; margin-left:10px; padding-left:10px; }
.nav_body .lang-select .lang-item.active { color:#333; }

/* 푸터 */

.new-footer .f_btm,
.new-footer .f_btm p,
.new-footer .f_btm ul {
  text-align: left;
}
.new-footer .f_btm .logo_gray { margin:0; width:182px; height:34px; }

.new-footer .f_btm p { font-size:16px; margin-top:20px; }
.new-footer .f_btm ul li:first-child a { color:#333; }
.new-footer .f_btm ul li:first-child a { padding-left:0; }
.new-footer .f_btm ul li:last-child a { padding-right:0; }

.new-footer .f_btm .logo-line {
  margin-bottom:30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-footer .f_btm .logo-line .icon-list {
  display: flex;
}
.new-footer .f_btm .logo-line .icon-list li {
  width:36px;
  height:36px;
  border:0;
}

.new-footer .f_btm .logo-line .icon-list li+li {
  margin-left:10px;
}
.new-footer .f_btm .logo-line .icon-list a {
  width:36px;
  height:36px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  padding:0;
}
.new-footer .f_btm .logo-line .icon-list a .off {
  width:36px;
  height:36px;
  display: block;
}
.new-footer .f_btm .logo-line .icon-list a .on {
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index: 1;
  display: block;
  opacity: 0;
  transition-duration: .3s;
}
.new-footer .f_btm .logo-line .icon-list a:hover .on{
  opacity: 1;
  transition-duration: .3s;
}

.footer_top { border-top: 2px solid #283f56; background:#fff;}
.footer_top .row    { overflow: hidden;}
.footer_top .f_top	{ margin: 0 -30px; }
.footer_top .f_top li	{ overflow: hidden; float:left; width: 50%; padding: 0px 30px; margin:30px 0; box-sizing: border-box; }
.footer_top .f_top li a { display:block; }
.footer_top .f_top li a:after { content:''; clear:both; display:block; }
.footer_top .f_top li p	{ float: left; font-size: 16px; margin-top: 28px; color:#555; font-weight: 100;}
.footer_top .f_top li p	span { padding: 12px 0; font-size: 24px; color:#333; text-transform:uppercase; line-height: 1.1; font-weight: bold; }
.footer_top .f_top li .bg-img	{ position: relative; float: right; display: block; width: 100px; height: 100px; border-radius:50%; background: #e5e5e5; }
.footer_top .f_top li+li	{ border-left:1px #e5e5e5 solid; }
.footer_top .f_top li a i	{ font-size: 50px;}




footer { background: #fafafa; padding: 40px 0 70px 0; border-top:1px #eee solid; }
footer .f_btm { text-align:center; }
footer .f_btm .logo_gray { display: block; width: 233px;height: 45px; margin: 0 auto 25px; background: url(../images/footer_logo.png) no-repeat center center / 100% auto; }
footer .f_btm ul { text-align: center; font-size:0; }
footer .f_btm ul li{ position: relative; display: inline-block; margin:0; border-right:1px #ddd solid; }
footer .f_btm ul li:last-child { border-right:0; }
footer .f_btm ul li a  { display: block; padding: 0 20px; color: #333; font-size: 16px; text-align: center;}
footer .f_btm p { color:#333; margin:25px 0 15px; font-size:14px; text-align:center; }
footer .f_btm span { color:#aaa; font-size:14px; }

/*===================== 페이지별 디자인 =====================*/
/* 바른소개-바른소개 */
.intro_brun .content_area .cont_txt 	{ padding: 15px 0; }
.intro_brun .content_area .cont.two { padding: 40px 20px 20px; }
.intro_brun .content_area .cont.two .text-title { padding: 20px 0 15px; }

/* intro - 바른연혁 영역*/
.history .content_area .cont.two .text-title    { font-weight: 500; }
.history .content_area .cont.two dl    { padding: 15px 0; }
.history .content_area .cont.two dl .history_date    { float: left; padding-left: 10px; font-size: 16px; color: #333; font-weight: bold; line-height: 1.5em; letter-spacing: -1px; }
.history .content_area .cont.two dl .history_txt    { padding-left: 112px; font-size: 16px; color: #555; font-weight: 100; line-height: 1.5em; text-align:justify; letter-spacing: -1px; }
.history .content_area .cont.two dl .s_circle:before { top: 50%; transform: translateY(-50%); }
.history .content_area .cont.two dl .blueline:after{ bottom: 5px;}
.history .content_area .cont.two.award_list .s_circle:before    { background:#886043; }
.history .content_area .cont.two.award_list .blueline:after    { background:#edb578;}

/* intro - 오시는길 영역 */
.location .map_box	{ margin: 20px 0 30px; height: 400px; }
.location .map_box iframe { width: 100%; height: 100%;}
.location .map_info	{ display: flex;}
.location .map_info li	{ flex:1; }
.location .map_info li span { background: #fff; }
.location .map_info li .i_call	{ display: inline-block; margin-right: 15px;  width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; color: #003264; background: #fff url(../images/i_call.png)no-repeat center center; background-size: 18px;  }
.location .map_info li .i_bus	{ display: inline-block; margin-right: 15px;  width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; color: #003264; background: #fff url(../images/i_bus.png)no-repeat center center; background-size: 18px;  }
.location .map_info li .i_subway	{ display: inline-block; margin-right: 15px;  width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; color: #003264; background: #fff url(../images/i_subway.png)no-repeat center center; background-size: 18px;  }
.location .map_info li .i_car	{ display: inline-block; margin-right: 15px;  width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; color: #003264; background: #fff url(../images/i_car.png)no-repeat center center; background-size: 18px;  }
.location .map_info li span i{ font-size: 16px; color: #003264;}
.location .map_info li span .fa-phone-volume	{transform: rotate(-45deg);}

.location .howto-guide {
  margin-bottom:30px;
  border-bottom:1px #eee solid;
  padding-bottom:30px;
}
.location .howto-guide h4 {
  font-size:16px;
  font-weight:500;
  font-family: "Noto Sans KR";
  color:#111;
  margin-bottom:15px;
}
.location .howto-guide .input-cover {
  border:2px #003265 solid;
  background: #fff;
  width:100%;
  max-width:500px;
  height:50px;
  display: flex;
  align-items: center;
}
.location .howto-guide .input-cover input {
  flex:1;
  height:100%;
  background: none;
  border:none;
  outline: none;
  padding-left:15px;
}
.location .howto-guide .input-cover button {
  width:34px;
  height:34px;
  margin:0 10px;
  border-radius: 50%;
  color: #fff;
  background: #1a4978 url(../images/sch_icon.png) no-repeat center center;
  background-size: 100% auto;
  overflow: hidden;
  text-indent: -9999px;
}

/*.fa-phone-volume	{transform: rotate(-45deg);}*/
.location .map_info li p	{ padding: 14px 0; font-size: 36px; line-height: 24px; font-weight: 100; color:#333;}
.location .map_info li p.adress-text { padding-top: 6px; word-break: break-all; padding-right: 40px; font-size: 18px; line-height: 34px;}

.location .aside_area	{ margin-top: 18px;}
.location .aside_area .aside_content .aside_txt p{ line-height: 26px; }
.location .aside_area .aside_content .aside_txt p em { color:#2A4E7D; font-weight: 400; }
.location .aside_area .aside_content .aside_txt p strong	{ font-weight: 400; color: #333; }

/* 고객의소리 영역 */
.customer_request .cont .cont_txt { padding-top: 40px; }
.customer_request .formarea .form-item.block .form-title  { border-bottom: none; width: 100%; padding: 10px 0;}
.customer_request .formarea .form-item.block .question_box  { padding: 10px; border: none; color: #888; background:#fafafa; width: 100%; resize: none; box-sizing: border-box;}
.customer_request .formarea input { width: 100%; box-sizing: border-box; padding-bottom: 20px;}

@media screen and (max-width: 1200px) {
  .customer_request .formarea .form-item.block .question_box  { margin-top: 15px; }
}
@media screen and (max-width: 768px) {
  .customer_request .cont .cont_txt { padding-top: 20px; }
  .formarea input { padding-left:0; padding-top:15px; display:block; }
}

/* category - 업무분야 영역 */
.category_field .title_area { position: relative; /*border-bottom: 2px solid #003264;*/ }
.category_field .page.tit{ float: left; border:none; margin-bottom: 0; }
.btn_area { float: right; cursor: pointer;}
.btn_area .plus_btn	{ height: 100%;}
.btn_area .plus_btn .plus	{ position: relative; display: inline-block; width: 16px; height: 2px; background: #003624;}
.btn_area .plus_btn .plus:after	{ display: block; opacity:0; content:""; position: absolute; left: 50%; top: 0; transform: translateX(-50%) rotate(0deg); width: 100%; height: 100%; background: #003264;  transition:all 0.3s;}
.btn_area .plus_btn.open .plus:after	{opacity:1; transform: translateX(-50%) rotate(90deg);  transition:all 0.3s;}
.title_area .btn_area .plus_btn	{ height: 100%; line-height: 50px; font-size: 16px; color: #222; font-weight: 500; }
.title_area .btn_area .plus_btn .plus	{  margin: 0 10px 5px 0; }
.menu.top .btn_area  { margin-right: 31px;}
.menu.top .btn_area .plus_btn	{
  /*line-height: 56px;     */
  background: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  display: flex
;
  justify-content: center;
  align-items: center;}
.industry .link_list	{ position: relative; background: #fff; box-sizing: border-box; cursor: pointer;  border-bottom:1px solid #eee; }
.industry .link_list a{ display: block; padding: 22px; box-sizing: border-box; color:#333; font-weight: 400; font-size: 18px; }
.industry .link_list a p    { line-height: 1; }
.industry .link_list:hover .industry_btn { background: url('../images/arrow_next.png') no-repeat -37px 0 / 200% auto; }
.industry .link_list .industry_btn  { display: block; width: 34px; height: 34px; margin-top: -8px; border-radius: 50%; overflow: hidden; background: url('../images/arrow_next.png') no-repeat 0 0 / 200% auto; }

.wholemenu .menu.top	{ position: relative; background: #fff; box-sizing: border-box; cursor: pointer; }
.wholemenu .menu.top.show{ border-bottom: 1px solid #eee; }
.wholemenu .menu.top.show:first-child	{ border-top: none; }
.wholemenu .menu.top .name{ display: inline-block; padding: 22px; font-size: 18px; color: #222; font-weight: 400; }
.sublist	{ display: none; width: 1200px; top: 100%; left: 0; padding: 15px 0; background: #fafafa; border-top: 1px solid #eee; }
.wholemenu .menu.top .sublist.show	{ display: block; }
.wholemenu .menu.top .sublist.show .item	{ display: block; }
.wholemenu .menu.top .sublist .item	{ float: left;  width: 25%; font-size: 16px; color: #222; padding: 20px 0; box-sizing: border-box; font-weight: 400;}
.wholemenu .menu.top .sublist .item a { display: block; padding: 5px 0 5px 20px; box-sizing: border-box; line-height: 1.5; width:100%; height:100%;}
/*.wholemenu .menu.top .sublist .item a { display: inline; padding-right: 20px; padding-left: 10px; margin-left: 10px; border-radius: 10px; box-sizing: border-box; line-height: 1.5; }*/
/*.wholemenu .menu.top .sublist .item a:hover { background: #a4bdd6; color:white; }*/

/* category_view - 업무분야 상세 영역 */
.category_view .page.tit{ margin-bottom: 0; border: none; }
.category_view .content_area .cont_txt  { padding: 32px 0; }
.category_view .content_area .cont_txt ul,
.category_view .content_area .cont_txt ol,
.category_view .content_area .cont_txt dl,
.category_view .content_area .cont_txt li { list-style: inherit; line-height:2.5 ; }
.category_view .content_area .cont_txt .text_list { padding-bottom: 40px; line-height: 1.5; }
.category_view .content_area .cont_txt .text_list strong  { font-size: 16px; color: #333; font-weight: 500; }
.category_view .aside_content {padding-top: 19px;}

/* 탭메뉴 */
.tabmenu-wrapper { position: relative; margin-bottom: 45px; border-top: 1px solid #003264; background: #fff; overflow: hidden; }
.tabmenu  { background: #fff; }
.tabmenu .tab{ float: left; }
.tabmenu .tab a	{ position: relative; display: block; padding: 18px 25px; width: 100%; height: 100%; font-size: 14px; color: #222; text-align: center; line-height: 1; box-sizing: border-box; font-weight: 500;}
.tabmenu .tab a:after{ position: absolute; content: ""; display: block; margin-top: -7px; top: 50%; left: 0;  width: 1px ; height: 15px; background: #e5e5e5; }
.tabmenu .tab:first-child a:after	{ display: none; }
.tabmenu .tab.active{ background: #003264; }
.tabmenu .tab.active a{ color: #fff; }

.member-mobile-area { border-top:1px #ddd solid; padding:15px 0; display:none; }
.member-mobile-area label { font-size:18px; font-weight:500; color:#333; display:block; }
.member-mobile-area .member-list-wrapper { margin-top:15px; margin-left:-15px; margin-right:-15px; overflow-x:scroll; -webkit-overflow-scrolling: touch; }
.member-mobile-area .member-list li { float:left; width:100px; }
.member-mobile-area .member-list li .member-thumbnail { width:60px; height:60px; margin:0 auto; border-radius:50%; box-shadow:0 0 5px rgba(0,0,0,0.03); background:#fff; overflow: hidden; }
.member-mobile-area .member-list li p { font-size:13px; text-align:center; margin:10px 0 0; color:#333; }


/*구성원 검색 상세*/
.chart_wrap .chart_ul { padding-top: 24px;}
.chart_wrap .chart_ul .chart_list{ position: relative; width: 100%; box-sizing: border-box; padding: 0 0 20px 150px; font-size: 16px; line-height: 2; color: #555; }
.chart_wrap .chart_ul .chart_list strong{ position: absolute; top: 0; left: 0; font-size: 16px; color: #333; font-weight: bold; }
.member_list li a	{ display: block; padding: 15px 0; width: 100%; height: 100%; }
.member_list li a .img_area	{ overflow: hidden; float: left; width: 80px; height: 80px; border-radius:50%; }
.member_list li a .img_area img{ width:100%; }
.member_list li a .text_area { position:relative; padding-left:105px; }
.member_list li a .text_area em	{ position: relative; font-size: 13px; color: #666; padding-bottom:10px; display:block; overflow:hidden; }
.member_list li a .text_area em>*	{ display:block; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.member_list li a .text_area em span { display:block; margin-top:5px; white-space: nowrap; text-overflow: ellipsis; }
.member_list li a .text_area em:after	{ position:absolute; content:""; display: block; left: 0; bottom:0; width: 14px; height: 2px; background: #000; }
.member_list li a .text_area em strong	{ margin-right: 6px; font-size: 16px; color: #333; font-weight: 500;  }
.member_list li a .text_area p	{ padding-top: 10px; font-size: 12px; line-height: 15px; font-weight: 500; }
.bx-wrapper	{ margin-bottom: 0;}

/* 소식/자료 바른뉴스*/
.job_list li { margin:5px 0; }
.job_list li .item { border:1px #eee solid; background:#fff; border-radius:5px; display:block; padding:12px 8px; font-size:13px; font-weight:500; color:#555; transition:0.3s; }
.job_list li .item:hover { border-color:#478df6; color:#555; transition:0.3s; }
.research .category_menubar_wrap  { margin-bottom: 0; }

/* member - 구성원 검색 영역 */
.member_search .page.tit  { margin-bottom: 0; }
.member_search .contwrap  {display: flex; flex-direction: row; margin: 0;}
.member_search .sectorbox { display: flex; flex:1;}
.member_search .sectorbox .sector { flex:1; padding: 70px 0 80px; height: 100vh; width: 50%; background:#fafafa; transition:0.3s; border-left: 1px solid #eee; }
.member_search .sectorbox .sector.active{ background: #fff;}
.member_search .sectorbox .sector:hover .title_area .tit { color: #333; }
.member_search .sectorbox .sector .title_area .tit { position: relative; padding-left: 30px; color: #555; }
.member_btn{ display: block; background: #11406e; width: 100%; height: 58px; line-height: 58px; font-size:16px; color: #fff; font-weight: 600; text-align: center; cursor:pointer; }
.sector02  { transition: 0.3s;}
.select_ul  {max-height: 100%; overflow:auto; }
.select_ul.occ{ border: none; }
.select_ul li{ padding: 22px 30px; border-bottom: 1px solid #ededed; font-size: 16px; color:#555; font-weight: 400; cursor: pointer; transition: 0.3s; }
.select_ul li:last-child { border-bottom:0px; }
.select_ul li:hover { color:#333; }
.select_ul li.active{ background: #fff; color: #333; font-weight: 500; }

/* 구성원 aside_검색할분야 */
.member_search .aside_area  { float: none; width: 280px; padding: 70px 0 0 0; border-left: 1px solid #eee; }
.member_search .aside_area.search .aside_tit{ padding: 19px 15px 15px;}
.member_search .aside_area.search .aside_content { padding: 0 15px; }
.member_search_form { padding: 28px 0; }
.search_category { padding: 15px 0; color:#555; font-size: 14px; font-weight: 400; }
.search_category .category_name { float: left; display: block; line-height: 14px; color:#333; font-weight: 500; }
.search_category .category_value { display: inline-block; padding-left: 20px; }
.search_category.nm .category_value { padding-left: 33px; }
.search_category input { border: none; outline:none; width: 15px; height: 15px; color:red; }
.name_input{ padding-top: 15px; margin-bottom: 15px; }
  /* neo css change */
.name_input label { display: block; color:#333; font-size: 14px; font-weight: 500; }
/*.name_input label { display: block; color:#555; font-size: 14px; font-weight: 400; }*/
.name_input input { margin: 15px 0; padding: 15px; width: 100%; box-sizing: border-box; border: 1px solid #eee; color:#555; font-size: 14px; }

/* member - 구성원 검색결과 영역 */
.members_infobox .boxarea	{  height: 220px; padding: 30px 0; float: left; width: 50%; border-bottom: 1px solid #eee; box-sizing: border-box;}
.members_infobox .boxarea .boxarea_inner  { position: relative; display: block; width: 100%; height: 100%; text-decoration: none; }
.members_infobox .boxarea .boxarea_inner .memberphoto	{ position: absolute; top: 0; left: 0; width: 160px; height: 160px;}
.members_infobox .boxarea .boxarea_inner .text_box	{ width: 100%; height: 100%; padding-left: 190px; box-sizing: border-box;}
.members_infobox .boxarea .boxarea_inner .text_box .name	{  position: relative; margin-bottom: 20px; padding: 2px 10px 15px 0; font-size: 24px; font-weight:400; color: #333; }
.members_infobox .boxarea .boxarea_inner .text_box .name:after	{ position: absolute; display: block; content: "";  bottom:0; width: 20px; height: 2px; background: #000; }
.members_infobox .boxarea .boxarea_inner .text_box .name em	{ display: block; padding-top: 5px; font-size: 16px; color: #555;  font-weight: 100; }
.member_result .page.tit{ margin-bottom: 0; }
.member_result .aside_area .aside_tit{ padding-top: 19px; padding-left: 15px;}
.member_result .aside_area .aside_content { padding: 0px 15px 17px; }

.result_none  { display:flex; justify-content: center; padding: 100px 0;}
.message_area  { display: inline-block; text-align: center;}
.message_area h3  { padding: 40px 0 30px; font-size: 24px; font-weight: 400; }
.message_area a  { position: relative; display: inline-block; color:#333; font-weight: 400; }

/* member - 구성원 검색결과 상세 영역 */
.member_view .page.tit  { margin-bottom: 0; border: none; }
.member_view .page.tit em	{ margin-left: 16px; font-size: 18px; color: #555; border:none; }
.member_view .mailbox p	{ padding-bottom: 10px; }
.member_view .content_area .cont_tit  { padding: 20px 0; }
.member_view .content_area .cont_txt { padding: 32px 0 40px; }
.member_view .content_area .cont_txt ul,
.member_view .content_area .cont_txt ol,
.member_view .content_area .cont_txt dl,
.member_view .content_area .cont_txt li { list-style: inherit; line-height: 2.5; }
.member_view .content_area .cont_txt *  { line-height: 2.5; }
.member_view .content_area .cont_txt b{ color: #333; }
.member-screen-bg .member-profile-img { display:none; }
.member-screen-bg .mobile-account-box { display:none; }
.member-screen-bg .mobile-account-box .call { display:block; padding: 0; font-size: 14px; color:#fff; font-weight: 400; margin-bottom:7px;}
.member-screen-bg .mobile-account-box .call .i_call	{ background: #fff url(../images/i_call.png) no-repeat center center; background-size: 18px;  }
.member-screen-bg .mobile-account-box .mail	{ display:block; font-size: 14px; color : #fff; font-weight: 400; }
.member-screen-bg .mobile-account-box .mail .i_mail	{ background: #fff url("../images/i_mail.png") no-repeat center center; vertical-align: middle; background-size: 18px; }
.member-screen-bg .mobile-account-box .bus { display:block; padding: 0; font-size: 14px; color:#fff; font-weight: 400; margin-bottom:7px;}
.member-screen-bg .mobile-account-box .bus .i_bus	{ background: #fff url(../images/i_bus.png) no-repeat center center; background-size: 18px;  }


/* barunnews - 언론보도 영역 */
.slidewrap	{ overflow: hidden; position: relative;}
.slidewrap .slideshow {position: relative; width: 880px; height: 500px; overflow: hidden; }
.slidewrap .slideshow .slideimg	{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.slidewrap .slideshow .slideimg .slide	{ position: absolute; width: 100%; height: 100%;  }

.page_area	{ padding-top: 30px; text-align: center; }
.page_area .pagenation	{ display: inline-block; }
.page_area .pagenation .page_items 	{ float: left; margin: 0 3px; display: inline-block; height: 34px;  font-size: 12px; color: #aaa ; line-height: 34px; text-align: center;  }
.page_area .pagenation .page_items.btnnum { width: auto; }
.page_area .pagenation .page_items.prev,
.page_area .pagenation .page_items.next	{ width: 34px; background:#fff; border-radius: 50%; border: 1px solid #eee; opacity:1; transition: all 0.3s;}
.page_area .pagenation .page_items.prev.disabled,
.page_area .pagenation .page_items.next.disabled  { display:none;}
.page_area .pagenation .page_items .page.nums	{ margin: 0 -3px;  }
.page_area .pagenation .page_items .page.nums .numbtn	{ float: left; display: inline-block; margin: 0 3px; width:34px; height: 34px; background: #fff; font-size: 12px; border:1px solid #eee; border-radius:50%; line-height: 34px; text-align: center; overflow: hidden; cursor:pointer; }
.page_area .pagenation .page_items .page.nums .numbtn .num	{ display: block; width: 100%; height: 100%; color:#aaa; }
.page_area .pagenation .page_items .page.nums .numbtn.active .num	{ background: #003264; color: #fff; border: #003264; }

/* barunnews - 언론보도 상세 영역 */
.research .page.tit { margin-bottom: 0; }
.research01	{ padding: 30px 0 113px; }
.research01 .cont02 { padding: 32px 0; }
.research01 .cont02 .box_btn	{ display: inline-block; margin-top: 30px; padding: 20px; min-width: 146px; height: 56px; box-sizing: border-box; color: #555; background: #fff; font-size: 16px; border:1px solid #aaa; line-height: 1; }
.research01 .cont02 .box_btn em{ margin-left: 35px; }
.research02  { padding: 50px 0 80px; }
.research02 .cont_smtit { color:#333; margin-bottom: 0; }
.research02 .aside_tit  { padding-top: 2px; }

.articlebox	{ padding: 30px 0; border-bottom: 1px solid #eee; }
.articlebox	a { display:block; width: 100%; height: 100%; line-height:1.3; }
.articlebox	.postit	{ display: inline-block; padding: 8px 10px; line-height: 1; color: #fff; text-align: center; background:#478df6; font-size: 14px; font-weight:500; }
.articlebox	.article_tit	{ font-size: 24px; color: #333; text-align: justify; border: none;padding-top: 15px; line-height: 1.3; }

.articlebox	.article_date	{ padding-top: 15px; font-size: 16px; color: #555; line-height: 1; font-weight: 100;}
.gotolist_area	{ padding: 12px 0; width: 100%; height: 70px; background: #555; box-sizing: border-box; }
.goto_btn	{ float: right; display: inline-block; width: 104px; height: 46px; line-height: 46px; background: #fff; color: #555; font-size: 16px; text-align: center; }
.filebox { float: left; }
.filebox  a{display: block; width: 100%; height: 100%; color: #fff; font-size: 16px; line-height: 42px; }
.filebox  a span	{ margin-right: 10px; display: inline-block; width:42px; height: 42px;  border-radius:50%;  background: #fff url("../images/i_link.png") no-repeat center center; background-size: 18px 18px; vertical-align: middle; }

.another-items .articlebox { padding:20px 0; }
.another-items .articlebox .article_tit { font-size:18px; }
.another-items .articlebox .article_date { font-size:13px; }

/* 뉴스레터 버튼 */
.application_btn  { position: absolute; right: 20px; display: block; padding: 12px; font-weight: 500; font-size: 13px; border: 1px solid #eee; background: #fff; border-radius: 5px; color: #555; }
.application_btn:hover  { border: 1px solid #478df6; color: #555; transition: 0.3s;}

/* 뉴스레터 해지,구독 */
.newsletter_sub .cont { padding: 30px 0 50px 0;  }
.newsletter_sub .cont .cont_txt { margin-bottom: 20px; }
.agree_text_area{ width: 100%; max-height: 310px; padding: 20px; line-height: 2.5; background:#fff; border: 1px solid #eee; box-sizing: border-box; overflow-y: auto; }
.agree_text_area p{ line-height: 2.5;}
.agree_text_area dl dt{ font-weight: 500; color: #333; }
.agree_text_area dl dd{}
.agree_text_area + .chkbox  { margin-top: 30px;}
.subscribe01  { border-bottom: 1px solid #eee; }
.subscribe02 .formarea { padding-top: 20px; }
.subscribe02 .formarea  .txt-input{ width: 90%; }
.subscribe02 .submit_btn  { display: flex; justify-content: center; align-items: center; }
.subscribe02 .submit_btn .btn_group { margin: 0 -10px;  }
.subscribe02 .submit_btn .btn_group li{ display: inline-block; padding: 0 10px; }
.subscribe02 .submit_btn .btn_group li:last-child button:after{ background: #e46565; }

@media screen and ( max-width: 768px ) {

  .application_btn  { right: 0; }
  .agree_text_area dl dt,
  .agree_text_area dl dd,
  .agree_text_area + .chkbox label { font-size: 13px; }
  .agree_text_area + .chkbox  { margin-top: 20px; }
}
@media screen and ( max-width: 500px ) {
  .application_btn  { top: -7px; padding: 10px; font-size: 11px; }
  .agree_text_area  { max-height: 200px; }
  .newsletter_sub .cont { padding: 0 0 20px 0;  }
  .subscribe02 .submit_btn .btn_group li  { padding: 5px;}

}

/* 아카데미 영역 */
.academy .page.tit,
.academy_data .page.tit,
.social_news .page.tit  { margin-bottom: 0; }

/* 아카데미 연구회 */
.class-desc { padding: 20px 15px; margin: 15px 0; border-radius: 10px; border: 1px solid #eee; background: #f7f7f7; }
.class-desc p{ font-size: 13px; color: #333; line-height: 1.8; }

/* 아카데미 - 연구자료 영역*/
.category_menubar_wrap  { margin-bottom: 30px; }
.category_menubar_wrap .menubar_wrap  { display: flex; height: 100%; background: #fff; border: 1px solid #eee; border-top: none;}
.category_menubar_wrap .menubar_wrap .menu_col  { padding: 20px; font-size: 14px; color: #333; box-sizing: border-box; line-height: 1; border-right: 1px solid #eee;}
.category_menubar_wrap .menubar_wrap .menubar_tit  { width: 125px; box-sizing: border-box; font-weight: 500; }
.category_menubar_wrap .menubar_wrap .menubar_list  { position: relative; width: 250px; cursor: pointer; }
.category_menubar_wrap .menubar_wrap .menubar_list i  { position: absolute; right: 20px; color: #ccc; font-size: 14px; }
.category_menubar_wrap .menubar_wrap .menubar_list .category_list  { display:none; position: absolute; width: 100%; max-height: 330px; overflow-y:scroll; top: 100%; left: 0; border: 1px solid #eee; z-index:10;}
.category_menubar_wrap .menubar_wrap .menubar_list .category_list .category_item  { border-bottom: 1px solid #eee;  }
.category_menubar_wrap .menubar_wrap .menubar_list .category_list .category_item:last-child{ border-bottom: none;}
.category_menubar_wrap .menubar_wrap .menubar_list .category_list .category_item a  { display: block; padding: 20px; box-sizing: border-box; line-height:1; font-size: 14px; color: #555; background: #fff;  }
.category_menubar_wrap .menubar_wrap .menubar_list .category_list .category_item:hover a  { background: #fafafa; color: #1a4978; font-weight: 500; }
.category_menubar_wrap .menubar_wrap .menubar_num { flex:1; border-right: none; }
.category_menubar_wrap .menubar_wrap .menubar_num p { font-size: 14px; font-weight: 400; color: #333; text-align: right; line-height: 1px; }
.category_menubar_wrap .menubar_wrap .menubar_num span{ font-size: 15px; color: #478df6; font-weight: 400; line-height: 1; }

.data_group { margin:0 -10px; }
.data_group .data_list  { width: 20%; float:left; margin-bottom: 20px; padding: 0 10px; box-sizing: border-box; }
.data_group .data_list .data_link_box { display: flex;  flex-direction: column; padding: 15px; height: 100%; background: #fff; border: 1px solid #eee; border-radius: 10px; box-sizing: border-box;  }
.data_group .data_list .data_link_box .data_category  { font-size: 13px; font-weight: 400; color: #bbb; }
.data_group .data_list .data_link_box .data_icon_wrap { min-height:110px; padding-top:10px; justify-content: center; align-items: center; flex:1; display:flex; }
.data_group .data_list .data_link_box .data_icon  { display:block; width: 80px; height: 80px; background: url("../images/ico-folder.png") no-repeat 0 -80px; }
.data_group .data_list .data_link_box .data_title  { font-size: 14px; color: #aaa; margin: 10px 0; line-height: 1.5; }
.data_group .data_list .data_link_box .data_date  { font-size: 12px; color: #555; }
.data_group .data_list .data_link_box:hover { border: 1px solid #1a4978;}
.data_group .data_list .data_link_box:hover .data_category  { color:#478df6; }
.data_group .data_list .data_link_box:hover .data_title { color: #333; }
.data_group .data_list .data_link_box:hover .data_icon  { background: url("../images/ico-folder.png") no-repeat 0 0; }

@media screen and (max-width: 1200px) {
  .data_group .data_list  { width: 33.3333%; }
}
@media screen and (max-width: 768px) {
  .category_menubar_wrap  { margin-bottom: 10px; }
  .category_menubar_wrap .menubar_wrap .menu_col,
  .category_menubar_wrap .menubar_wrap .menubar_list .category_list .category_item a{ padding: 15px;}
  .category_menubar_wrap .menubar_wrap .menubar_list  { flex:1; }
  .category_menubar_wrap .menubar_wrap .menubar_num { display: none;}

  .data_group .data_list  { width: 50%; }
}

/* activity - 사회공헌 영역 */
.activity01	{ padding: 60px 0 70px; border-bottom: 1px solid #eee; }
.activity02	{ padding: 60px 0 80px; }

/* careers - 채용안내 영역 */
.careers01	{ padding: 70px 0 70px; border-bottom: 1px solid #eee; }
.careers01 .column	{ padding-top: 40px; }
.careers02 { padding: 60px 0 80px;}
.careers02 .content_area .cont_smtit  { margin-bottom: 0; }
.careers02 .content_area .cont_txt { padding-top: 20px; }
.careers02 .mail_area	{ padding: 20px 0;}
.careers02 .mail_area .mailbox p	{ padding: 0;}
.careers02 .telbox	{ width: 250px; }

/* careers - 채용접수 영역 */
.accetarea01{ padding-top:70px; border-bottom: 1px solid #eee; }
.accetarea02	{ padding-bottom: 80px; }

/*다운로드 폼*/
.downform	{ padding: 60px 0; border-bottom: 1px solid #eee; }
.downform.noline	{ border-bottom: none; }
.downform h3{ float: left; border-bottom: 0; font-size: 30px;line-height: 43px; color: #333; font-weight: 400; margin-bottom:20px; }
.downform h3 em{ color: #003264;}
.downform .down_list	{ float: right;}
.downform .down_list li	{ float: left; min-width: 170px; height: 70px; }
.downform .down_list li .download-button	    { display: block; margin-left: 3px; padding: 27px 16px; height: 100%; font-weight:400; color: #333 ; font-size: 14px; border: 1px solid #eee; transition: all 0.5s; box-sizing: border-box; line-height: 18px; background: #fff; word-break: keep-all; }
.downform .down_list li .download-button span   { float: right; margin-left:10px; display: inline-block; width:18px; height: 18px;  background: url(../images/i_down_h.png) no-repeat center center; background-size: 100% 100%; vertical-align: middle; transition: all 0.5s; }
.downform .down_list li:hover a	{ border-color: #003264 ;  }
.downform .down_list li:hover a span 	{ background:url(../images/i_down.png) no-repeat center center ; background-size: 100% 100%; }

/*지원분야 폼 양식 */
.formarea	{ padding-top:60px; }
.formarea .attachment { position: relative; padding: 0 0 20px 30px; word-spacing: 1px; color: #141444; font-weight: 500; }
.formarea .form-item { margin-bottom: 35px; border-bottom: 1px solid #eee; }
.formarea .form-item:after { clear:both; content:''; display:block; }
.formarea .form-item .form-title { float:left; width: 340px; line-height:24px; border-bottom: none; font-size: 16px; font-weight: 400; color: #333; border-bottom:1px #333 solid; padding-bottom: 20px; margin-bottom:-1px; }
.formarea .form-item .form-title label  { display: block;}
.formarea .form-item .input-form { position:relative; margin-left:340px; height: auto; }
.formarea .form-item .line:after	{ position: absolute; content:""; display: block; bottom: -21px; left: 0; width: 100%; height: 1px; background: #000; }
.formarea input	{ border: none;  background: #fafafa; padding: 0 0 20px 30px; box-sizing: border-box;  outline:none; color:#aaa;  }
.formarea input::placeholder	{color: #aaa;}
.formarea.require input{ position: relative; width: 100%; }
#attach { float: left; }

/* 지원분야 폼 -업로드 */
.formarea.upload .form-item
.formarea.upload .form-item label	{ line-height: 30px;}
.formarea.upload .form-item .upload_name	{ min-width:320px; }
.formarea.upload .form-item .upload_btn 	{ width: auto; z-index:10; cursor: pointer; position:relative; font-weight:600; color:#333; }
.formarea.upload .form-item .uploadbox { position:relative; }
.formarea.upload .form-item .uploadbox input[type="file"]	{ position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border:0;}

.formarea.upload .form-item .chkbox { margin-top:15px; padding-left: 30px; }
.formarea.upload .form-item .chkbox label	{ display: inline-block; margin-right: 40px; width: auto; height: 30px; font-size: 16px; color: #aaa; vertical-align: middle; cursor:pointer; transition: color 0.3s; }
.formarea.upload .form-item .chkbox label.chk_txt	{ color: #333;}
.formarea.upload .form-item .chkbox label:after	{ display: none; }
.formarea.upload .form-item .chkbox label input	{ position:absolute; display: inline-block; opacity: 0; }
.formarea.upload .form-item .chkbox label span	{ display: inline-block; margin-right: 15px; width: 30px; height: 30px; background: url(../images/chk_icon.png) no-repeat 0 0; vertical-align: middle; }
.formarea.upload .form-item .chkbox label input:checked+span	{ background-position: -30px; }
.formarea.upload .form-item .chkbox a	{ display: inline-block; position: relative; color:#333; }

.submit_btn	{ padding-top: 65px; text-align: center; }
.submit_btn button	{ display: inline-block; position: relative; color: #333 ; font-size: 30px; border: none; outline: none; background: #fafafa; cursor:pointer; z-index:10;}
.submit_btn .blueline:after{ bottom: 5px; height: 7px; }

/* 업로드 폼 */
.upload_area	{ height: 81px; }
.upload_area .input.name	{ float: left; }
.upload_area .filebox	{ float: left; }

/* 셀렉트 박스 */
.select_area    { position: relative; }
.select_area .select_wrap .select_txt  { position: relative; padding: 20px 30px; width: 100%; font-size: 16px; color: #333; box-sizing: border-box; line-height: 24px; }
.select_area .select_wrap .select_txt .select_btn  { position: absolute; right: 0; top: 50%; display: block; width: 34px; height: 34px; background: #fff url(../images/select_btn_down.png) no-repeat center center; border-radius: 50%; border: 1px solid #333; transform: translateY(-50%) rotate(0deg); cursor: pointer; transition: transform 0.3s; }
.select_area .select_wrap .select_txt .select_btn.close{ transform: translateY(-50%) rotate(180deg); transform-origin:center; }
.select_area .select_wrap .select_list_ul  { margin-left: 30px; padding-bottom: 10px; height: 40px; background: transparent url(../images/select_arrow_down.png) no-repeat right -2px; line-height: 1.2; font-size: 16px; color: #333; -webkit-appearance: none; -moz-appearance: none;  border:none; outline: none; }
.select_area .select_wrap .select_list_ul.active{ background:url('../images/select_arrow_up.png')no-repeat right -2px;}
.select_area .select_wrap .select_list_ul option    { padding: 10px 0 ; font-size: 16px; color:#333; }
.select_area .select_wrap .select_list_ul .select_list { padding: 20px 30px; width: 100%; border-bottom: 1px solid #eee; font-size: 14px; color: #aaa; box-sizing: border-box; }
.select_area .select_wrap .select_list_ul .select_list:hover   { background: #f7f7f7; font-size: 14px; color: #333; }
select::-ms-expand  {display: none;}

/* 사이트 안내 */
.notice .content_area .page.tit{ margin-bottom: 45px; }
.notice .content_area .text-title { line-height: 1.5; }
.notice .cont.two .cont_txt { padding: 20px 0; }

@media screen and (max-width: 1200px) {
  .formarea.upload .form-item .chkbox { margin-top:15px; padding: 0; }
}

@media screen and (max-width: 768px) {
  .notice .content_area .text-title { font-size: 20px;}
  .notice .cont.two { margin-bottom: 20px; }
  .notice .cont.two .cont_txt { font-size: 16px; padding: 10px 0; }
}
@media screen and (max-width: 500px) {
  .notice .content_area .text-title { font-size: 16px; text-align: justify;}
  .notice .content_area .text-title br{ display:none;}
  .notice .cont.two .cont_txt { font-size: 13px; }
}

.sitemap .page.tit  { padding-bottom: 15px; border-bottom: none; margin-bottom: 0; }
.map-list-wrap  { margin: 0 -10px; }
.map-list  { float: left; width: 25%; height: 350px; padding: 0 10px; box-sizing: border-box; }
.map-list-item dt  { position: relative; padding: 0 15px; height: 50px; line-height: 50px;box-sizing: border-box; font-size: 18px; color: #fff;  background: #003264; }
.map-list-item dt:after{ content: '';display: block; position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px ; background: #000; }
.map-list-item dd { border-bottom: 1px solid #e1e1e1; height: 50px; box-sizing: border-box;}
.map-list-item dd a  { display: block; padding: 0 15px; font-size:14px; color:#333; line-height: 50px; font-weight: 400;  }

@media screen and (max-width: 768px) {
  .map-list { width: 50%;}
}
@media screen and (max-width: 500px) {
  .map-list { width: 100%; height: auto; margin-bottom: 50px; }
  .map-list-item dt { font-size: 16px; }
  .map-list-item dd a { font-size: 13px;}
}

/* 통합검색 페이지 영역 */
.serch_topbox   { padding-bottom:60px; border-bottom:1px solid #283f56; }
.serch_topbox form .search   { position:relative; text-align: center; width: 460px; margin: 0 auto; }
.serch_topbox form .search input   { width: 100%; height: 55px; padding: 15px 15px; box-sizing: border-box; border: 2px solid #283f56; -webkit-appearance: none;
  -webkit-border-radius: 0;}
.serch_topbox form .search input::placeholder    { color:#333; font-weight: 400; }
.serch_topbox form .search .i_search   { display: inline-block; right: 13px; top: 28px;background: #1a4978 url('../images/sch_icon.png') no-repeat center center; background-size: 100% auto;  }
.serch_topbox form .search .search_txt   { padding-top: 40px; color:#333; font-size: 14px; font-weight: 400; text-align: center;}
.integration_search .contwrap { padding: 30px 0; }
.integration_search .cont.one{ width: 100%;}
.integration_search .cont.one > div{ position:relative;}
.integration_search .find_title    { height: 63px; line-height: 63px; font-size: 20px; font-weight: 400; color: #333; }
.integration_search .find_title .find_count  { position: relative; padding-left: 10px; font-size: 14px; display: inline-block; }
.integration_search .find_title .find_count:after,
.integration_search .find_title .find_count:before   { position: absolute; display: inline-block;  top: 0; font-size: 14px; color: #333; }
.integration_search .find_title .find_count:before {content:'('; left: 4px; }
.integration_search .find_title .find_count:after {content:')'; right: -7px; }
.find_member.imgtable { margin-bottom:30px; }
.find_member .find_title    { background: url('../images/member_kr.png') no-repeat left center / auto 100% ;}
.find_field .find_title    { background: url('../images/field_kr.png') no-repeat left center / auto 100%;}
.find_news .find_title    { background: url('../images/news_bg.png') no-repeat left center / auto 100%;}
.find_media .find_title    { background: url('../images/media_bg.png') no-repeat left center / auto 100%;}
.find_case .find_title    { background: url('../images/case_bg.png') no-repeat left center / auto 100%;}
.find_newsletter .find_title    { background: url('../images/newsletter_bg.png') no-repeat left center / auto 100%;}
.find_author .find_title    { background: url('../images/author_bg.png') no-repeat left center / auto 100%;}

.pagego_btn { position: absolute; display: block; top: 15px; right: 0; width: 34px; height: 34px; background: url('../images/pagego_bg.png') no-repeat center center / cover; border-radius: 50%; text-indent:-9999px; }

/*구성원 검색*/
.thumb_lists    { margin-bottom: 40px; }
.thumb_lists .thumb_area  { float: left; width: 50%;padding-bottom: 30px; margin-bottom: 30px;  border-bottom: 1px solid #eee; }
.thumb_lists .thumb_area:hover .i_arrow { background: #283f56 url('../images/next_icon.png') no-repeat 14px center / auto 42% }
.thumb_lists .thumb_area .thumb_inner  { display: block; padding-bottom: 15px; }
.thumb_lists .member_img  { position: relative; float: left; width: 160px; height: 160px; overflow: hidden; }
.thumb_lists .member_img img  { top: 0; left: 0; bottom: 0; right: 0; }
.thumb_lists .text_box  { padding: 10px 10px 10px 190px; }
.thumb_lists .text_box .name{ position: relative ; padding-bottom: 15px; margin-bottom: 15px; font-size: 24px; color: #333; text-transform: uppercase; }
.thumb_lists .text_box .name:after{ content: ''; display: block; position: absolute; bottom: 0; width: 20px; height: 2px; background: #000; }
/*업무분야*/
.double_list .thumb_area { padding: 20px 0; margin-bottom: 0; line-height: 40px; }
.double_list .board_area { position: relative; }
.double_list .list_txt   { padding-left: 60px; font-size: 16px; color: #333; font-weight: 400; line-height: 36px; }
.i_arrow    { position: absolute; left: 0; top: 0; width: 35px; height: 35px; border-radius: 50%; overflow: hidden; vertical-align: middle; margin-right: 15px; background: #eee url('../images/next_icon.png') no-repeat 14px center / auto 42%; transition: 0.3s; }
.double_list .list_txt:hover .i_arrow { background: #283f56 url('../images/next_icon.png') no-repeat 14px center / auto 42% }
/*업무사례*/
.listtable .thumb_area  { float: none; width: 100%; padding: 20px 0; margin-bottom: 0; line-height: 22px; }
.listtable .board_area  { position: relative; }
.listtable .list_txt    { display: inline-block; padding-left: 60px; vertical-align: middle;}
.listtable .list_txt dt{ font-size: 16px; color:#333; font-weight: 400; }
.listtable .list_txt dd{ font-size: 14px; color: #555; }
/* 개인정보처리방침 */
.double-line { margin: 0 -20px; }
.double-line:after { display:block; content:''; clear:both; }
.double-line .privacy-alink-list { width:50%; float:left; padding: 0 20px; box-sizing: border-box; }
.double-line .privacy-alink-list li { margin-top:20px; }
.double-line .privacy-alink-list a { font-size:14px; color:#333; font-weight:500; }
.privacy-part { padding:20px 0; border-bottom:1px #eee solid; }
.privacy-part .privacy-title { font-size:18px; font-weight:600; display:block; margin-bottom:20px; }
.privacy-part h5 { font-size:16px; font-weight:600; margin-top:20px; }
.privacy-part table { width:100%; border-top:1px #333 solid; margin:10px 0 30px; }
.privacy-part table th { padding:15px 10px; border-bottom:1px #eee solid; text-align:left; width:20%; line-height:1.3; }
.privacy-part table td { padding:15px 10px; border-bottom:1px #eee solid; text-align:left; line-height:1.3;}
.privacy-part span { line-height:1.3; }
.privacy-part .privacy-list { margin-top:10px; margin-bottom:15px; }
.privacy-part .privacy-list li { margin-bottom:10px; margin-left:10px; }
.privacy-part .privacy-list li h5 { margin-bottom:5px; }

/* 싱가포르 사무소 */
.visual-images-section { height:340px; position:relative; background:url('../images/overseas-bg.png') center center; background-size: cover; }
.visual-images-section h4 { position:absolute; left:0; right:0; text-align:center; top:50%; color:#fff; transform: translateY(-50%); font-size:32px; line-height:1; font-weight:600; }
.overseas-txt-wrap { border-bottom:1px #B0C4DE solid; padding:30px 0; }
.overseas-txt-wrap p { text-align:justify; font-size:16px; color:#666; margin:0; }
.overseas-txt-wrap p+p { margin-top:20px; }
.overseas-info li { width:25%; padding-top:30px; float:left; }
.overseas-info li label { font-size:14px; font-weight:600; color:#333; line-height:34px; }
.overseas-info li p { margin:20px 0; font-size:16px; color:#666; font-weight:400; text-align:left; }
.overseas-info li .mail-line { display:block; position:relative; margin-bottom:10px; }
.overseas-info li .mail-line:after { display:block; content:''; clear:both; }
.overseas-info li .mail-line label { font-size:14px; line-height:1.3; color:#666; font-weight:600; float:left; }
.overseas-info li .mail-line label span { display:block; font-size:13px; color:#888; font-weight:400; }
.overseas-info li .mail-line a { padding-left:110px; position:relative; display:block; }
.overseas-info:after { display:block; content:''; clear:both; }
.location .map_box.overseas	{ height: 340px; margin-bottom:80px; border:1px #B0C4DE solid; }
.location .overseas-info .label-area { margin-bottom:20px; }
.location .overseas-info .label-area .icon { margin-right:10px; color: #003264; }
.location .overseas-info .label-area .i_call	{ width: 26px; height: 26px; line-height: 26px; margin-right: 14px; text-align: center; background: #fff url(../images/i_call.png) no-repeat center center; background-size:18px; }
.location .overseas-info .label-area .i_mail	{ width: 26px; height: 26px; line-height: 26px; margin-right: 14px; text-align: center; background: #fff url(../images/i_mail.png) no-repeat center center; background-size:18px; }

@media screen and (max-width: 1200px) {
  /* 기본 스타일 */
  .aside_area .aside_content .aside_tit h4,
  .aside_area .aside_content .aside_txt p  { padding: 0; }
  .name_input input    { font-size: 14px; height: 40px; }
  .name_input{  margin-bottom: 0; padding: 0; }
  /* neo css change */
  .name_input label{ font-weight:500; color:#fff; }
  /*.name_input label{ display: none; }*/
  .member_search_form .btn{ height: 40px; line-height: 40px; font-weight: 500; font-size: 12px; }
  .sector ::-webkit-scrollbar { display: none; width:0; }
  .container { width:auto; padding:0 20px; }
  .contwrap .cont.one { float: none; width:100%; padding:0 20px; }
  .aside_area { width: 100%; }
  .sublist   { width: 100%;}

  /* 바른소개-바른소개 */
  .intro_brun .content_area .cont.two { padding: 30px 20px 20px; }
  .intro_brun .content_area .cont.two .text-title { font-size: 20px; }

  /* 바른소개-오시는길 */
  .location .cont.one{ margin-bottom: 20px; }

  /* 업무분야-분야별 상세 */
  .tabmenu-wrapper.sticky { position: sticky; top: 0; left: 0; background: #fff; z-index: 1; }

  .custom-sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0 !important;
    background: #fff;
    z-index: 3;
  }

  /* 구성원 검색 */
  .member_search   { position: relative; max-height: 1200px; }
  .member_search .container   { padding: 0;}
  .member_search .contwrap  { flex-direction: column; min-height: 1000px; }
  .member_search .sectorbox { display: block;}
  .member_search .sectorbox .sector { padding: 20px 0 0; height: auto; width: 100%; }
  .member_search .sectorbox .sector,
  .member_search .aside_area  { border-left: none;}
  .member_search .sectorbox .sector02  { padding: 20px 0 0 ; border-top:1px #eee solid; }
  .member_search .sectorbox .sector .title_area .tit  {font-size: 18px; color: #555; font-weight: 400; padding-left: 15px; cursor: pointer; }
  .member_search .sectorbox .sector .m_icon  { display: block; top: 6px; right: 15px; left: auto; }
  .member_search .sectorbox .sector:hover { background: none;}
  .member_search .sectorbox .sector:hover .title_area .tit { color: #555;}
  .member_search .sectorbox .sector.active .title_area .tit { color: #333; font-weight: 500; }
  .member_search .sectorbox .sector.active .m_icon  { background-position: 0 0 ;}
  .select_ul  { max-height: 300px;}
  .select_ul.occ  { display: none; }
  .select_ul li{ padding: 17px 15px; font-size: 13px; line-height: 1.8; color:#555;}
  .select_ul li.active{ background: #003264; color: #fff; }

  /* 구성원 검색,상세페이지 - 공통 sticky 스타일*/
  .member_result  {padding-bottom: 0;}
  .member_search .aside_area,
  .member_result .aside_area  { position: fixed; width: 100%; z-index:9; padding: 0; bottom: 0; background: #333; box-shadow:0 0 15px rgba(0,0,0,0.1); }
  .member_search .aside_area.search .aside_content,
  .member_result .aside_area.search .aside_content{ padding: 0 ; }
  .member_search .aside_area.search .aside_tit,
  .member_result .aside_area.search .aside_tit{ display: none; }
  .member_search_form { padding: 15px; }
  .member_search_form .name_input input { background:rgba(255,255,255,0.1); border:1px #555 solid; color:#fff; }
  .member_search_form .member_btn { background:#fff; color:#333; height:46px; line-height:46px; }
  .search_category    { padding: 10px 0; }
  .search_category .category_name { color: #fff; }
  .search_category .category_value    { padding-left: 47px; color:#eee; }

  /* 구성원 검색 - 검색결과 */
  .member_result .aside_area .aside_tit{ padding-left: 0;}
  .member_result .aside_area .aside_content { padding: 0; }
  .member_result .container { padding: 0; }
  .member_result .contwrap{ display: flex; margin: 0; flex-direction: column; min-height: 1000px;}
  .member_result .contwrap .cont.one { display: block; flex:1; padding: 0 15px; }
  .member_result .aside_area.search { padding: 0; }
  .members_infobox .boxarea	{  width: 100%; height: 166px; padding: 15px 0 ; }
  .members_infobox .boxarea .boxarea_inner .text_box .name	{  font-size: 20px; margin-bottom: 12px; }
  .members_infobox .boxarea .boxarea_inner .text_box .name em	{ font-size: 14px; }
  .members_infobox .boxarea .boxarea_inner .memberphoto   { width: 135px; height: 135px; }
  .members_infobox .boxarea .boxarea_inner .text_box  { padding-left: 155px;}

  /* 구성원 검색 - 검색결과 - 상세페이지 */
  .member_view .aside_area .aside_content .aside_tit  { border-bottom: 1px solid #003426; }
  .member_view .aside_area .aside_content .profile_img_box { position: absolute; width: 164px; height: 164px; }
  .member_view .aside_area .mailbox { padding-left: 180px; padding-top: 22px; }
  .member_view .profilebtn  { border: none; padding-left: 180px; width: 300px; }
  .member_view .profilebtn .profilebtn_btn { border: 1px solid #eee; box-sizing: border-box; }
  .member_view .profilebtn .profilebtn_btn:first-child { border-right: none; }

  /* 소식/자료 - 공통디자인 */
  .research01 { padding: 30px 0 40px; }
  .research01 .cont02 p, .research01 .cont02 span { padding-top: 20px;}

  /* 소식/자료 - 바른뉴스*/
  .research .aside_area   { display: none; }

  /* 채용공고 - 채용안내 */
  .careers_guide .cont.two{ float: none; width: auto; padding: 0; margin-bottom: 40px; }
  .careers_guide .contwrap  { margin: 0; }

  /* 채용공고 - 채용접수 */
  .careers_accept .cont { padding: 0; }
  .formarea .form-item  { margin-bottom: 15px;}
  .formarea .form-item .form-title { width: 100%; float:none; border-bottom:0; margin:0; padding-bottom:0; font-size:14px; font-weight:600; }
  .formarea .form-item .input-form { margin-left:0; padding-left:0; height: auto; }
  .formarea .select_wrap { position:static; left:0; top:auto; display:block; width:auto; }
  .formarea .select_wrap .select_head { width:auto; }
  .formarea .attachment { padding-top: 15px; padding-left: 0; }
  .select_area .select_wrap .select_head .select_txt { padding-left:0; }
  .formarea input { padding-left:0; padding-top:25px; padding-bottom: 15px; display:block; }
  .formarea.upload .form-item { display:block; }
  .formarea.upload .form-item .chkbox { height: 100%; margin-bottom: 15px; }
  .formarea.upload .form-item .chkbox a {  top: 38px;}
  .formarea.upload .form-item .chkbox label { display:block; margin-bottom:10px; font-size: 14px; }
  .formarea.upload .form-item .upload_name  { width: 100%; }
  .formarea.upload .form-item .upload_btn { position: absolute; right: 0; top: 32px;}
  .select_area .select_wrap .select_list_ul { margin-left: 0; width: 100%; }

  .formarea.upload .form-item .chkbox { width: 100%; }
  .formarea.upload .form-item .chkbox a { position: absolute; right: 0; top: 40px;}

  .downform h3 { float:none; margin-bottom:30px; }
  .downform h3 br { display:none; }
  .downform .down_list { float:none; }
  .downform .down_list li { width:20%; }

  .chart_wrap .chart_ul .chart_list { padding: 0 0 12px 150px; }

  /*search page*/
  .serch_topbox   { padding-bottom:30px; margin-bottom: 0; }
  .serch_topbox form .search   { position:relative; text-align: center; width: 100%; }
  .serch_topbox form .search input   { width: 100%; -webkit-appearance: none;
    -webkit-border-radius: 0; }
  .serch_topbox form .search input::placeholder    { font-size: 14px; }
  .serch_topbox form .search .i_search   { display: block; position: absolute; right: 15px; margin-left: 0px;}
  .serch_topbox form .search .search_txt   { padding-top: 20px; color:#333; font-size: 14px; font-weight: 400; text-align: center;}
  .integration_search .contwrap { padding: 25px 0; }
  .integration_search .find_title    { height: 53px; line-height: 53px;}
  .listtable .list_txt    { width: 85%;}
  .double_list .list_txt,
  .listtable .list_txt dt{ font-size: 14px;}
  .listtable .list_txt dd{ font-size: 13px;}

  .thumb_lists    { margin-bottom: 20px; }
  .thumb_lists .thumb_area  { float: none; width: 100%;padding-bottom: 15px; margin-bottom: 15px; }
  .thumb_lists .thumb_area .thumb_inner  { padding-bottom: 0; }
  .thumb_lists .member_img  { width: 135px; height: 135px; }
  .thumb_lists .text_box  { padding: 10px 0 0 160px;}
  .thumb_lists .text_box .name{ font-size: 20px;}

  .category_view .aside_area  {display: none; }

  .tabmenu-wrapper { margin-left: -20px; margin-right: -20px; }

  #member footer{ display: none; }
}
@media screen and (max-width: 1120px) {

  .overseas-info li .mail-line label {
    font-size: 14px;
    line-height: 1.3;
    color: #666;
    font-weight: 600;
    float: none;
  }

  .overseas-info li .mail-line label span {
    display: inline-block;
    margin-left:5px;
    font-size: 13px;
    color: #888;
    font-weight: 400;
  }

  .overseas-info li .mail-line a {
    padding-left: 0px;
    margin-top:5px;
    position: relative;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  p,li{ font-size: 13px; line-height: 1.8; }
  .content_area .page.tit + p { padding-top: 20px; }
  .header.sub { border-bottom:1px #ddd solid; }
  .container  { padding: 0 15px; }
  .subpage_pd { padding-top:20px; }
  .contwrap { margin:0; }
  .contwrap .cont.one { padding: 0;}
  .cont{ padding: 0; }
  .cont.two { float:none; width:auto; padding:0; margin-bottom:40px; }
  .cont_txt { font-size: 13px; }
  .cont_txt table th,
  .cont_txt table td,
  .cont_txt table tr { font-size: 13px; }
  .nav { display:none; }
  .footer_top { overflow-x:hidden; }
  .footer_top .f_top { margin:0; }
  .footer_top .f_top li { width:auto; float:none; padding:20px 0; margin:0; }
  .footer_top .f_top li p { margin:0; padding-top: 5px; }
  .footer_top .f_top li p	span { font-size:18px; }
  .footer_top .f_top li .bg-img { width:50px; height:50px; }
  .footer_top .f_top li+li { border-left:0; border-top:1px #e5e5e5 solid; }

  .new-footer {
    padding-top:30px;
    padding-bottom:50px;
  }
  .new-footer .f_btm, .new-footer .f_btm p, .new-footer .f_btm ul {
    text-align: center;
  }
  .new-footer .f_btm .logo-line {
    flex-direction: column;
    margin-bottom:20px;
  }
  .new-footer .f_btm .logo_gray {
    margin-bottom:10px;
  }

  .new-footer .f_btm ul li a {
    padding:0 10px;
    line-height:1;
  }
  .new-footer .f_btm ul li a,
  .new-footer .f_btm p {
    font-size:14px;
  }
  /* 바른소식 - 바른 소개 */
  .intro_brun .content_area .cont.two{ padding: 30px 0px 0px; margin-bottom: 0; }

  /* 바른소식 - 바른연혁*/
  .history .content_area .cont.two .text-title    { font-size: 20px; padding: 20px 0 15px;}
  .history .content_area .cont.two dl { padding: 10px 0; }
  .history .content_area .cont.two dl .history_date   { float:none; font-size: 16px; line-height: 1.3em; }
  .history .content_area .cont.two dl .history_txt  { padding: 5px 0; font-size: 16px;line-height: 1.5em;  }

  /* 바른소식 - 오시는길 */
  .location .map_box	{ height: 300px; }
  .location .map_info	{ display: block;}
  .location .map_info li	{ flex:none; width: 100%; }
  .location .map_info li span	{ float: left; margin: 5px 14px 5px 0; width: 26px; height: 26px; line-height: 26px; }
  .location .map_info li span.i_call	{ width: 26px; height: 26px; line-height: 26px; margin-right: 14px; }

  .location .map_info li p	{ padding: 6px 0 0 0; font-size: 22px; line-height: 22px; font-weight: 100; color:#333;}
  .location .map_info li p br {display:none;}
  .location .map_info li:first-child p	{ font-size: 14px; line-height: 24px;}

  .location .aside_area	{ margin-top: 18px; padding: 0; }
  .location .aside_area .aside_content  { width: 100%; float: left; }
  .location .aside_area .aside_content .aside_txt p   { line-height: 2; font-size: 14px; }

  /* 업무분야 - 분야별 */
  .btn_area .plus_btn .plus   { width: 12px; }
  .title_area .btn_area .plus_btn {  font-size:16px; }
  .wholemenu .menu.top .name  { padding: 16px ; font-size: 16px; }
  .wholemenu .menu.top .sublist .item { width: 100%; padding: 0; }
  .industry .link_list a  { padding: 16px; font-size: 16px; }
  .wholemenu .menu.top .sublist .item a { padding:5px 22px; line-height: 48px; font-size: 14px; }


  /* 구성원 검색 검색결과*/
  .members_infobox .boxarea .boxarea_inner .text_box .name  { font-size: 18px; margin-bottom: 13px; }

  /* 구성원 검색 - 검색결과 상세페이지 */
  .member_view .page.tit em { font-size: 16px; font-weight: 500; margin-left: 10px; }
  .member_view .content_area .cont_tit  { padding: 10px 0; }
  .member_view .aside_area  { padding: 0;  }
  .search_category .category_name { line-height: 26px; }

  /* 소식/자료 - 공통디자인 */
  .research01 .cont02 p, .research01 .cont02 span { font-size: 14px; line-height: 2;}
  .articlebox .article_tit { padding-top:10px; }
  .articlebox .article_tit { font-size:18px; }
  .articlebox .article_date { padding-top: 8px;font-size: 13px;}
  .articlebox .postit { font-size:12px; padding: 6px 8px; font-weight: 100; }

  /* 채용공고 - 채용안내 */
  .careers02  { padding: 30px 0 50px; }
  .cont_smtit { font-size: 18px; }
  .mail_area .mailbox .name, .mail_area .mailmembers_infobox .name { font-size:16px; }
  .mail_area .mailbox p { font-size: 13px; line-height: 20px; }
  .downform { padding: 15px 0;}
  .downform h3  {font-size: 20px; line-height: 25px; margin-bottom:5px;}
  .downform h3 br { display:none; }
  .formarea { padding-top: 20px;}
  .select_area .select_wrap .select_list_ul { width: 100%; margin-left: 0; padding-top: 5px; font-size: 14px; }
  .formarea input {font-size: 14px; width: 100%; }
  .formarea .attachment { font-size: 15px; }
  .formarea .form-item  { margin-bottom: 15px; }
  .formarea.upload .form-item .chkbox a.blueline:after  { bottom: 6px; }
  .formarea.upload .form-item .upload_btn { font-size: 14px; position: absolute; right: 0; top: 25px; }
  .formarea.upload .form-item label { line-height: 24px;}
  .formarea.upload .form-item .uploadbox .blueline:after  { bottom: 5px; }
  .formarea.upload .form-item .upload_name  { width: 90%;}
  .formarea.upload .form-item .chkbox label span  { width: 26px; height: 26px; margin-right: 10px; background: url('../images/chk_icon.png') no-repeat 0 0 /200%;}
  .formarea.upload .form-item .chkbox label input:checked+span  { background-position: -26px; }
  .submit_btn { padding-top: 35px; }
  .submit_btn button  { font-size: 20px; }
  .submit_btn .blueline:after { bottom: 3px; height: 5px; }

  .chart_wrap .chart_ul { padding-bottom: 30px; }
  .chart_wrap .chart_ul .chart_list { padding: 0 0 8px 100px; font-size: 13px; }
  .chart_wrap .chart_ul .chart_list strong  { font-size: 14px;}

  .page_area .pagenation .page_items .page.nums .numbtn { width: 30px; height: 30px; }

  .activity01 { padding:30px 0; }
  .activity02 { padding: 30px 0 80px; }

  .careers01 { padding:30px 0; }
  .careers02 .telbox { width:auto; margin-top:10px; }
  .accetarea01{ padding-top:30px; border-bottom: 1px solid #eee;}
  .accetarea02	{padding-bottom: 30px; }
  .tabmenu-wrapper { margin-left:-15px; margin-right:-15px; margin-bottom: 20px; overflow-x:scroll; -webkit-overflow-scrolling: touch; }
  .tabmenu .tab.active  { font-weight: 500; }
  .tabmenu .tab a { padding: 16px 12px; font-weight: 400; }
  .content_area .cont_tit { padding: 0 0 15px; }
  .content_area .cont_tit + p { padding: 20px 0 30px;}
  .page_area .pagenation .page_items,
  .page_area .pagenation .page_items.prev,
  .page_area .pagenation .page_items.next { width: 30px; height: 30px;}

  /*소식자료*/
  .research01	{padding: 30px 0 33px; }

  /* 구성원 상세 */
  #work .cont_txt { line-height: 16px; }
}

@media screen and (max-width: 500px) {
  /* 공통영역 */
  .page.tit { font-size: 20px; font-weight:600; padding-bottom: 10px; }
  .content_area .cont_tit,.member-mobile-area label { font-size: 16px; }
  .blueline:after { height: 3px; }
  .cont_smtit { font-size: 14px; }
  .mail_area .telbox p  { padding: 5px 0 0; font-weight: 100; font-size: 13px; }

  .aside_area .aside_content .aside_txt { padding: 10px 0 45px;}

  .double_list .list_txt   { line-height: 26px; padding-left: 40px; }
  .thumb_lists .thumb_area .i_arrow { width: 26px; height: 26px; background: #eee url('../images/next_icon.png') no-repeat 10px center / auto 42%; }
  .listtable .list_txt    { padding-left: 40px; }

  .hammenu_area .hammenu span:after,
  .hammenu_area .hammenu span:before  { width: 30px; }
  .call .i_call,
  .mail .i_mail,
  .pagego_btn,
  .search .i_search   { width: 26px; height: 26px; }
  .call{ padding: 0 0 5px 0;}
  .field{ font-size: 14px;}
  .mail,
  .call{ font-size: 13px; }
  .mail_area .mailbox,
  .mail_area .telbox { float:none; }

  .article_textarea,
  .article_textarea + p,
  .article_textarea *{ line-height: 1.8; font-size: 13px; word-break: break-all; }

  .page.subtit { font-size: 18px; padding: 30px 0; text-align: justify; }
  .page.subtit br { display: none; }

  .footer_btm .f_btm ul li a { font-size:11px; padding:0 10px; }
  .footer_btm .f_btm { font-size:12px; padding: 35px 0; }
  .footer_btm .f_btm .logo_gray {  width: 150px;}
  .footer_top .f_top li p { font-size: 14px; }
  .footer_top .f_top li p	span { font-size:16px; }

  /*헤더 검색버튼*/
  .mobile.search  { padding: 18px 14px; width: 50px; }
  .header.sub .mobile.search .i_search    { width: 26px; height: 26px; }

  /* 바른 소개 */
  .intro_brun .content_area .cont.two { padding: 20px 0 0; }
  .intro_brun .content_area .page.tit { margin-bottom: 10px; }
  .intro_brun .content_area .cont_txt { font-size: 13px; padding: 0 0 15px 0; line-height: 2; }
  .intro_brun .content_area .cont.two .text-title   { font-size: 16px; padding: 15px 0 15px;}

  /* 오시는길 */
  .location .map_info li p  { font-size: 18px; }

  /* 업무분야-분야별 */
  .title_area .btn_area .plus_btn { font-size: 14px; line-height: 30px; }
  .wholemenu .menu.top .name { padding: 14px; font-size: 14px; }
  .wholemenu .menu.top .sublist .item a { padding:0px 15px; font-size: 13px; }
  .menu.top .btn_area { margin-right:20px; }
  .menu.top .btn_area .plus_btn { line-height:44px; }
  .industry .link_list a  { padding: 14px; font-size: 14px; }
  .industry .link_list:hover .industry_btn  { background: url('../images/arrow_next.png') no-repeat -26px 0 / 200% auto; }
  .industry .link_list .industry_btn  { margin-top: 0; width: 26px; height: 26px; }

  /* 구성원 검색 */
  .member_search_form { padding: 15px; }
  .search_category  { padding: 5px 0; font-size: 13px; }
  .name_input input { font-size: 13px; }
  .member_btn { font-size: 14px; }

  /* 구성원 검색 검색결과*/
  .members_infobox .boxarea .boxarea_inner .text_box  { padding-left: 146px; }
  .members_infobox .boxarea .boxarea_inner .text_box .name  { font-size: 16px; margin-bottom: 13px; padding: 2px 10px 10px 0; }
  .members_infobox .boxarea .boxarea_inner .text_box .name .em-job  { font-size: 13px; }
  .member_result .mail,
  .member_result .call,
  .integration_search .mail,
  .integration_search .call { font-size: 12px; }
  .member_result .icon,
  .integration_search .call{ display: block; margin-right: 8px; line-height: 16px;  }
  .member_result .mail .i_mail,
  .member_result .call .i_call,
  .integration_search .mail .i_mail,
  .integration_search .call .i_call{ width: 16px; height: 16px; background-size: 12px; display: block; }

  /* 구성원 검색 - 상세페이지 - 검색결과없음 */
  .result_none  { padding: 50px 0; }
  .message_area img { width: 180px;}
  .message_area h3  { padding: 30px 0 15px; font-size: 20px;}

  /* 소식/자료 - 공통디자인 */
  .research01 { padding-top:0;}
  .research01 .cont02 { padding: 20px 0; }
  .research01 .cont02 .box_btn { margin-top: 20px; padding: 12px; min-width: 112px; height: 40px; font-size: 13px; }
  .research01 .cont02 p, .research01 .cont02 span { font-size: 13px; }
  .articlebox .article_tit { font-size:16px; line-height: 1.5; }
  .gotolist_area  { padding: 6px 0; height: 52px; }
  .goto_btn { width: 80px; height: 40px; line-height: 40px; font-size: 13px; }
  .research02 { padding: 50px 0 60px; }
  .research02 .cont_smtit { padding-bottom: 10px;}
  .filebox a  { line-height: 36px; font-size: 13px; }
  .filebox a span { width: 28px; height: 28px; margin-right:5px; background-size: 13px 13px;}

  /* 채용공고 - 채용접수 */
  .submit_btn .blueline:after { bottom: 3px; height: 3px; }
  .content_area .cont.two .text-title { font-size: 24px; color: #333; padding: 15px 0 30px; }

  .page.subtit { font-size: 18px; padding: 30px 0; text-align: justify; }
  .page.subtit br { display: none; }
  .footer_btm .f_btm ul li { margin:10px 0 20px; }
  .footer_btm .f_btm ul li a { font-size:12px; line-height:1; padding:0 10px; }
  .footer_btm .f_btm { font-size:12px; padding: 35px 0; }
  .footer_btm .f_btm .logo_gray {  width: 150px;}
  .footer_top .f_top li p { font-size: 14px; }
  .footer_top .f_top li p	span { font-size:16px; }

  .mail_area .mailbox,
  .mail_area .telbox { float:none; }
  .downform .down_list li { width:100%; margin-bottom:3px; }

  .formarea .attachment { font-size: 14px; }

  .subpage_pd.member_view { padding-top:0; }
  .another-items .articlebox .article_tit { font-size:16px; }

  .chart_wrap .chart_ul .chart_list { padding: 0 0 12px 100px;  }

  .member_view .member-screen-bg .page.tit em { color:#eee; margin-left:5px; font-size:14px; }
  .member_view .aside_area  { display: none; padding: 0;  }
  .member-screen-bg { height:340px; position:relative; background-color:#555; margin-left:-15px; margin-right:-15px; background-image:url('../images/noimg-member.jpg'); background-size:cover; background-position:center center; }
  .member-screen-bg .member-title-wrapper { position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); padding:10px 15px; z-index:2; }
  .member-screen-bg .page.tit { color:#fff; }
  .member-screen-bg .member-profile-img { display:block; opacity:1; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; }
  .member-screen-bg .mobile-account-box { display:block; }
  .member_search .contwrap { min-height:100%; }

  .articlebox { padding:15px 0; }

  /* 개인정보처리방침 */
  .double-line { margin: 0 -10px; }
  .double-line .privacy-alink-list { padding: 0 10px; }
  .privacy-part .privacy-title { font-size: 16px; line-height: 1.5; }
  .privacy-part h5 { font-size: 14px; line-height: 1.5; padding-bottom: 10px; }
  .privacy-part span { line-height:1.8; font-size: 13px; }
  .privacy-part table th,
  .privacy-part table td { font-size: 13px; line-height: 1.8; }

  .visual-images-section { height:200px; }
  .visual-images-section h4 { font-size:18px; }
  .overseas-txt-wrap { padding:20px 0; font-size:14px; }
  .overseas-txt-wrap p+p { margin-top:10px; }
  .overseas-info li { width:100%; padding-top:20px; float:none; }
  .overseas-info li label { font-size:12px; }
  .overseas-info li p { margin:10px 0 0; font-size:14px; }
  .location .map_box.overseas	{ height: 280px; margin-bottom:40px; }
  .location .overseas-info .label-area { margin-bottom:0; }


  .new-footer .f_btm ul li {
    border:0;
  }
  .new-footer .f_btm ul li a {
    padding:5px 10px !important;
  }
}

/* Mobile Device */
@media screen and ( max-width: 1200px ) {
  .member-mobile-area {display: block;}
  .member-mobile-area.show { display: block;}
}

@media screen and ( max-width: 768px ) {


}

.markup-reduce {
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
  line-height:22px;
  margin-bottom:20px;
  max-height:44px;
  -webkit-line-clamp:2;
}

.guide-ie { position:fixed; left:0; top:0; bottom:0; right:0; background: #fafafa; width:100%; height:100%; z-index:99999; display:none; }
.guide-ie .content { width:600px; position:absolute; height:220px; left:50%; top:50%; margin-top:-110px; margin-left:-300px; text-align: center; }
.guide-ie .content img { width:72px; }
.guide-ie .content h2 { font-weight:400; color:#222; line-height:1.2; text-align:center; margin-bottom:20px; margin-top:10px; }
.guide-ie .content p { text-align:center; }
.ie7 .guide-ie,.ie8 .guide-ie,.ie9 .guide-ie,.ie10 .guide-ie { display:block; }
.ie7, .ie8, .ie9, .ie10 { overflow:hidden; }