@charset "utf-8";

/****************************************/
/*	Name: 연우뉴매틱
/*	PART: SITE COMMON STYLE
/*	Version: 1.0
/*	Author: Hyun-Ah Park
/****************************************/
@font-face {
	font-family: 'IRANSansWeb';
	src: url('/fonts/IRANSansWeb.eot');
	src: url('/fonts/IRANSansWeb.eot#iefix') format('embedded-opentype'),  url('/fonts/IRANSansWeb.woff') format('woff'),  url('/fonts/IRANSansWeb.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'IRANSansWeb';
	src: url('/fonts/IRANSansWeb_Bold.eot');
	src: url('/fonts/IRANSansWeb_Bold.eot#iefix') format('embedded-opentype'),  url('/fonts/IRANSansWeb_Bold.woff') format('woff'),  url('/fonts/IRANSansWeb_Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'IRANSansWebFaNum';
	src: url('/fonts/IRANSansWeb(FaNum)_Medium.eot');
	src: url('/fonts/IRANSansWeb(FaNum)_Medium.eot#iefix') format('embedded-opentype'),  url('/fonts/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  url('/fonts/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'IRANSansWebFaNum';
	src: url('/fonts/IRANSansWeb(FaNum)_Bold.eot');
	src: url('/fonts/IRANSansWeb(FaNum)_Bold.eot#iefix') format('embedded-opentype'),  url('/fonts/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  url('/fonts/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; font-family: IRANSansWeb,'Roboto','bon', sans-serif; font-size:12px; color:#000;
direction: rtl;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
ul, ol, dl {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; color:#000; vertical-align:baseline; background:transparent; text-decoration:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
hr {display:block;  height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle; font-family: 'Roboto','bon', sans-serif; color:#000; margin:0}
fieldset legend {position:absolute; left:-100px; top:-100px; width:0; height:0; overflow:hidden; font-size:0; text-indent:-9999px; text-align:left}
caption  {height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; text-indent:-9999px;}

.hide {position:absolute; display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}

/**** Layout ****/
/* background 
.bg_body{ position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index:-1}
.bg_body img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; } */


/* background  2016.01.29  장철호 수정 */
.bg_body{ position: fixed; width: 100%; height: 100%; z-index:-1}
.bg_body img {width: 100%; height: 100%; }

/* skip_nav */
.skip_nav {overflow:hidden; position:relative; width:100%; z-index:2;}
.skip_nav a {display:block; height:0px; width:0px; margin:0 -1px -1px 0; overflow:hidden; line-height:0; text-align:center;}
.skip_nav a:focus, 
.skip_nav a:hover, 
.skip_nav a:active {background:#B40000; color:#fff; font-weight:bold; margin:0; height:20px; font-size:12px; line-height:1; margin:0; padding:8px 0 0 15px; width:auto;}

/* inner */
.inner {width:1140px; height:94px; margin:0 auto}
.inner:after {display:block; content:""; clear:both}

/* header */
#header {position:fixed; width:100%; height:94px; background:#fff; z-index:500}
#header .logo {display:block; float:right; margin-top:5px}
#header .logo img {display:block}

/* footer */
#footer {width:1080px; height:46px; margin:0 auto 0; padding:25px 30px;background:url(../img/common/bg_footer.png) 0 0 no-repeat}
#footer:after {display:block; content:""; clear:both}
#footer address span {color:#b6b6b6; font-style:normal}
#footer .copyright {padding-top:9px; font-size:11px; color:#b6b6b6}
#footer .wrap_address {float:right; width:550px}
#footer .footer_utility {float:right; width:325px; padding-top:13px; padding-left:30px}
#footer .footer_utility li {display:inline-block}
#footer .footer_utility a {display:block; padding:0 8px 0 8px; color:#b6b6b6; background:url(../img/common/bg_line_1x11.png) 0 4px no-repeat}
#footer .footer_utility li:last-child a{padding-left:0; background:none}
#footer .btn_download {display:block; float:right; width:159px; height:36px; padding-right:14px; font-size:10px; color:#fff; line-height:36px; background:url(../img/common/ico_down.png) 12px 10px no-repeat; border:1px solid #83878d}
#footer .footer_utility.type2{float:left; width:355px; padding-top:13px; padding-left:0;}

/*gnb*/
#gnb {float:right;  margin-top:24px; margin-right:120px; height: 100px}
#gnb > ul {width:653px; height:46px; background:url(../img/common/bg_gnb.gif) 0 0 no-repeat}
#gnb > ul:after {display:block; content:""; clear:both}
#gnb > ul > li {position:relative; float:right; width:130px; background:url(../img/common/line_1x11_blue.gif) 100% 17px no-repeat}
#gnb > ul > li:first-child {background:none}
#gnb > ul > li > a {display:block; position:relative; font-size:14px; color:#fff; font-weight: 500; line-height:44px; text-align:center}
#gnb > ul > li.on > a:after,
#gnb > ul > li.over > a:after {display:block; content:''; position:absolute; left:55px; top:55px; width:21px; height:6px; background:url(../img/common/bg_gnb_arrow.png) 0 0 no-repeat}

#gnb .subMenu {display:none; position:absolute; left:50%; top:70px; width:174px; margin-left:-87px}
#gnb .subMenu .bg_bottom {display:block; width:174px; height:20px; background:url(../img/common/bg_gnb_2depth.png) 0 100% repeat-y}
#gnb .subMenu ul {margin-bottom:-6px; padding-top:13px; background:url(../img/common/bg_gnb_2depth.png) 0 0 repeat-y}
#gnb .subMenu ul li {}
#gnb .subMenu ul li a {display:block; padding:0 20px; line-height:24px; color:#fff; font-weight: 500;}
#gnb .subMenu ul li a:hover {background:url(../img/common/bg_gnb_2depthArrow.png) 150px 50% no-repeat}

/* wrap_utility */
.wrap_utility {position:relative; float:left; width:225px; padding-top:47px}
.wrap_utility:after {display:block; content:""; clear:both}
.list_utility {position:absolute; left:0; top:19px; margin-bottom:16px}
.list_utility:after {display:block; content:""; clear:both}
.list_utility li {float:left; padding:0 8px; background:url(../img/common/line_1x11_gray.gif) 0 50% no-repeat}
.list_utility li:first-child {padding-left:0; background:none}
.list_utility li a {display:block; line-height:1}
.wrap_utility .lang {position:absolute; right:0; top:19px}
.wrap_utility .lang a {display:inline-block; margin-left:3px}
.wrap_utility .lang a:first-child {margin-left:0}
.wrap_search {height:30px; background:#bbc2cd}
.wrap_search .input_search {display:inline-block; width:165px; height:30px; padding:0 10px; vertical-align:middle;  line-height:30px; border:0; background:#bbc2cd}
.wrap_search .btn_search {display:inline-block; vertical-align:middle}

/* container */
#container {width:1140px; /* min-height:794px;  */margin:0 auto; padding-top:94px; padding-bottom:80px}
#container:after {display:block; content:""; clear:both}

/* aside */
.aside {float:right; width:150px; margin-top:73px; padding:23px 24px 0; border:6px solid #fff; background:url(../img/common/bg_lnb.png) 0 0 repeat}
/*  .aside.notice {float:left; width:186px; height:283px; margin-top:73px; border:6px solid #fff; background:url(../img/temp/lnb_notice.png) 0 0 no-repeat}
/* .aside.join {float:left; width:186px; height:253px; margin-top:73px; border:6px solid #fff; background:url(../img/temp/lnb_join.png) 0 0 no-repeat}
/* .aside.office {float:left; width:186px; height:163px; margin-top:73px; border:6px solid #fff;background:url(../img/temp/lnb_office.png) 0 0 no-repeat}
 *//* .aside.company {float:left; width:186px; height:283px; margin-top:73px; border:6px solid #fff;background:url(../img/temp/lnb_company.png) 0 0 no-repeat}
 */ 
.aside .tit {display:block; padding-bottom:22px; font-size:18px; line-height:18px; font-weight:500; color:#fff; background:url(../img/common/lnb_line.png) 0 100% no-repeat}

/* LNB */
.lnb {padding:19px 0 21px; direction: rtl;}
.lnb > li {}
.lnb > li > a {display:block; width:135px; padding:6px 15px 6px 0; font-size:12px; color:#fff; font-weight:500}
.lnb > li.hasSub > a {background:url(../img/common/lnb_close.png) 0 50% no-repeat}

.lnb > li.hasSub.open > a {color:#0c0; background:url(../img/common/lnb_open.png) 0 8px no-repeat}
.lnb > li.hasSub.open > a:after {display:block; content:""; width:100%; height:17px; background:url(../img/common/lnb_arrow.png) 50% 100% no-repeat}

.lnb > li.active > a {color:#0c0; background:url(../img/common/lnb_active.png) 100% 50% no-repeat}

.lnb_2depth {display:none; margin-bottom:9px; padding-top:8px; padding-bottom:17px; background:url(../img/common/lnb_line.png) 0 100% no-repeat}
.lnb_2depth > li {}
.lnb_2depth > li:first-child {padding-top:12px; background:url(../img/common/lnb_line.png) 0 0 no-repeat}
.lnb_2depth > li > a {display:block; padding-left:10px; font-size:12px; line-height:24px; color:#fff; font-weight:500;  background:url(../img/common/lnb_sub_arrow.png) 0 11px no-repeat}
.lnb_2depth > li.on > a {color:#0c0}
.lnb_3depth {display:none; padding-top:9px; padding-bottom:18px}
.lnb_3depth > li {}
.lnb_3depth > li > a {display:block; padding-left:10px; font-size:12px; line-height:20px; color:#fff; font-weight:500}
.lnb_3depth > li.on > a {color:#0c0}

.lnb > li.hasSub.open .lnb_2depth {display:block}
.lnb_2depth > li.on .lnb_3depth {display:block}

/* contents */
.contents {float:left; width:900px; padding-top:24px}
.contentsF{width:1140px; padding-top:24px}
.conSection_h3{margin-bottom:30px;}
.conSection_h3.type2{margin-bottom:34px;}
.conSection_h3.type3{margin-bottom:10px;}
.conWrap{width:840px; padding:30px; background:#fff;}

/* line-map */
.line_map {padding-top:2px; padding-bottom:28px; text-align:right}
.line_map a {display:inline-block; padding:0 8px 0 16px; color:#343949; vertical-align:middle; line-height:15px; font-weight:500; background:url(../img/common_fa/linemap_arrow.png) 0 4px no-repeat}
.line_map span {display:inline-block; padding-right:8px; vertical-align:middle; color:#005291; line-height:15px; font-weight:500}

/* title */
.tit_2depth {width:830px; height:52px; padding-bottom:15px; padding-right:70px; font-size:18px; line-height:50px; color:#fff; font-weight:500; background:url(../img/common_fa/bg_tit_2depth.png) 0 0 no-repeat;}
.tit_2depth.product{padding-bottom:30px;}
.tit_3depth {display:inline-block; padding-bottom:11px; font-size:16px; font-weight:400;}
.tit_3depth .blue{font-size:16px; color:#0068b7;}/* h3 > span */
.txt_sb li{padding-left:8px; background:url(../img/common/bul.png) 0 10px no-repeat;}
.txt_bb li{padding-left:11px; font-size:14px; line-height:1.8; background:url(../img/common/bul_b.png) 0 center no-repeat;}
#container .blueP{color:#0068b7;}

/**** Table ****/
.border_bottom {border-bottom:1px solid #fff}
.border_none {border:none !important}
.border_none_left {border-left:none !important}
/* table_col */
.table_col {}
.table_col thead th {height:42px; vertical-align:middle; font-weight:500; background:#d8dce2; border-left:1px solid #fff}
.table_col tbody th {height:48px; padding:0 5px; vertical-align:middle; font-weight:500; text-align:center; border-bottom:1px solid #dbe2ec}
.table_col tbody td {height:48px; padding:0 5px; vertical-align:middle; font-weight:500; text-align:center; border-bottom:1px solid #dbe2ec}
.table_col a {display:inline-block}
.table_col img {display:block}

/**** Board ****/
.board_tit{width:900px; height:52px; margin-bottom:15px; background:url(../img/common/bg_tit_2depth.png) 0 0 no-repeat;}
.board_titF{width:1140px; height:52px; margin-bottom:15px; background:url(../img/common/fbg_tit_2depth.png) 0 0 no-repeat;}
.board_tit h1, .board_titF h1{padding-left:70px; font-size:18px; color:#fff; font-weight:200; line-height:52px; }
/* board_tb */
.board_tb th{padding:11px 0 12px 0; background:#d8dce2; border-left:1px solid #fff;}
.board_tb th:first-child{border-left:none;}
.board_tb td{padding:15px 0 14px 0; text-align:center; border-bottom:1px solid #dbe2ec;}
/* .board_tb.file_down td{padding:13px 0 11px 0; text-align:center; border-bottom:1px solid #dbe2ec;}  */
.board_tb.file_down td{padding:13px 0 11px 75px; text-align:left; border-bottom:1px solid #dbe2ec;}
.board_tb td a{display:inline-block;}
.board_tb .noti_td,
.board_tb .comp_td{padding:15px 0 11px 0;}
.board_tb .title{padding-left:20px; text-align:left;}
.board_tb .noti{display:inline-block; width:45px; height:21px; text-indent:-9999px; background:url(../img/common/noti.png) 0 0 no-repeat;}
.board_tb .new{display:inline-block; width:18px; height:18px; margin-left:10px; text-indent:-9999px; background:url(../img/common/new.png) 0 1px no-repeat;}
.board_tb .file{display:inline-block; width:16px; height:16px; text-indent:-9999px; background:url(../img/common/file.png) 0 0 no-repeat;}
.board_tb .secret{display:inline-block; width:14px; height:17px; margin-right:10px; text-indent:-9999px; background:url(../img/common/secret.png) 0 0 no-repeat;}
.board_tb .complete{display:inline-block; width:59px; height:21px; margin-right:10px; text-indent:-9999px; background:url(../img/common/complete.png) 0 0 no-repeat;}
.board_tb .pdf_down{display:inline-block; width:23px; height:23px; text-indent:-9999px; background:url(../img/common/ico_pdf.png) 0 0 no-repeat;}
.board_tb .dwg_down{display:inline-block; width:23px; height:23px; text-indent:-9999px; background:url(../img/common/ico_dwg.png) 0 0 no-repeat;}
.board_tb .step_down{display:inline-block; width:23px; height:23px; text-indent:-9999px; background:url(../img/common/ico_step.png) 0 0 no-repeat;}
.board_tb tr:hover,
.board_tb tr:focus,
.board_tb tr:active{background:url(../img/common/bg_board.png) 0 0 repeat-x;}
.board_tb .no_data{line-height:190px; text-align:center;}
.board_tb .nothing:hover,
.board_tb .nothing:focus,
.board_tb .nothing:active{background:none;}
/* boardView_tb */
.boardView_tb{margin-bottom:30px;}
.boardView_tb th{padding:15px 0 15px 20px; font-size:14px; font-weight:200; text-align:left; line-height:20px; background:#d8dce2; border-left:1px solid #fff;}
.boardView_tb th.side{font-size:12px;}
.boardView_tb th time, .boardView_tb th .count{padding-left:20px;}
.boardView_tb th:first-child{border-left:none;}
.boardView_tb td.file_td{padding:9px 0; text-align:right; line-height:20px; border-bottom:1px solid #dbe2ec; }
.boardView_tb td.file_td a{color:#6a7f99; }
.boardView_tb .file{display:inline-block; width:16px; height:16px; margin:0 20px 0 15px; font-size:0; vertical-align:middle;background:url(../img/common/file.png) 0 0 no-repeat;}
.boardView_tb td.con{border-bottom:1px solid #dbe2ec;}
.boardView_tb .con_area{width:800px; min-height:445px; padding:20px; }

/** paging **/
.paging_area{width:840px; padding:30px 0;}
.paging_area:after{display:block; content:""; clear:both;}
.paging_area .all_list {display:inline-block; float:left; width:40px; height:40px; text-indent:-9999px; background:url(../img/common/all_list.png) 0 0 no-repeat;}
.paging_area .write{display:inline-block; float:right; width:40px; height:40px; text-indent:-9999px; background:url(../img/common/write.png) 0 0 no-repeat;}
.paging {text-align:center}
.paging.board {width:760px; float:left; text-align:center}
.paging a {display:inline-block; vertical-align:middle}
.paging .btn {width:40px; height:40px; padding:0 3px; text-indent:-9999px; background:url(../img/common/btn_page.png) 0 0 no-repeat}
.paging .prev {margin-right:11px; background-position:-50px 0}
.paging .next {margin-left:21px; background-position:-100px 0}
.paging .last {background-position:-150px 0}
.paging .num {display:inline-block; height:14px; margin:0 5px; padding:0 2px; line-height:14px; vertical-align:middle; border-bottom:3px solid #fff}
.paging span.num {height:14px; line-height:14px; border-bottom:3px solid #8195ae}
.paging.view{padding-left:6px;}
.paging.view .prev {margin-right:10px; background-position:-50px 0}
.paging.view .next {margin-left:17px; background-position:-100px 0}
.paging.view .all_list_v {display:inline-block; width:40px; height:40px; text-indent:-9999px; background:url(../img/common/all_list.png) 0 0 no-repeat;}

/** board search **/
.board_search  {position:relative; text-align:center;}
.board_search .selectBox{width:130px; height:37px; margin-right:9px; padding-left:15px; font-size:12px; color:#5b6e85; line-height:37px; border:1px solid #8195ae; text-align:left;}
.board_search  .input_search {display:inline-block; width:184px; height:35px; padding:0 64px 0 20px; vertical-align:middle; font-size:12px; color:#5b6e85; line-height:35px; border:1px solid #8195ae;}
.board_search  .input_search::-webkit-input-placeholder {color:#5b6e85}
.board_search  .input_search:-moz-placeholder {color:#5b6e85}
.board_search  .input_search::-moz-placeholder {color:#5b6e85}
.board_search  .input_search:-ms-input-placeholder {color:#5b6e85}
.board_search  .placeholder {color:#5b6e85}
.board_search  .btn_search {display:inline-block; position:absolute; right:217px; top:2px;}

/* popup - layerPop */
#popLayer {position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%;}
.dimm_body {display:block; position:fixed; left:0; top:0; width:100%; height:100%; background:url(../img/common/bg_dimm.png) 0 0 repeat; z-index:999}
.dimm02_body {display:block; position:fixed; left:0; top:0; width:100%; height:100%; background:url(../img/common/bg_dimm02.png) 0 0 repeat; z-index:999}
.pop_holder {position:absolute; z-index:1001; left:0; top:0; width:100%; height:100%; text-align:center; }
.pop_holder:after {display:inline-block; content:""; width:0; height:100%; vertical-align:middle}
.wrap_pop {position:relative; display:inline-block; vertical-align:middle}
.wrap_pop .tit {display:block; height:60px; font-size:20px; color:#0c0; line-height:60px; font-weight:500; text-align:left}
#popLayer .btn_close {position:absolute; right:0; top:18px}

#popLayer .box_blue {width:428px; padding:0 30px 30px; border:6px solid #0c0}
#popLayer .box_blue .title{padding:17px 0; font-size:14px; color:#fff; text-align:center; border-bottom:1px solid #4d5665;}
#popLayer .box_blue .btn_download {display:inline-block; width:132px; height:36px; margin-top:32px; font-size:14px; line-height:36px; text-align:center; background:url(../img/common/btn_download.png) 0 0 no-repeat}
#popLayer .box_blue .btn_ok{display:inline-block; width:92px; height:36px; margin-right:10px;; font-size:14px; line-height:36px; background:#0c0; border-radius:5px;}
#popLayer .box_blue .btn_cancle{display:inline-block; width:92px; height:36px; margin-left:7px; font-size:14px; line-height:36px; background:#bbc2cd; border-radius:5px;}
#popLayer .box_blue .tit_box {display:block; height:54px; color:#fff; font-size:14px; line-height:54px; font-weight:500; text-align:center; border-bottom:1px solid #4b5564}
#popLayer .box_blue ul {margin-top:-13px}
#popLayer .box_blue ul:after {display:block; content:""; clear:both}
#popLayer .box_blue li {float:left; width:50%; text-align:left; line-height:42px}
#popLayer .box_blue li label {padding-left:34px;font-size:14px; color:#fff; /* line-height:42px;  */background:url(../img/common/bg_chk.png) 0 2px no-repeat; cursor:pointer}
#popLayer .box_blue li._checked label {background-position:0 -48px}
#popLayer .box_blue li input[type="checkbox"] {position:absolute;left:-9999px}
#popLayer .box_blue .pw_chk{width:428px; height:38px; margin:31px 0 38px 0; font-size:14px; color:#5b6e85; text-align:center; border:none;}

#popLayer .box_blue .scroll {overflow:hidden; position:relative; width:100%; height:119px; margin-top:31px}
.scroll > .scroll_cont {position:absolute; overflow:scroll; overflow-x:hidden; top:0; right:0; bottom:0; left:0}
.scroll > .scroll_cont::-webkit-scrollbar {visibility: hidden}
.scroll > .scroll_cont::-webkit-scrollbar {visibility: visible}
.scroll > .nano-pane {background : rgba(0,0,0,.25); position:absolute; width:10px; right:0; top:0; bottom:0; visibility : visible\9; /* Target only IE7 and IE8 with this hack */ -webkit-transition:.2s; -moz-transition:.2s; -o-transition:.2s; transition:.2s;}
.scroll > .nano-pane > .nano-slider {background: #0c0; position:relative; margin:0 1px}
.scroll:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {visibility : visible\9; /* Target only IE7 and IE8 with this hack */}

/** 회원서비스 join members! **/
.sub_tit{width:840px; height:100px; padding:2px 30px 28px;}
.sub_tit:after{display:block; content:""; clear:both;}
.subText{float:left;}
.subText h2{padding:10px 0 3px 0; font-size:30px; font-weight:500;}
.subStep:after{display:block; content:""; clear:both;}
.subStep li{float:left; width:100px; height:100px; margin-left:70px; font-size:14px; color:#fff; text-align:center;}
.subStep li:first-child{margin-left:0;}
.subStep li em{display:inline-block; padding:10px 0 11px 0; font-size:24px; color:#fff; font-style:normal;}
.subStep .mid{color:#5b6e85;}

/* 개인정보form */
.frm_txt{margin-left:20px; color:#333;}
.double{display:inline-block; width:259px; vertical-align: bottom;}
.joinFrm{border-top:1px solid #dbe2ec; margin-bottom:30px;}
.joinFrm tr{border-bottom:1px solid #dbe2ec; }
.joinFrm th, .joinFrm th label{color:#fff; font-weight:200; vertical-align:middle; background:#99a7ba;}
.joinFrm td{padding:12px 0 12px 15px; vertical-align:middle;}
.joinFrm input {height:31px; padding-left:20px; color:#000; border:none; background:#f3f4f6;}
.joinFrm ._sel_tit {display:inline-block; vertical-align:middle; height:35px; font-size:12px; padding-left:20px; color:#000; border:none; /* background:#f3f4f6;  */background:#f3f4f6 url(../img/common/join_sel_arrow.png) right no-repeat;}
.joinFrm ._sel_tit strong {font-size:12px; line-height:35px; font-weight:500}
.joinFrm textarea{overflow-x:hidden; overflow-y:scroll; word-wrap:break-word;}
.joinFrm .frm_tit{}
.at{padding:0 6px; font-size:16px; color:#686868;}
.captcha{display:inline-block; width:230px; height:38px; margin-right:15px; padding-top:5px; font-size:20px; color:#fff; line-height:36px; text-align:center;}
.capt_align{vertical-align:bottom;}
/* 커스텀 라디오버튼 */
.radioBtn{display:inline-block; padding:8px 0 7px 0;}
.radioBtn label{display:inline-block; height:17px; padding:0 40px 0 25px; color:#686868; background:url(../img/common/radio_btn.png) 0 0 no-repeat;}
.radioBtn input:checked + label{background:url(../img/common/radio_btn_chk.png) 0 0 no-repeat;}
.radioInput{display:none; position:absolute; left:0; width:17px; height:17px;}
/* 커스텀 체크박스 */
input[type="checkbox"]{display:none;}
input[type="checkbox"] + label{display:inline-block; height:18px;  padding:0 0 0 25px; line-height:18px; background:url(../img/common/check.png) 0 1px no-repeat;}
input[type="checkbox"]:checked + label{background:url(../img/common/check_on.png) 0 1px no-repeat;}
/* 커스텀 셀렉박스 */
select{appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(../img/common/sel_arrow.png) right no-repeat;}
.joinFrm select{appearance:none; -moz-appearance:none; -webkit-appearance:none; background:#f3f4f6 url(../img/common/join_sel_arrow.png) right no-repeat;}
select::-ms-expand{ display:none;}

/* buttons */
.btns{width:100%; height:44px; text-align:center;}
.btns a{margin-right:92px;}
.btns a.only{margin-right:0;}
.btns a.last{margin-right:0;}
.btns .register{display:inline-block; height:44px; padding:10px 0 0 55px; font-size:14px; background:url(../img/common/register.png) 0 0 no-repeat; }
.btns .cancel{display:inline-block; height:44px; padding:10px 0 0 55px; font-size:14px;  background:url(../img/common/cancel.png) 0 0 no-repeat; }
.btns .modify{display:inline-block; height:44px; padding:10px 0 0 55px; font-size:14px;  background:url(../img/common/modify.png) 0 0 no-repeat; }
.btns .quit{display:inline-block; height:44px; padding:10px 0 0 55px; font-size:14px;  background:url(../img/common/quit.png) 0 0 no-repeat; }
.btns .home{display:inline-block; height:44px; padding:10px 0 0 55px; font-size:14px;  background:url(../img/common/home.png) 0 0 no-repeat; }
.btn_check{display:inline-block; min-width:45px; height:13px; padding:7px 15px 13px; color:#fff; font-weight:200; text-align:center; vertical-align:bottom;background:#787878;}/* 아이디 중복 체크 */
.btn_check.main{padding:7px 20px 13px;}/* 페이지 오류 - 메인 이동 */

/* select box */
.selectBox{display:inline-block; height:37px; margin-left:7px; padding-left:15px; border:1px solid #8195ae; background: url(../img/common/sel_arrow.png) right no-repeat; cursor:pointer;}
.selectBox strong {font-size:12px; color:#5b6e85; line-height:37px; font-weight:500}
._sel_option {font-size:12px; color:#5b6e85; line-height:37px; font-weight:500; border:1px solid #8195ae; background:#fff}
._sel_option li {}
._sel_option li span {display:block; padding-left:15px; cursor:pointer; font-size:12px; color:#5b6e85; font-weight:500;}
._sel_option.selectBox {margin-left:0; padding-left:0}

/* 검색결과 색상 */
.sch_word {color:#0068b7;font-size:16px;}

.pop_zoom .btn_close {right:20px !important}
.pop_zoom .wrap_pop .tit {padding:0 20px; background:#0068b7; color:#fff}
.pop_zoom .wrap_pop .img {padding:30px; background:#fff}
.pop_zoom .wrap_pop .img .holder,
.pop_zoom .wrap_pop .img .holder img{width:900px; height:720px}
.pop_zoom .wrap_pop .img .holder {overflow:hidden}
.pop_zoom .wrap_pop .img .zoom {text-align:center; padding:30px 0 0 0}
.pop_zoom .wrap_pop .img .zoom .btn {display:inline-block; margin:0 3px}
.pop_zoom .wrap_pop .img .zoom .btn.disabled {filter: alpha(opacity=50); opacity:0.5}