

/**
 * reset
 */
html, body {height:100%;}
body {font-family:'Noto Sans', sans-serif; font-weight:400; font-size:16px; line-height:1.5; color:#333;}
a {color:inherit;}
h1, h2, h3, h4, h5, h6 {line-height:1.2;}
button[type=button], input[type=text], input[type=radio], input[type=checkbox], select, textarea {background-color:transparent; font-family:inherit; font-size:inherit; line-height:inherit; color:inherit;}


/**
 * helper class
 */
.text-c {text-align:center !important;}
.pl-12 {padding-left:12px;}
/* 규정 및 약관 제목 마우스 모양 */
.area_tab_tit {cursor:pointer;}

/**
 * layout
 */
#wrap {min-width:1280px; height:100%; margin:0 auto;}


/**
 * header
 */
.header {position:fixed; z-index:10000; top:0; left:0; width:100%; min-width:1280px; height:100px; border-bottom:1px solid #ccc; background-color:#fff;}
.header .header_inner {max-width:1920px; margin:0 auto;}
.header .header_inner:after {display:block; clear:both; height:0; content:'';}
/* logo, util */
.header .logo {float:left; padding-top:22px; margin-left:30px;}
.header .util {float:right;}
/* gnb */
.header .gnb {position:absolute; left:50%; width:560px; margin-left:-280px;}
.header .gnb > li {float:left; width:140px;}
.header .gnb > li > a {display:block; position:relative; height:100px; text-align:center; font-weight:700; font-size:18px; line-height:100px; color:#000;}
/* [D] gnb에 마우스오버시 .active 추가 / 현재 페이지일때 .on 추가 (글자색, 밑줄 추가) */
.header .gnb > li.on > a,
.header .gnb > li.active > a {color:#01b4e5;}
.header .gnb > li.on > a:after,
.header .gnb > li.active > a:after {position:absolute; bottom:0; left:50%; width:40px; height:5px; margin-left:-20px; background-color:#01b4e5; content:'';}

/* lnb */
/* 100% 배경 */
.header .wrap_lnb {display:none; position:absolute; top:101px; left:0; width:100%; height:313px; border-bottom:1px solid #ccc; background-color:#fff;}
.header .lnb {position:absolute; left:50%; width:560px; margin-left:-280px;}
.header .lnb:after {display:block; clear:both; height:0; content:'';}
/* lnb에 마우스오버시 header의 border로 인한 active 아이콘 깜박임 해결 (lnb를 1px 올림) */
.header .lnb > li {float:left; position:relative; top:-1px; width:140px; padding-top:32px; border-top:1px solid #ccc;}
.header .wrap_lnb_each {height:250px; border-right:1px solid #ccc;}
.header .lnb > li:last-child .wrap_lnb_each {border-right:0;}
/* lnb 아이콘 */
/* 공통 */
.header .icon_lnb {display:block; height:24px; margin:13px auto 5px; background-repeat:no-repeat; background-position:0 0;}
.header .icon_lnb_company {width:24px; background-image:url(../image/icon_lnb_company_off.gif);}
.header .icon_lnb_product {width:24px; background-image:url(../image/icon_lnb_product_off.gif);}
.header .icon_lnb_invest {width:29px; background-image:url(../image/icon_lnb_invest_off.gif);}
.header .icon_lnb_pr {width:26px; background-image:url(../image/icon_lnb_pr_off.gif);}
.header .icon_lnb_recruit {width:29px; background-image:url(../image/icon_lnb_recruit_off.gif);}
/* [D] gnb나 lnb에 마우스오버시 .active 추가 / 현재 페이지일때 .on추가 (lnb 아이콘 활성화) */
.header .icon_lnb_company.active,
.header .icon_lnb_company.on {background-image:url(../image/icon_lnb_company_on.gif);}
.header .icon_lnb_product.active,
.header .icon_lnb_product.on {background-image:url(../image/icon_lnb_product_on.gif);}
.header .icon_lnb_invest.active,
.header .icon_lnb_invest.on {background-image:url(../image/icon_lnb_invest_on.gif);}
.header .icon_lnb_pr.active,
.header .icon_lnb_pr.on {background-image:url(../image/icon_lnb_pr_on.gif);}
.header .icon_lnb_recruit.active,
.header .icon_lnb_recruit.on {background-image:url(../image/icon_lnb_recruit_on.gif);}
/* lnb 각 메뉴 */
/* 영문 */
.header .lnb_each > li > a {display:block; padding:7px 0 8px; text-align:center; font-weight:400; font-size:16px; line-height:1.2; color:#333;}
.header .lnb_each > li > a:hover,
.header .lnb_each > li.on > a {color:#01b4e5;}

/* util */
.header .area_lang,
.header .area_site {float:left;}
/* 언어선택 */
.header .area_lang {padding-top:36px;}
.header .list_lang {overflow:hidden; position:relative; width:59px; height:26px; border:2px solid #898989; border-radius:18px; margin-right:20px; background-color:#fff;}
.header .list_lang > li > a {display:block; height:26px; background:url(../image/arr_lang_off.gif) no-repeat 43px 50%; text-indent:10px; font-weight:700; font-size:14px; line-height:26px; color:#898989;}
/* 언어선택에 마우스오버시 다른언어, 화살표 나옴 */
.header .list_lang:hover {height:52px; border-radius:15px;}
.header .list_lang > li:hover > a {background-image:url(../image/arr_lang_on.gif); color:#00b5e2;}
/* 공개구매, 인트라넷 */
.header .list_site > li {width:145px;}
.header .list_site > li > a {display:block; height:50px; text-align:center; font-weight:400; font-size:16px; line-height:50px; color:#fff;}
.header .list_site .link_buy {background:#002e5d;}
.header .list_site .link_intra {background:#00b5e2;}

/* 게시판 뷰페이지 */
a.default_pointer {cursor:default;}

/**
 * footer
 */
.footer {height:100px; background-color:#252525;}
.footer .footer_inner {max-width:1920px; margin:0 auto;}
.footer .footer_inner:after {display:block; clear:both; height:0; content:'';}
.footer .area_copy {float:left;}
.footer .area_guide {float:right;}
/* 왼쪽 영역 */
.footer .copyright,
.footer .zone_share {float:left;}
/* 카피라이트 */
.footer .copyright {height:100px; margin:0 20px 0 30px; font-weight:400; font-size:12px; line-height:100px; color:#989898;}
.footer .copyright .txt_at {margin:0 3px 0 4px; vertical-align:-1px;}
/* 공유하기 */
.footer .zone_share {margin-top:35px; cursor:pointer;}
.footer .icon_share,
.footer .list_share {float:left;}
.footer .icon_share {width:15px; height:15px; margin:8px 10px 0 0; background:url(../image/icon_footer_share_off.png) no-repeat 0 0;}
/* sns 아이콘 3개 */
.footer .list_share {display:none; overflow:hidden; width:92px; height:20px; padding-top:6px; border:2px solid #fff; border-radius:15px; text-align:center; font-size:0;}
.footer .list_share > li {display:inline-block; text-align:center; vertical-align:middle;}
.footer .list_share > li:nth-child(2) {margin:0 11px 0 13px;}
/* 공유하기 아이콘에 마우스오버시 sns 종류 나옴 */
.footer .zone_share:hover .icon_share {background:url(../image/icon_footer_share_on.png) no-repeat 0 0;}
.footer .zone_share:hover .list_share {display:block;}
/* 우측 영역 */
.footer .area_guide:after {display:block; clear:both; height:0; content:'';}
.footer .list_shortcut,
.footer .list_guide,
.footer .zone_family {float:left; font-size:14px;}
/* 공개구매, 인트라넷 */
.footer .list_shortcut:after {display:inline-block; width:1px; height:14px; margin:0 15px 0 13px; background-color:#999; vertical-align:-2px; content:'';}
.footer .list_shortcut > li {display:inline-block; height:100px; margin-right:13px; line-height:100px;}
.footer .list_shortcut > li:last-child {margin-right:0;}
.footer .list_shortcut > li > a {font-weight:400; font-size:14px; color:#fff;}
.footer .list_shortcut .link_shortcut_buy {padding-left:31px; background:url(../image/icon_footer_buy_off.png) no-repeat 0 50%;}
.footer .list_shortcut .link_shortcut_intra {padding-left:25px; background:url(../image/icon_footer_intra_off.png) no-repeat 0 50%;}
.footer .list_shortcut > li > a:hover {color:#01b4e5;}
.footer .list_shortcut .link_shortcut_buy:hover {background:url(../image/icon_footer_buy_on.png) no-repeat 0 50%;}
.footer .list_shortcut .link_shortcut_intra:hover {background:url(../image/icon_footer_intra_on.png) no-repeat 0 50%;}
/* 고객센터 등 */
.footer .list_guide {margin-right:27px;}
.footer .list_guide > li {display:inline-block; height:100px; line-height:100px; margin-right:12px;}
.footer .list_guide > li:last-child {margin-right:0;}
.footer .list_guide > li > a {font-weight:400; font-size:14px; color:#999;}
.footer .list_guide > li > a:hover {color:#8bd3e6;}
.footer .list_guide .link_privacy {font-weight:700; color:#fff;}
.footer .list_guide .link_privacy:hover {color:#01b4e5;}
/* 패밀리사이트 */
.footer .zone_family {position:relative; box-sizing:border-box; width:130px; height:35px; margin:33px 30px 0 0; border:1px solid #7b7b7b; background-color:#fff;}
.footer .tit_family {height:33px; padding-left:15px; background:url(../image/arr_family_off.gif) no-repeat 102px 50%; font-weight:700; font-size:12px; line-height:33px; color:#333; cursor:pointer;}
.footer .list_family {display:none; position:absolute; top:-76px; left:-1px; box-sizing:border-box; width:130px; height:75px; padding:13px 0 9px; border:1px solid #7b7b7b; border-bottom:0; background-color:#fff;}
.footer .list_family > li > a {display:block; height:26px; padding:0 16px; font-weight:500; font-size:14px; line-height:26px; color:#333;}
.footer .list_family > li > a:hover {color:#01b4e5;}
/* 패밀리사이트에 마우스오버시 내용 나옴 */
.footer .zone_family:hover {border-color:#01b4e5;}
.footer .zone_family:hover .tit_family {background-image:url(../image/arr_family_on.gif);}
.footer .zone_family:hover .list_family {display:block;}


/**
 * 서브 공통
 */
/* 우측 써클배경 */
#wrap .container_inner {background:url(../image/bg_sub_circle.png) no-repeat 50% 406px;}
/* top 버튼 */
#wrap .btn_top {position:fixed; right:55px; bottom:190px;}

/* 페이지 공통 */
/* header fixed로 인해 padding-top 추가 */
.page_comm {position:relative; padding:100px 0 200px; background-repeat:no-repeat; background-position:50% 100px;}

/* 페이지 로케이션, 타이틀 */
.page_comm .box_intro {box-sizing:border-box; width:1090px; height:203px; padding:43px 0; margin:0 auto;}
.page_comm .area_location {margin-bottom:12px; font-size:0;}
.page_comm .area_location .link_home,
.page_comm .area_location .txt_location,
.page_comm .area_location .txt_here {display:inline-block; vertical-align:middle; font-weight:400; font-size:12px; line-height:1.5; color:#ccc;}
.page_comm .area_location .link_home {padding-top:2px; margin-right:10px;}
.page_comm .area_location .txt_location {padding-right:14px; margin-right:10px; background:url(../image/arr_location_next.gif) no-repeat 100% 6px;}
.page_comm .area_location .txt_here {font-weight:700; color:#01b4e5;}
.page_comm .area_page_tit {font-weight:400; line-height:1.5; color:#000;}
.page_comm .tit_page {margin-bottom:8px; font-size:42px; font-weight:400;}
.page_comm .desc_page {font-size:20px; line-height:24px;}

/* snb 로고, 토글 등장시 스크롤 생기는거 방지 */
.page_comm .wrap_snb_all {overflow:hidden; position:absolute; left:0; width:100%; height:500px;}
/* snb 100% 배경 */
.page_comm .wrap_snb {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff;}
/* snb 중앙정렬 */
.page_comm .inner_snb {position:relative; max-width:1920px; height:58px; margin:0 auto;}
.page_comm .inner_snb:after {display:block; clear:both; height:0; content:'';}
.page_comm .logo_snb {float:left; padding-top:8px; padding-bottom:3px; margin-left:-121px;}
.page_comm .wrap_toggle {float:right; padding-top:19px; margin-right:-27px;}
.page_comm .logo_snb,
.page_comm .wrap_toggle,
.page_comm .toggle_close {display:none;}
/* snb */
.page_comm .snb {position:absolute; left:50%; width:1090px; margin-left:-545px; text-align:center; font-size:0;}
.page_comm .snb:after {display:block; clear:both; height:0; content:'';}
.page_comm .snb > li {display:inline-block; position:relative; width:165px;}
.page_comm .snb.type_product > li:nth-child(2) {width:210px;}
.page_comm .snb > li:last-child {margin-right:0;}
/* [P] font-weight:700 삭제 */
.page_comm .snb > li > a {display:block; height:58px; font-size:18px; line-height:58px; color:#000;}
/* snb에 마우스오버시 border로 인한 깜박임 해결 (snb_each를 1px 올림) */
.page_comm .snb_each {display:none; position:absolute; z-index:10; top:58px; box-sizing:border-box; width:100%; padding:29px 0 27px; border:1px solid #ccc; background:#fff url(../image/bg_sub_each.gif) repeat-x 0 0;}
.page_comm .snb_each > li > a {display:block; padding:6px 0; font-weight:400; font-size:16px; line-height:1.2; color:#000; word-break:break-all;}
.page_comm .snb_each > li.on > a,
.page_comm .snb_each > li > a:hover {color:#01b4e5;}
/* [D] snb에 마우스오버시 .active 추가 / 현재 페이지일때 .on 추가 (화살표, 각메뉴 등장) */
.page_comm .snb > li.active > a,
.page_comm .snb > li.on > a {background:url(../image/arr_snb_over.gif) no-repeat 50% 48px; color:#01b4e5;}

/* snb 메뉴개수에 따라 li 마진 달라짐 */
.page_comm .snb.type3 > li {margin-right:50px;}
.page_comm .snb.type3 > li:last-child {margin-right:0;}
.page_comm .snb.type4 > li {margin-right:50px;}
.page_comm .snb.type4 > li:last-child {margin-right:0;}
.page_comm .snb.type5 > li {margin-right:50px;}
.page_comm .snb.type5 > li:last-child {margin-right:0;}
.page_comm .snb.type6 > li:first-child {margin-left:48px; margin-right:-10px;}
.page_comm .snb.type6 > li:nth-child(2) {margin-right:-3px;}
.page_comm .snb.type6 > li:nth-child(3) {margin-right:-2px;}
.page_comm .snb.type6 > li:nth-child(4) {margin-right:-3px;}
.page_comm .snb.type6 > li:nth-child(5) {margin-right:6px;}


/* 컨텐츠 공통 */
.content_comm {position:relative; width:1090px; margin:111px auto 0;}


/**
 * 레이어팝업 테스트용
 */
#mask {display:none; position:absolute; z-index:10000; top:0; left:0; background-color:rgba(0,0,0,.7);}


/**
 * 공통 style
 */
/* 무늬있는 큰 타이틀 */
.content_comm .tit_comm {padding-top:24px; margin-bottom:42px; background:url(../image/bar_sub_tit.gif) no-repeat 0 0; font-weight:400; font-size:32px; line-height:1.5; color:#000;}
/* 작은글씨 */
.content_comm .tit_comm .small {font-size:18px;}
/* 말줄임표 */
/*text-overflow:ellipsis; white-space:nowrap; overflow:hidden; */
.ellipsis {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:20px; vertical-align:middle;}
.btn {display:inline-block; font-weight:300; text-align:center;}
/* 다운로드 버튼 */
.btn_dwnload {display:inline-block; padding-left:25px; height:35px; width:100px; background:url(../image/bg_btn_dwnload.png) no-repeat 86px 9px #999; font-size:14px; font-weight:300; text-align:left; line-height:35px; color:#fff;}
.btn_dwnload:hover {background:url(../image/bg_btn_dwnload.png) no-repeat 86px 9px #00326c;}
/* 게시판 목록 버튼 */
.btn_default {display:inline-block; height:35px; width:100px;background:#666; font-size:14px; font-weight:300; text-align:center; line-height:35px; color:#fff ;}
/* 자세히보기 버튼 */
.btn_detail {height:20px; width:66px; color:#666;}
.btn_detail:after {content:''; display:inline-block; margin:0 0 0 9px; width:17px; height:17px;  background:url(../image/btn_detail.png) no-repeat bottom; vertical-align:text-bottom;}
/* 화살표가 있는 바로가기 버튼 */
.link_target {display:inline-block; padding:0 19px 0; height:35px; background:#00326c; font-size:14px; font-weight:300; text-align:left; line-height:35px; color:#fff;}
.link_target .btn {display:block; width:100%; height:100%;}
.link_target .btn:after {display:inline-block; float:right; content:''; margin:9px 0 0 9px; width:17px; height:17px;  background:url(../image/btn_detail.png) no-repeat 0; vertical-align:middle;}

/* 뉴스 카테고리 불릿 */
.inbl {display:inline-block;}
.news_cate {margin-right:10px; border-radius:4px; width:78px; height:20px; line-height:20px; background:#00265b; font-size:12px; font-weight:300; text-align:center; color:#fff;}
.news_cate.common {background:#a2a5a6;}
.news_cate.water {background:#00b4e6;}
.news_cate.notice {background:transparent; color:#a2a5a6; border:2px solid #a2a5a6;}
.news_cate:hover {font-weight:300;}
/* 지역 불릿 */
.branch {display:block; margin-right:10px; border-radius:3px; width:78px; height:20px; line-height:20px; background:#00265b; font-size:12px; font-weight:300; text-align:center; color:#fff;}
.branch.common {background:#a2a5a6;}
.branch.ulsan {background:#5cb531;}
.branch.jeonju {background:#00b4e6;}
.branch.daejeon {background:#fabe00;}

/* 게시판 input 검색 */
.search_area {padding-bottom:30px; width:auto; min-width:208px; float:right;}
.search_area .box_input {float:left;}
.input_search {position:relative; width:163px; height:33px; color:#666;}
.input_search .input {box-sizing:border-box; padding-left:10px; width:163px; height:33px; background:#fff; }
.input_search .input + .btn_search {position:absolute; top:0; right:0; width:33px; height:33px; text-align:center; line-height:33px;}
	::-webkit-input-placeholder {color:#666;}
	::-moz-placeholder {color:#666;}
	:-ms-input-placeholder {color:#666;}
	:-moz-placeholder {color:#666;}

.input-focus {position:absolute;z-index:0;opacity:0;filter:alpha(opacity=0);}

/* 리스트 검색결과*/
.box_top .search_result {float:left;}
.box_top .search_result {color:#666;}
.box_top .search_result .num {color:#01b4e5; font-weight:500;}

/* 셀렉트박스 공통 */
/* [P] 디자인된 셀렉트박스 숨겨둔 상태 display:block; */
.select_box {position:relative; color:#666; min-width:103px; margin-right:10px;}
.select_box .select_label {box-sizing:border-box; border:1px solid #ccc; height:33px; background:url(../image/arr_select_close1.gif) center right no-repeat #fff; line-height:33px;}
/* select_box에 .open 클래스 추가시 배경 화살표 변경*/
.select_box.open .select_label {box-sizing:border-box; border:1px solid #ccc; height:33px; background:url(../image/arr_select_open1.gif) center right no-repeat #fff; line-height:33px;}
.select_box .select_down {position:absolute; top:33px; box-sizing:border-box;   border:1px solid #ccc; border-top:none; background:#fff; display:none;}
.select_box > li {display:none};
.select_box .select_down li {}
.select_box .select_down li.seleted {font-weight:500;}
.select_box .select_down li:hover {color:#fff; background:#01b4e5;}
.select_box a {display:block; padding-left:10px; height:100%;}
/* 셀렉트박스 타입1 */
.select_box.type1 .select_down { width:103px; z-index:10;}
/* 셀렉트박스 타입2  */
.select_box.type2 {position:relative; color:#666; width:123px; margin-right:10px;}
.select_box.type2 .select_down {width:123px;}
/* 셀렉트박스 타입3  */
.select_box.type3 {position:relative; color:#666; width:143px; margin-right:10px;}
.select_box.type3 .select_down {width:143px;}

/* 게시판 select 디자인 2*/

/* 테이블 공통 (리스트) */
.box_top .search_result {float:left;}
.box_top .search_result {color:#666;}
.box_top .search_result .num {color:#01b4e5; font-weight:500;}
.box_tbl .tbl_list {border-top:1px solid #999; border-bottom:1px solid #999; background:#fff;}
.box_tbl .tbl_list thead {background:#f4f4f4;}
.box_tbl .tbl_list tr th {padding:16px 0; background:#f4f4f4; background:url(../image/bg_tbl_th.gif) no-repeat left;}
.box_tbl .tbl_list tr th:first-child {background:none;}
.box_tbl .tbl_list tr td {padding:26px 0; border-top:1px solid #ccc; text-align:center;}
.box_tbl .tbl_list tr td.tit {padding:0 25px; text-align:left; }
.box_tbl .tbl_list tr td .cate {font-weight:700;}
.box_tbl .tbl_list tr:first-child td {border-top:1px solid #999;}
.box_tbl .tbl_list tr:hover td {background:#f4f4f4; font-weight:700;}
.box_tbl .tbl_list tr td.tit.ellipsis {padding:0 25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* 페이징 */
.tbl_paging {margin-top:50px; text-align:center; font-size:0}
.tbl_paging li { display:inline-block; margin-top:10px; width:30px; height:33px; font-size:14px; color:#666; vertical-align:text-top;}
.tbl_paging li a {display:block; width:100%;}
.tbl_paging li a:hover {color:#01b4e5; }
.tbl_paging li.first,
.tbl_paging li.last,
.tbl_paging li.prev,
.tbl_paging li.next {padding-top:5px; margin:0 5px 0 0; width:33px;}
.tbl_paging li.prev {margin-right:20px;}
.tbl_paging li.next {margin-left:20px;}
/* 현재 페이지일때 */
.tbl_paging li.curr {color:#01b4e5; font:500;}


/*
 * pop - 추천 이메일 보내기
 */
.pop_recommend_email {display:none; box-sizing:border-box; border:7px solid #01b4e5; border-top:0; margin:0 auto; background-color:#fff;}
.pop_recommend_email .area_pop_tit {position:relative; height:70px;}
.pop_recommend_email .area_pop_tit .tit_pop {padding-left:13px; background-color:#01b4e5; font-weight:700; font-size:32px; line-height:70px; color:#fff;}
.pop_recommend_email .area_pop_tit .btn_pop_close {position:absolute; top:23px; right:13px;}
.pop_recommend_email .area_pop_con {background-color:#fff; color:#666;}
.pop_recommend_email .area_pop_con .box_btn {padding-top:30px; text-align:center; font-size:0;}
.pop_recommend_email .area_pop_con .btn_pop {display:inline-block; width:105px; height:35px; vertical-align:top; font-weight:700; font-size:14px; line-height:35px; color:#fff;}
.pop_recommend_email .area_pop_con .btn_pop.last {margin-left:5px;}
.pop_recommend_email .area_pop_con .btn_pop_posi {background-color:#00265b;}
.pop_recommend_email .area_pop_con .btn_pop_nega {background-color:#999;}
.pop_recommend_email .section_form {margin-bottom:80px;}
.pop_recommend_email .section_form.last {margin-bottom:0;}
.pop_recommend_email .form_recruit {position:relative;}
.pop_recommend_email .form_recruit .desc_attention {position:absolute; top:-49px; right:0; padding-left:10px; background:url(../image/icon_required.png) no-repeat 0 50%; font-weight:700; font-size:14px;}
.pop_recommend_email .form_recruit .desc_attention .txt_attention {color:#da2a21;}
.pop_recommend_email .tbl_recruit .col_tit {width:233px;}
.pop_recommend_email .tbl_recruit td {position:relative; height:50px; border:1px solid #ccc; font-size:18px; color:#666;}
.pop_recommend_email .tbl_recruit .cell_tit {padding-left:20px; font-weight:700; color:#333; background-color:#f4f4f4; background-clip:padding-box;}
.pop_recommend_email .tbl_recruit .cell_tit.type_center {padding-left:0; text-align:center;}
.pop_recommend_email .tbl_recruit .cell_tit.type_top {padding-top:7px; vertical-align:top;}
.pop_recommend_email .tbl_recruit .cell_tf {padding:0 5px;}
.pop_recommend_email .tbl_recruit .cell_textarea {padding:5px;}
.pop_recommend_email .tbl_recruit .required {display:inline-block; padding-left:13px; background:url(../image/icon_required.png) no-repeat 0 50%;}
.pop_recommend_email .tbl_recruit label {vertical-align:top;}
.pop_recommend_email .tbl_recruit .wrap_apply_select {position:absolute; top:-1px; border:1px solid #ccc;}
.pop_recommend_email .tbl_recruit .wrap_apply_select.on {border-color:#000; z-index:20;}
.pop_recommend_email .tbl_recruit .wrap_apply_select .select_box {position:relative; min-width:100%; margin-right:0; color:#666;}
.pop_recommend_email .tbl_recruit .wrap_apply_select .select_box .select_label {box-sizing:content-box; height:50px; border:0; background:url(../image/arr_select_close.gif) no-repeat; text-indent:18px; line-height:50px;}
.pop_recommend_email .tbl_recruit .wrap_apply_select .select_box.open .select_label {box-sizing:content-box; height:50px; border:0; background:url(../image/arr_select_open.gif) no-repeat; line-height:50px;}
.pop_recommend_email .tbl_recruit .wrap_apply_select .select_box .select_down {display:none; position:absolute; z-index:10; top:50px; left:-1px; box-sizing:content-box; width:100%; border:1px solid #000; background-color:#fff;}
.pop_recommend_email .tbl_recruit .wrap_apply_select .select_box .select_down.on {overflow-y:auto; height:200px;}
.pop_recommend_email .tbl_recruit .wrap_apply_select .select_box .select_down li {height:50px; line-height:50px;}
.pop_recommend_email .tbl_recruit .wrap_apply_select .select_box .select_down li.seleted {font-weight:400;}
.pop_recommend_email .tbl_recruit .wrap_apply_select .select_box a {display:block; padding-left:0; height:100%; text-indent:18px;}
.pop_recommend_email .tbl_recruit .wrap_apply_select.type_email {left:395px; width:229px;}
.pop_recommend_email .tbl_recruit .wrap_apply_select.type_email .select_box .select_label {background-position:200px 50%;}
.pop_recommend_email .tbl_recruit .tf {height:33px; line-height:33px; border:1px solid #ccc; font-size:0;}
.pop_recommend_email .tbl_recruit .tf.on {border-color:#000;}
.pop_recommend_email .tbl_recruit .tf input {width:100%; height:100%; text-indent:13px; border:0; font-size:18px;}
.pop_recommend_email .tbl_recruit .textarea {overflow-x:hidden; overflow-y:auto; border:1px solid #ccc;}
.pop_recommend_email .tbl_recruit .textarea.on {border-color:#000;}
.pop_recommend_email .tbl_recruit .textarea textarea {box-sizing:border-box; width:100%; height:100%; padding:10px; border:0; resize:none;}
.pop_recommend_email .tbl_recruit .tf_email {width:173px;}
.pop_recommend_email .tbl_recruit .area_write .tf_email,
.pop_recommend_email .tbl_recruit .area_write .txt_at {display:inline-block; vertical-align:middle;}
.pop_recommend_email .tbl_recruit .area_write .txt_at {width:27px; height:50px; text-align:center; font-size:18px; line-height:50px;}

.pop_recommend_email {width:987px; height:732px;}
.box_recommend_email {padding:44px 56px 0 57px;}
.box_recommend_email .desc_email_notice {position:relative; padding-left:16px; font-size:16px; color:#666;}
.box_recommend_email .desc_email_notice:before {position:absolute; left:0; top:50%; width:6px; height:6px; margin-top:-3px; background-color:#00265b; content:'';}
.box_recommend_email .form_recruit .desc_reauired {float:right; padding-left:10px; margin:-4px 0 7px; background:url(../image/icon_required.png) no-repeat 0 50%; font-weight:700; font-size:14px;}
.box_recommend_email .form_recruit .desc_reauired .txt_attention {color:#da2a21;}
.box_recommend_email .form_recruit .tbl_recruit {clear:both;}
.box_recommend_email .tbl_recruit .textarea.type_recommend_email {height:175px; margin-bottom:20px;}
/* 글자수 */
.box_recommend_email .tbl_recruit .box_number {text-align:right; font-size:0; margin-bottom:15px;}
.box_recommend_email .tbl_recruit .box_number .num_curr,
.box_recommend_email .tbl_recruit .box_number .divider,
.box_recommend_email .tbl_recruit .box_number .num_total {display:inline-block; vertical-align:top; text-align:center; font-size:16px; color:#000;}
.box_recommend_email .tbl_recruit .box_number .num_curr {width:68px; height:23px; border:1px solid #ccc; line-height:23px;}
.box_recommend_email .tbl_recruit .box_number .divider {margin:0 10px;}
.box_recommend_email .tbl_recruit .box_number .divider,
.box_recommend_email .tbl_recruit .box_number .num_total {height:25px; line-height:25px;}




@media only screen and (max-width:1699px) {
	.section_visual .circle2 {position:absolute; right:20%; top:60%; width:270px; height:270px; z-index:1000;}
}


/* bx翻页 */
.pagelable{width: 100%;padding: 50px 0 0 0; }
.pageCustom{width: auto; text-align: center;margin: 0 auto;}
.pageCustom tr td a{width: 33px; height: 33px; display: inline-block; margin: 0 3px;font-size: 14px; color: #666;}
