@charset 'utf-8';
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(base/default.css);

.ui-autocomplete { position: absolute; cursor: default;z-index:30 !important;}
/* .ui-datepicker-trigger { display:none; } */
.ui-helper-hidden-accessible { display:none; }

.container { width:940px; margin:0 auto }
.ie7-inline-block { display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; _display:inline; /*IE6 HACK*/}

.conent-inner { position:absulte }
.conent-inner img { max-width:100%; height:auto }

/* margin */
.margin-top-10 {margin-top : 10px;}
.margin-top-16 {margin-top : 16px;}
.margin-top-20 { margin-top: 20px; }
.margin-top-30 {margin-top : 30px; }
.margin-top-50 {margin-top : 50px; }

/* text-align */
.tr {text-align : right;}
.tc {text-align : center;}
.tl {text-align : left;}

/* font-size */
.font-14 { font-size: 14px; }
.font-18 { font-size: 18px; }
.font-24 { font-size: 24px; }

.bold { font-weight: 600; }
.color-black { color: #333; }


/* 콘텐츠 정렬 공통 */
.text-align-center { text-align:center ! important }


/* width */
.wd50 {width: 50%;}
.wd85{width: 85%;}
.wd100 {width: 100%;}
.wd60px {width: 60px; }
.wd150px {width: 150px;}
.wd350px {width: 350px;}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="date"], input[type="time"] { border:1px solid #d6d6d6; height:26px; line-height:26px; text-indent:10px }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="time"]:focus, select:focus { border-color:#2780f8; box-shadow:0 0 7px rgba(39,128,248,.15); outline-offset:0; outline:0; background:#FFF }
select { height:30px; line-height:30px; border:1px solid #d6d6d6 }
.input-full { width:100% }
.input-lg { width:80% }
.input-sm { width:60% }
.input-xs { width:40% }
.input-xs2 { width:45% } /*20160126 강혜리*/


/* box */
.content-box {border: 1px solid #e9e9e9; width: 100%;  min-height: 250px;line-height:normal;}
.content-box2 {border: 1px solid #e9e9e9;}
.text-area {border: 1px solid #e9e9e9; width: 100%; height: 150px; margin-top:10px;}
.overflow-box {border: 1px solid #e9e9e9; width: 100%; height: 300px; overflow:auto;}



/* 버튼 기본 */
.btn { display:inline-block; border:0px none; transition:all .3s ease; border-radius: 3px;}/*2018 05 09 radius값 추가*/
.btn:hover, .btn:focus { box-shadow:inset 0 -3px rgba(0,0,0,.25) }

/* 버튼 컬러 */
.btn-pink {background:#fcf5f6; color:#bb5361; border:1px solid #eac6cb;}
.btn-blue { background:#2196f3; color:#fff }
.btn-lightblue-border { background:#f5f7fc; color:#566faa; border:1px solid #dfe6f4 }
.btn-darkblue { background:#3c69af; color:#fff }
.btn-white { background:#fff; color:#333 }
.btn-purple { background:#4386fa; color:#fff }
.btn-gray { background:#9e9e9e; color:#fff }
/*2018 05 09 색상 추가*/
.btn-green{background:#27947c; color:#fff}
.btn-lightgray { background:#e0e0e0; color:#333 }
.btn-lightgray-border { background:#eeeeee; color:#6c6c6c; border:1px solid #c9c9c9 }
.btn-orange { background:#ea5e2d; color:#fff }
.btn-orange2 { background:#d54715; color: #fff;}
.btn-orange3 { background:#b84118; color: #fff;}
.btn-border-dark { border:1px solid #4a5d7f }
.btn-border-black { border:1px solid #040404 }
.btn-border-gray { border:1px solid #ccc }

.btn-wgd { background:url(../../images/btn-wgd-bg.gif) repeat-x left bottom #fff; border:1px solid #c0c0c0; border-right:1px solid #adadad; border-bottom:1px solid #adadad; box-shadow:0 0 1px rgba(0,0,0,0.2); padding:0 20px; height:30px }
.btn-submit-t1 { background:#767676; color:#fff; border:0px none; height:30px; padding:0 10px }
.btn-submit-t2 { background:#2196f3; color:#fff; border:0px none; height:30px; padding:0 10px }
.btn-fa { background:transparent none; border:0px none; height:30px; transition:all .3s ease }
.btn-fa:hover, .btn-fa:focus { color:#2196f3 }
.btn-preview-print { color:#666; display:inline-block; vertical-align:middle; padding:0 5px }
.btn-preview-print i { display:inline-block; vertical-align:middle; font-size:21px; line-height:30px }

/* 버튼 사이즈 */
.btn-lg { padding:20px; font-size:18px; font-weight:bold }
.btn-sm { padding:10px; font-size:16px }
.btn-xs { padding:5px 10px; font-size:13px }
.btn-xxs { padding:3px 8px; font-size:11px }
.btn-wide { min-width:110px; text-align:center; }
.btn-wide115 { min-width:115px; text-align:center; }
.btn-full { display:block }
/* 아웃라인 라운딩*/
.border-radius { border-radius:3px }
/* 커서스타일*/
.cursor-pointer { cursor:pointer }

/* 2015 11 27 */
.title-20 { position : relative; font-size: 20px; color: ##4c4c4c; text-indent: 16px; }
.title-20 i {    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 0px;
    width: 8px;
    height: 8px;
    background: #fa4c06;}



/* cpx-table-form */
.cpx-table-form { border-top:2px solid #7c7c7c }
.cpx-table-form table { width:100% }
.cpx-table-form th, .cpx-table-form td { padding:8px }
.cpx-table-form th { background:#f5f5f5; border:1px solid #ddd; font-size:14px; width:150px }
.cpx-table-form td { border:1px solid #ddd }
.insert-caln p { display:inline-block; margin-right:40px }
.insert-caln i { font-size:22px; display:inline-block; vertical-align:middle }


/* control-list */
.control-list table { width:100% }
.control-list thead th { padding:10px; background:#7c7c7c; border:1px solid #ccc; font-size:14px; color:#fff }
.control-list tbody th, .control-list tbody td { padding:10px; border:1px solid #ddd; }
.control-list tbody th { background:#f5f5f5 }
.insert-caln p { display:inline-block; margin-right:40px }

/**
========================================================================

	## HEADER ##

========================================================================
**/
header 		 					{ position:relative; ; border-bottom:1px solid #c3c3c3 }
header .logo 					{ float:left; display:block; padding:16px 0 }
header .gnb  					{ float:right; margin-top:-2px} /** FONT :: NotoSansCJKkr **/
header .gnb ul                  { float:left }
header .gnb li 					{ position:relative; float:left; padding-top:26px }
header .gnb a 					{ display:block; padding:6px 11px; font-size:14px; font-weight:700; color:#3f3f3f; margin:0 0 0 12px; border-radius:16px }
header .gnb a					{ transition:all ease .4s; -webkit-transition:all ease .4s }
header .mnb  					{ float:right; position:relative; margin-left:30px; cursor:pointer; margin-top:28px }
header .mnb a					{ padding:0 }
/** over && active **/
header .gnb li:hover a			{ color:#fff; background:#33c9e7; border-radius:16px }
header .gnb li.active span 		{ opacity:1 }

/** mnb **/
header .mnb span 				{ display:block; width:27px; height:3px; background:#f37321; margin:4px 0 }

.ie7 header .gnb				{ width:660px }
.ie7 header .mnb				{ margin-left:10px }
.ie8 header .gnb li.active span { filter:alpha(100) }
.ie7 header .gnb li.active span { filter:alpha(100) }
.ie9 header .gnb li:hover span 	{ filter:alpha(100) }
.ie8 header .gnb li:hover span 	{ filter:alpha(100) }
.ie7 header .gnb li:hover span 	{ filter:alpha(100) }
.ie9 header .gnb li.active span { filter:alpha(100) }

/**
========================================================================

	## MAIN ##

========================================================================
**/
/** visual **/

input:disabled {background:#f5f5f5;}
select:disabled {background:#f5f5f5;}
textarea:disabled {background:f5f5f5;}
.container_text {border-width: 2px; border-color: #8C8C8C}
.mar-left {margin-left: 45%;}

.visual 						{ width:940px; height:378px; margin-top:30px; overflow:hidden; position:relative }
.visual .slider 				{ position:relative; width:100%; height:100% }
.visual .buttons 				{ text-align:right; position:absolute; bottom:20px; width:100% }
.visual .buttons > div 			{ display:inline-block; margin-right:20px }
.visual .buttons > div a 		{ display:block; width:10px; float:left; height:10px; margin:0 5px; border-radius:50%; background:#fff } /** #f07b2f **/
.visual .buttons > div a:hover  { background:#f37321 }
.visual .buttons > div a.active { background:#f37321 }
/** recruit **/
.recruit 						{ position:relative; float:left; margin-top:20px; /*width:540px*/ width: 440px;  }/*2018 05 09 width크기조정*/
.recruit .title                 { position:relative; padding:20px 0; color:#000 }
.recruit .title h2 				{ float:left; font-size:30px; font-weight:400; position:relative; color:#3f3f3f }
.recruit .title h2 span			{ margin-left:5px; font-size:14px; color:#9a9a9a }
.recruit .title .more           { font-size: 14px; margin-top: 10px; color: #2b9af5; line-height: 40px; margin-left: 40px;}/*2018 05 09*/
.recruit .title .more span 		{ font-size:10px; position:relative; top:-2px }
.recruit .title .more img       { margin-right:5px; margin-top:-3px }
.recruit .list li:after         { content:''; display:block; clear:both }
.recruit .list li.after         { content:''; display:block; clear:both }
.recruit .list li               { padding:4px 0 }
.recruit .list li .subject 		{ float:left }
.recruit .list li .subject span { display:block; width:40px; margin-top:2px; text-align:center; float:left; padding:3px; font-size:11px; margin-right:10px; color:#fff; border-radius:4px; background:#e31b23 } /** 예정 **/
.recruit .list li span.ing      { background:#0067c8 } /** 진행 **/
.recruit .list li span.finish   { background:#cccccc } /** 마감 **/
.recruit .list li a             { display:block; float:left; font-size:15px; color:#2a2a2a; font-family:나눔고딕 } 
.recruit .list li .date			{ float:right; font-size:12px; color:#999; font-family: 돋음; }
.recruit li a, .recruit li .date{ padding:1px 0;  }
.recruit .list li:after			{ content:''; display:block; clear:both }
.recruit .list li .after 		{ content:''; display:block; clear:both }
/** qucik-link **/
.community						{ float:right; margin-top:50px; display: block; height:176px;}
.community:before, .community:after{clear:both; display: table; content:"";}
.community li					{ float:left; position:relative; text-align:center; width:115px; height:174px; overflow:hidden; margin:0 3px; border-radius:10px; border:1px solid #e3e3e3; }
.community li .bg				{ background:url(../img/main/bnn_bg.png) center center no-repeat; left:0; position:absolute; width:100%; height:100%; opacity:0; filter:alpha(opacity=0) }
.community li a 				{ position:relative; display: block; height:163px;}/*20018 05 09*/
.community li span				{ position:relative; display:inline-block; margin-top:17px; width:50px; height:50px; border-radius:50%; border:1px solid #e3e3e3; overflow:hidden }
.community li span img			{ margin-top:10px; width: 24px; height:auto; }
.community li label				{ display:block; font-size:16px; font-weight: bold; padding:7px 0; color:#2a2a2a; height: 60px; position: relative;}
.community li em				{ font-style:normal; font-size:11px; color:#bebebe; position: relative; }
.community li:hover				{ background:#33c9e7 }
.community li:hover span		{ background:#136f7c; border-color:#136f7c }
.community li:hover img.actie	{ opacity:1 }
.community li:hover label		{ color:#fff }
.community li:hover em			{ color:#136f7c }
.community li:hover	.bg 		{ opacity:1  }
.community li em,
.community li label,
.community li span,
.community li .bg,
/*.community li 					{ transition:all ease .3s; -webkit-transition:all ease .3s } 2018 05 09 주석처리*/
.community li span img			{ transition:transform ease .4s, opacity ease .4s; -webkit-transition:transform ease .4s, opacity ease .4s }
/*2018 05 09 위치조정*/
.community li:hover .active		{ transform:translate3d(0px, -42px, 0px); -webkit-transform:translate3d(0px, -42px, 0px) }
.community li:hover .normal		{ transform:translate3d(0px, -10px, 0px); -webkit-transform:translate3d(0px, -10px, 0px); opacity:0 }

.sub-visual 					{ height:140px; margin-top:30px; background:url('../img/sub/header/sub_visual.png') no-repeat }
/* .sub-visual > div				{ position:relative; top:31px; margin-left:40px } */
/* .sub-visual > div h2			{ font-size:46px;  color:#000000; } */
/* .sub-visual > div i				{ display:block; float:left; width:3px; height:34px; background:#989593; margin:15px; } */
/* .sub-visual > div span 			{ font-size:14px; color:#000000; display:block } */
/* .sub-visual > div span em		{ display:block; float:left; margin:0 5px; font-style:normal; } */
/* .sub-visual > div span a 		{ float:left; display:block; padding:0 5px; color:#000000; } */
/* .contents						{ padding:20px 0; min-height: 250px } */

.page-title              { margin-top:30px; border-bottom:2px solid #d6d6d6; padding-bottom:16px; overflow:hidden }
.page-title h2			{ font-size:25px; float:left; color:#3a3a3a; margin-top:18px;}
.page-title i				{ display:none; float:left; width:3px; height:34px; background:#989593; margin:15px; }
.page-title span 			{ float:right; font-size:14px; color:#3a3a3a; display:block; margin-top:32px; }
.page-title span em		{ display:block; float:left; margin:0 5px; font-style:normal; }
.page-title span a 		{ float:left; display:block; padding:0 5px; color:#3a3a3a; }


.comment				{font-size:20px;}
.comment2				{font-size:20px;}

/*.ie7 .community li a span		{ display:inline } */
.ie9 .community li:hover .normal,
.ie8 .community li:hover .normal,
.ie7 .community li:hover .normal{ margin-top:-56px }
.ie9 .community li:hover .bg,
.ie8 .community li:hover .bg,
.ie7 .community li:hover .bg 	{ filter:alpha(opacity=100) }
.ie8 .community li 				{ width:114px }
.ie7 .visual .buttons > div		{ display:inline }
.ie7 .recruit .list li			{ padding:3px 0 }


i { font-style:normal }

/** notice **/
.notice-head					{ margin:30px 0 20px 0; position:relative; z-index:10 }
.notice-head .select			{ float:right; position:relative }
.notice-head .select:hover		{  }
.notice-head .select .subject	{ padding:10px 0; border:1px solid #e0e0e0; border-radius:6px}
.notice-head .select .subject span,
.notice-head .select .subject a	{ cursor:pointer; float:left; display:block; padding:0 10px; color:#8e8e8e }
.notice-head .select i.active	{ display:none }
.notice-head .select span		{ border-right:1px solid #e0e0e0; min-width:350px;}
.notice-head .list				{ height:0px; overflow:hidden; width:100%; position:absolute; transition:height ease .3s; -webkit-transition:height ease .3s }
.notice-head ul					{ position:absolute; width:99.6%; margin-top:-1px; border:1px solid #e0e0e0; border-radius:6px }
.notice-head ul li				{ background:#fff; border-top:1px solid #e0e0e0 }
.notice-head ul li a			{ padding:10px; display:block; transition:color ease .4s; -webkit-transition:color ease .4s }
.notice-head ul li a:hover		{ color:#fa4c06 }
.notice-head ul li.first		{ border-top:0 }
.notice-head ul li.active a		{ color:#fa4c06 }

.ie7 .notice-head ul			{ width:99% }

.notice 						{ position:relative }
.notice table					{ width:100%; text-align:center }
.notice table th				{ background:#fbfbfb; color:#000; border-bottom:1px solid #bebebe; border-top:2px solid #313131; border-right:2px solid #fff}
.notice table th:last-child { border-right:0px none }
.notice table th				{ padding:10px;  }
/* .notice table th.br				{ border-right:2px solid #fff } */
.notice table tr				{ transition:background ease .3s; -webkit-transition:background ease .3s }
.notice table tr:hover			{ background:#f9f9f9 }
.notice table tr:hover span.subject { color:#ff4a00 }
.notice table td				{ padding:10px; border-bottom:1px solid #e9e9e9; border-right:2px solid #fff }
.notice table td:last-child { border-right:0px none }
.notice table th.subject        { text-align:center; padding-left:25px; }
.notice table td.subject		{ text-align:left; padding-left:25px; }
.notice table td.apply 		{ text-align:left;}
.notice table span				{ display:block; padding:5px 0; color:#bababa;  }
.notice table span i			{ padding:0px 3px; position:relative;  margin:1px 0 0 6px; color:#fff; background:#fa4c06; box-shadow:1px 1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,.2); font-size:9px;}
.notice table span.subject		{ color:#4c4c4c; padding:0; transition:color ease .4s; -webkit-transition:color ease .4s }

.tab-contents h2				{ color:#2a2a2a; position:relative; font-size:22px; font-weight:600; padding:20px }
.tab-contents h2 i				{ display:block; position:absolute; top:50%; margin-top:-6px; left:0px; width:10px; height:10px; border-radius:50%; background:#fa4c06 }
.tab-contents .tab 				{ position:relative; border-bottom:3px solid #008db3; height:40px }
.tab-contents .tab li			{ cursor:pointer; position:relative; float:left; background:#fff; height:40px; overflow:hidden }
.tab-contents .tab li a 		{ color:#a2a2a2; transition:all ease .3s; -webkit-transition:all ease .3s; font-size:16px; display:block; border-radius:10px;  border:3px solid #fff; height:60px; position:relative; padding:8px 31px }
.tab-contents .tab li div		{ position:absolute; left:0; top:0; width:99%; height:200%; border-radius:10px; border:1px solid #dfdfe0 }
.tab-contents .tab li:hover		{ z-index:10; height:43px }
.tab-contents .tab li:hover a	{ border:3px solid #008db3; color:#008db3 }
.tab-contents .tab li:hover div { display:none }
.tab-contents .tab li.active	{ z-index:10; height:43px }
.tab-contents .tab li.active a	{ border:3px solid #008db3; color:#008db3 }
.tab-contents .tab li.activr div{ display:none }

.tab-contents table				{ width:100%; text-align:center; margin-top:50px; border-top:2px solid #6e6e6e }
.tab-contents table .nobr		{ border-right:0 }
.tab-contents table .nobl		{ border-left:0 }
.tab-contents table th, 
.tab-contents table td			{ padding:10px; text-align:center; border:1px solid #dbdbdb }
.tab-contents table th			{ background:#f8f8f8; font-weight:600; color:#000 }
.tab-contents h3				{ color:#2a2a2a; position:relative; font-size:14px; font-weight:600; padding:6px 12px }
.tab-contents h3 i				{ display:block; position:absolute; top:50%; margin-top:-2px; left:0px; width:4px; height:4px; border-radius:50%; background:#008db3 }
.tab-contents .contents-box		{ margin:25px 0 }
.tab-contents button			{ cursor:pointer; border-radius:6px; border:1px solid #b6b6b6; padding:6px 20px; background:#efefef; font-size:12px; color:#424242 }
.contents-box article 			{ padding:15px; color:#2a2a2a; font-size:14px; background:#f8f8f8; border:1px solid #dfdfe0}
.sub-contents-box 				{ margin:20px 0 }
.sub-contents-box ul			{ padding:0 10px }
.sub-contents-box ul li			{ position:relative; font-size:14px; padding-left:10px; margin:2px 0 }
.sub-contents-box ul li i		{ position:absolute; left:0; top:50%; margin-top:-1px; width:2px; height:2px; background:#acacac }

.paging 						{ text-align:center; padding:35px 0 }
.paging ul 						{ display:inline-block }
.paging li 						{ margin:0 3px; float:left }
.paging li a 					{ display:block; width:26px; text-align:center; border:1px solid #ccc; padding:5px 0; transition:all ease .3s; -webkit-transition:all ease .3s }
.paging li.active a, 
.paging li:hover a				{ color:#fff; background:#008db3; border-color:#008db3}

.ie7 .paging ul					{ display:inline }

/* select2 */
.select2 > select {float:right; border: 1px solid #e0e0e0; padding: 3px; border-radius: 5px;}


.sub-select {position : relative; }
.sub-select > span { position : absolute; left: 180px;}
div.selectBox { position:relative; width: 340px; display: inline-block; cursor:default; text-align:left; line-height:30px; clear:both; color:#888; }
span.selected { width:300px; text-indent:20px; border:1px solid #e6e6e6; border-right:none; overflow:hidden; }
span.selectArrow { width:30px; border:1px solid #e6e6e6; text-align:center; font-size:12px; color: #fff; background:#808080; }
span.selectArrow,span.selected { position:relative; float:left; height:30px; z-index:1; }
div.selectOptions { position:absolute; top:28px; left:0; width:330px; border:1px solid #e6e6e6; overflow:hidden;  padding-top:2px; display:none; background : #fff; z-index: 2;}
span.selectOption { display:block; line-height:20px; padding:5px 20px; }
span.selectOption:hover { color:#f6f6f6; background:#808080; }	

.sub-select-wrap .sub-select { float : left; }
.sub-select-wrap .sub-select > span { position : relative; left: 0; bottom : 10px; }
.sub-select-wrap div.selectBox { width : auto; }
.sub-select-wrap span.selected { width : 220px; margin-left : 10px; }
.sub-select-wrap div.selectOptions { top : 31px; left : 10px; width : 250px; }
.sub-select-wrap:after { content : ''; display : block; clear : both; }

.select3-wrap > p { margin-top : 40px;  }
.select3-wrap > p span { display : inline-block; width : 30%; margin-left : 2%; }
.select3-wrap > p span:first-child { margin-left: 0; }
.select3-wrap > p span:first-child label { width : 20%; margin-right: 5%; }
.select3-wrap > p span:first-child select { width : 75%;  }
.select3-wrap > p span select { width : 100%; height : 35px; }

/* table-Vertical */
.table-Vertical table { width:100%; border-top:2px solid #919191; border-bottom: 1px solid #e9e9e9;}
.table-Vertical table tr { border-bottom:1px solid #d6d6d6 }
.table-Vertical table tr th { background:#f1f1f1; border-right:1px solid #d6d6d6; width:100px; text-align:center; font-weight: bold; }
.table-Vertical table tr td { vertical-align:middle; width : 780px; padding:10px; border-bottom: 1px solid #ccc; } 

/* board-content */
.board-content { margin-top: 50px; border-top: 2px solid #313131;}
.bc-title { }
.bc-title li {float:left; color: #313131; height: 35px; line-height: 35px; text-align:center; border-bottom: 1px solid #313131;}
.bc-title li:first-child {width: 10%; border-right: 2px solid #fff; font-weight: bold;}
.bc-title li:nth-child(2) {width : 74.5%; overflow:hidden;}
.bc-title li:last-child {float:right; width: 15%; border-left: 2px solid #fff; }

.bc-content {padding :15px 0px; min-height:250px;}
.bc-file {height: 35px; line-height: 35px; border-top: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e;}
.bc-file li {float: left; text-align: center; height: 35px; line-height:35px;}
.bc-file li:first-child {width: 100px; background-color: #e9e9e9;}
.bc-file li:nth-child(2) {padding-left:10px; }
.bc-file li:last-child {float: right; }

/* table-Vertical */
.table-Vertical table { width:100%; border-top:2px solid #919191; border-bottom: 1px solid #e9e9e9;}
.table-Vertical table tr { border-bottom:1px solid #d6d6d6 }
.table-Vertical table tr th { background:#f1f1f1; border-right:1px solid #d6d6d6; width:100px; text-align:center; font-weight: bold; }
.table-Vertical table tr td { vertical-align:middle; width : 780px; padding:10px; border-bottom: 1px solid #ccc; }  

/* recruit_detail select */
.sub-select {position : relative; }
.sub-select > span { position : absolute; left: 180px;}
div.selectBox { position:relative; width: 340px; display: inline-block; cursor:default; text-align:left; line-height:30px; clear:both; color:#888; }
span.selected { width:300px; text-indent:20px; border:1px solid #e6e6e6; border-right:none; overflow:hidden; }
span.selectArrow { width:30px; border:1px solid #e6e6e6; text-align:center; font-size:12px; color: #fff; background:#808080; }
span.selectArrow,span.selected { position:relative; float:left; height:30px; z-index:1; }
div.selectOptions { position:absolute; top:28px; left:0; width:330px; border:1px solid #e6e6e6; overflow:hidden;  padding-top:2px; display:none; background : #fff; z-index: 2;}
span.selectOption { display:block; line-height:20px; padding:5px 20px; }
span.selectOption:hover { color:#f6f6f6; background:#808080; }	

/**
========================================================================

	## footer ##

========================================================================
**/
footer 					{ border-top:2px solid #666; padding:30px 0 }
footer .fnb 			{ float:left }
footer .fnb li  		{ float:left; position:relative; padding:0 15px }
footer .fnb li i 		{ font-style:normal; color:#dfdfdf; position:absolute; right:0 }
footer .fnb li a 		{ color:#636363 }
footer .fnb li.first 	{ padding-left:0px }
footer .logo 			{ float:right }
footer address 			{ color:#6d6d6d; padding:15px 0; color:#6d6d6d }


/*----------------------------------------------
popup window style
-----------------------------------------------*/

#popupWrap { width:450px }
#popupWrap_address { width:650px }
.popup-header { background:#e54504; color:#fff; padding:15px }
.popup-header h1 { font-size:18px }
.popup-body { border:6px solid #e54504; background:#fff; padding:24px; position:Relative; }
.popup-body .title { position:relative; border-bottom:1px solid #d6d6d6; padding-bottom:10px }
.popup-body .title h2 { font-size:16px; }
.added-abs-text { position:absolute; right:0; bottom:10px }

.pop-board-title ul li {float:left; width: 50%; height: 30px; line-height: 30px; text-align:center; border-bottom: 1px solid #e9e9e9; padding: 5px 0px; }
.pop-board-title ul li:first-child {background-color: #f1f1f1; }
.pop-board-title ul li span {display:inline-block; padding: 0px 10px; }

.pop-content {border-top: 2px solid #ccc; border-bottom: 1px solid #ccc;}




/* pop-horizontal */
.table-pop table {width: 100%; }
.table-pop thead {background-color: #f1f1f1;}
.table-pop thead th {padding: 10px 0px; text-align: center; border-left: 1px solid #ccc; }
.table-pop thead th:first-child {border-left: transparent; }
.table-pop tbody tr {border-top: 1px solid #ccc;}
.table-pop tbody tr td {padding:10px 0px; text-align:center; border-left: 1px solid #ccc;}
.table-pop tbody tr td:first-child {border-left: transparent; }

.reg-prc-info { }
.reg-prc-info li { display: inline-block; background: #aeb3ba; height:30px; margin-left:10px; position:relative; padding:0 40px; line-height:30px; font-size:14px; color:#fff }
.reg-prc-info li:before { border-left:15px solid #fff; border-top:15px solid transparent; border-bottom:15px solid transparent; content:""; height:0; left:0; position:absolute; top:0; width:0 }
.reg-prc-info li:after { border-left:15px solid #aeb3ba; border-top:15px solid #fff; border-bottom:15px solid #fff; content:""; height:0; right:0; position:absolute; top:0; width:0 }
.reg-prc-info li.current { background:#fa4c06}
.reg-prc-info li.current:after { border-left:15px solid #fa4c06; }

/* 2015 12 01 지원서 등록*/
.float-left {float:left}
.float-right {float:right}


.color-deepsea { color:#007eb1 }
.color-blue { color:#1f6be5 }
.color-red { color:#ff2e1a }
.color-orange { color:#ff5722 }
.color-white {color: #fff;}
.font-11 { font-size:11px }
.font-12 { font-size:12px }
.font-13 { font-size:13px }
.font-14 { font-size:14px }
.font-15 { font-size:15px }
.font-16 { font-size:16px }
.font-24 { font-size: 24px; }
.text-underline { text-decoration:underline ! important }
.font-bold { font-weight:bold }



.wd20 {width:20px; }
.wd30 {width: 30px; }
.wd40 { width:40px }
.wd60 { width: 60px; }
.wd100px { width:100px }
.wd120 { width: 120px;}
.wd130 { width:130px }
.wd150 { width:150px }
.wd180 {width: 184px;}
.wd200 { width:200px }
.wd220 {width: 240px;}
.wd740 {width: 740px;}



.item-single-header { background:#f6f6f6; border-bottom:1px solid #d6d6d6; padding:10px; font-size:14px;  font-weight:900; }

.img_edit {position: relative; width : 120px; height: 190px; }
.img_edit img {width: 120px; height: 150px;border:1px solid #d1d1d1;}
.img_edit > p {position:Absolute; bottom:5px; left:42%;}
.img_edit > p a {color: #a1a1a1;}

.img_edit_wrap:after {content:''; display:block; clear:both;}


/* table.file2 */
table.fild2 {width: 100%;}
table.fild2 th {width: 200px;background-color: #f5f5f5; height: 35px; border:1px solid #ddd;}
table.fild2 td {border:1px solid #ddd; padding:4px; min-width : 160px;}



/* table.file3 */
table.fild3 {width: 100%;}
table.fild3 thead th {width: 140px;background-color: #f5f5f5; height: 35px; border:1px solid #ddd;}
table.fild3 tbody th {width: 40px;background-color: #f5f5f5; height: 35px; border:1px solid #ddd;}
table.fild3 td {border:1px solid #ddd; padding:4px; min-width : 40px;}

/* 2015 12 15 입사지원완료 */
.company-fin { border-top : 2px solid #fa4c06; background : #f9f9f9; padding-top: 50px;}
.company-fin > p { font-size : 18px; color: #2e2e2e }
.company-fin > p:first-child { color: #fa4c06 }
.company-fin > table { width : 80%; margin : 30px auto; background : #fff; border: 1px solid #ededed }
.company-fin > table tr { border-bottom : 1px solid #ededed }
.company-fin > table tr th { padding : 10px 30px; text-align : left; font-size : 16px; background : #fafafa }
.company-fin > table tr td { font-size : 16px;}

/**
=========================================================================

     ## popup ##

=========================================================================
**/
/* layer popup */
.layer-pop { position:absolute; top:20px; left:20px; z-index:9999 ! important }
.layer-pop .single { float:left; margin-right:10px }
.layer-pop .pop-content { display:table; background:#fff; border:1px solid #d6d6d6;  font-size:12px; line-height:normal; border-bottom:0px none; word-break:keep-all; width: 100%; }
.layer-pop .pop-content .inner-cm { display:table-cell; vertical-align:middle; padding:40px }
.layer-pop .pop-content .inner-cm h1 { font-size:21px; color:#434343; margin-bottom:30px; text-align:center;}
.layer-pop .pop-content .inner-cm h1:before { content:'[' }
.layer-pop .pop-content .inner-cm h1:after { content:']' }
.layer-pop .pop-footer { background:#ff9100; text-align:right; height:26px }
.layer-pop .pop-footer a { display:inline-block; height:100%; background:#dc7d00; color:#fff; line-height:26px; padding:0 10px }
/* window popup */
body.w-popup, html.w-popup { margin:0; padding:0; height:100%; width:100% }
.window-pop { display:table; width:100%; height:100%; position:relative }
.window-pop .pop-content { display:table; height:100%; width: 100%; word-break:keep-all }
.window-pop .pop-content .inner-cm { display:table-cell; vertical-align:middle; padding:40px 40px 70px 40px; line-height: normal; }
.window-pop .pop-content .inner-cm h1 { font-size:21px; color:#434343; margin-bottom:30px; text-align:center;}
.window-pop .pop-content .inner-cm h1:before { content:'[' }
.window-pop .pop-content .inner-cm h1:after { content:']' }
.window-pop .pop-footer { position:absolute; left:0; bottom:0; width:100%; background:#ff9100; text-align:right; height:26px }
.window-pop .pop-footer a { display:inline-block; height:100%; background:#dc7d00; color:#fff; line-height:26px; padding:0 10px }



/**
========================================================================


/* 2016-01-25  추가 */
.relative { position:relative }
.btn-abs-rt { position:absolute; top:6px; right:6px }
.app-alert { display:none;}
.alert-body{background:#f6f6f6; text-indent: 10px;}


/* 2016-02-20 추가 */
.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
 position: fixed; 
 left:0;
 right:0;
 top:0;
 bottom:0;
   z-index : 9999;
}
.wrap-loading div{ /*로딩 이미지*/
 position: fixed;
 top:50%;
 left:50%;
 margin-left: -21px;
 margin-top: -21px;
 background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2);
 padding:20px;
}
.display-none{
    display:none;
}

.ui-datepicker{z-index: 99 !important};


/* 2016 03 18 수정 */
section.tc-new { padding : 80px 0; text-align : center }
section.tc-new ul { width : 520px; margin : 20px auto; overflow : hidden }
section.tc-new ul li { width : 205px; border : 1px solid #e0e0e0; padding : 20px }
section.tc-new ul li.left { float : left; background : #f9f9f9 url('/common/images/ic-ipin.png') no-repeat top 35px center }
section.tc-new ul li.right { float : right;  background : #f9f9f9 url('/common/images/ic-phone.png') no-repeat top 30px center }
section.tc-new ul li .inner { padding-top : 100px; text-align : center }
section.tc-new ul li .inner h1 { font-size : 17px; color : #353535; font-weight : bold }
section.tc-new ul li .inner p { margin-top : 5px; font-size : 14px; color : #555 }
section.tc-new ul li .inner input[type="submit"] { padding : 5px 20px; font-size : 12px; margin-top : 10px; background : #f26522; border-radius : 5px; transition : all .3s ease; color : #fff  }
section.tc-new ul li .inner input[type="submit"]:hover { background : #d4591f }

/* 2016.6.3 paginate */
.paginate{ overflow:hidden; clear:both; padding:15px 0; text-align:center } 
.paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px; min-width:18px; margin-right:1px;padding:3px 3px 5px;border:1px solid #fff;color:#000;font-family:Verdana;font-size:13px;font-weight:bold;line-height:normal;text-decoration:none} 
.paginate strong{ background:#ea5d2c;color:#ffffff !important} 
.paginate .pre{margin-right:9px;padding:4px 6px 7px 16px; background:url(../../images/bu_pg3_l_off.gif) no-repeat 6px 9px !important} 
.paginate .next{margin-left:9px;padding:4px 16px 7px 6px;background:url(../../images/bu_pg3_r_off.gif) no-repeat 73px 9px !important} 
.paginate a.pre{background:url(../../images/bu_pg3_l_on.gif) no-repeat 6px 9px !important} 
.paginate a.next{background:url(../../images/bu_pg3_r_on.gif) no-repeat 72px 9px !important} 
.paginate .pre,.paginate .next{display:inline-block;position:relative;top:1px;_width /**/:84px;border:1px solid #e9e9e9;color:#ccc;font-size:12px;line-height:normal} 
.paginate a.pre,.paginate a.next{color:#565656} 
.paginate a:hover{border:1px solid #e9e9e9;background-color:#f7f7f7 !important} 


/* 2018 05 09 */
.btnParent a{
  margin-right: 15px;
}
.btnParent .btn-gray{
  margin-right:0;
}