@charset "utf-8";
/*
.File Name		: /inc/css/ver_2/lgi/lgi_common.css
.Final Editor	: 김정윤 (2015-01-26 : firefox text-indent 버그 수정)
*/


/* Common Style 
-------------------------------------------------------------------------- */
input.ipText {height:15px; padding:3px 0 0 3px; border:1px solid #cdcdcd; border-right-color:#ededed; border-bottom-color:#ededed; color:#888;}
textarea.ipTextarea {padding:3px 0 0 3px; border:1px solid #cdcdcd; border-right-color:#ededed; border-bottom-color:#ededed; color:#888;}
select.ipSelect {height:20px; border:1px solid #ccc; color:#888; letter-spacing:0 !important;}
.b {font-weight:bold !important;}
.u {text-decoration:underline !important;}
.taL {text-align:left !important;}
.taC {text-align:center !important;}
.taR {text-align:right !important;}
.layerShow {display:block;}
.layerHide {display:none;}


/* Layout Common
------------------------------------------------------------------------------------ */
#header {position:relative; text-align:left; z-index:1000; zoom:1;}
#wrap {position:relative; width:100%; margin:0 auto; text-align:left; z-index:900; zoom:1;}
#container {position:relative; width:960px; margin:0 auto; min-height:400px; padding:0 0 20px 0; z-index:800; zoom:1;}
#content {width:960px; position:relative; z-index:800; zoom:1;}
#subFooter {clear:both; margin:0 auto 45px auto; width:960px;}


/* Header
------------------------------------------------------------------------------------ */
body#secLgi #gnb,
body#listGi #gnb,
body#secLgi #headerInfo,
body#listGi #headerInfo,
body#secLgi #topWrapAd,
body#listGi #topWrapAd {width:960px; margin:0 auto;}

#gnb .gnbSub {position:absolute; top:78px; right:0; z-index:100; width:230px; height:26px;}
#gnb #AKCFrm {}
#gnb .gnbSub fieldset {*zoom:1;}
#gnb .gnbSub fieldset .schField {}
#gnb .gnbSub fieldset .schField dl dd {float:left;}
#gnb .gnbSub fieldset .schField dl dd input {vertical-align:top;}
#gnb .gnbSub fieldset .schField dl dd.img {width:187px; height:20px; padding:6px 0 0 10px; background:url(/Content/images/common/gnb/bg_search.png) no-repeat 0 0;}
#gnb .gnbSub fieldset .schField dl dd.img input {width:187px; height:15px; font:bold 12px 돋움, dotum; vertical-align:top; border:0;outline:none;}
#gnb .gnbSub fieldset .schField dl dd.img input.adText {color:#f60; font-weight:normal;}
#gnb .gnbSub fieldset .schField dl dd.img input:-ms-clear {display:none;}
#gnb .gnbSub fieldset .schField dl dd.submit input {overflow:hidden; float:left; width:33px; height:26px; background:url('/Content/images/common/gnb/bg_search.png') no-repeat -197px 0; border:none; white-space:nowrap; text-indent:-999em; cursor:pointer;}
#gnb .gnbSub fieldset .schField dl dd.img div.relation {z-index:101; position:absolute; top:24px; left:0; width:228px;}
#gnb .gnbSub fieldset .schField dl dd.img div.relation p {position:absolute; top:-21px; left:175px; height:14px; overflow:hidden;}
#gnb .gnbSub fieldset .schField dl dd.img div.relation ul {padding:5px 0 2px 6px; width:222px; height:104px; background:url(/Content/images/main/bg_home_search_all_1.gif) no-repeat -389px -480px;}

#gnb .gnbSub fieldset .schField dl dd.img div.relation span {display:block; text-align:right; padding:5px 10px 0 0; height:17px; background:url(/Content/images/main/bg_home_search_all_1.gif) no-repeat -389px -592px;}
#gnb .gnbSub fieldset .schField dl dd.img div.relation span,
#gnb .gnbSub fieldset .schField dl dd.img div.relation span a {letter-spacing:-1px; font:normal 11px dotum; color:#999; text-decoration:none;}
#gnb .gnbSub fieldset .schField dl dd.img div.relation span a:hover {color:#0066CC;}
#gnb .gnbSub fieldset .schField dl dd.img div.relation span a {padding:0 2px;}

#gnb .gnbSub fieldset dl.hitKeyword {float:left; padding:3px 0 0 15px;}
#gnb .gnbSub fieldset dl.hitKeyword dt,
#gnb .gnbSub fieldset dl.hitKeyword dd {float:left;}
#gnb .gnbSub fieldset dl.hitKeyword dt {padding-right:8px;}
#gnb .gnbSub fieldset dl.hitKeyword dd {padding:2px 7px 0 0;}
#gnb .gnbSub fieldset dl.hitKeyword dd a {color:#fff;}
#gnb .gnbSub fieldset dl.hitKeyword dd a:hover {text-decoration:underline;}
#gnb .gnbSub fieldset form.search .keyword {_height:15px !important; _height /**/:20px;}

/* 서브글로벌 한큐 검색 - 자동완성*/
#gnb .gnbSub fieldset.menuGi .schField .autoSearch {position:absolute; top:0px; left:0; z-index:1000;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearch * {font:11px dotum,"돋움",sans-serif; letter-spacing:-1px; color:#45adb0;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearch .btnOdd {position:absolute; bottom:4px; right:0; width:95px; text-align:right; padding-right:12px; z-index:3;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearch .btnOdd button {color:#5c99ce;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearch .btnOdd button::-moz-focus-inner {padding:0; border:0;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearch .btnOdd button.odd {padding-right:0; background:none;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearch .btnArrow button {position:absolute; top:-17px; left:172px; width:13px; height:15px; background:url(/Content/images/main/bg_home_search_all_1.gif) no-repeat -82px -5px; overflow:hidden;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearch .btnOdd span {color:#d8e4ee; margin:0 3px 0 4px;}

/* 자동완성 기능 X */
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStop {position:absolute; top:25px; left:0; width:228px;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStop .description {line-height:15px; color:#888; padding-top:14px; text-align:center; height:61px;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStop .searchStopDesc {position:relative;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStop .searchStopDesc div {position:relative; padding:0; *zoom:1; background:url(/Content/images/main/bg_home_search_all_1.gif) no-repeat -389px -390px; z-index:1000;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStop .searchStopDesc iframe.bgFrame {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStop .btnArrowClose button {background:url(/Content/images/main/bg_home_search_all_1.gif) no-repeat -97px -5px; overflow:hidden;}

/* 자동완성 기능 O */
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStart {position:absolute; top:25px; left:-388px; width:617px; height:267px;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStart .btnOdd {top:247px; right:230px; width:auto;}
html>/**/body #gnb .gnbSub fieldset.menuGi .schField .autoSearchStart .btnOdd, x:-moz-any-link, x:default {top:245px;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStart .btnOdd button {color:#5c99ce;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStart .btnArrowClose button {background-position:-97px -5px;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStart iframe#AKCIfrm {position:relative; width:617px; height:265px; z-index:2;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStart iframe.bgFrame {position:absolute; top:0px; left:0px; width:617px; height:265px; z-index:1;}
#gnb .gnbSub fieldset.menuGi .schField .autoSearchStart .bg {font-size:0; line-height:0; height:2px; background:#000; opacity:0.1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter:alpha(opacity=10);}

/* 자동완성 최적화 스타일 */
#gnb .autoSearch {display:block !important;}
#gnb .autoSearch #SearchStop,
#gnb .autoSearch #SearchStart {display:none !important;}
#gnb .autoSearchShow #SearchStart {display:block !important;}
#gnb .autoSearchShow #SearchStop {display:none !important;}
#gnb .autoSearchDisabled #SearchStart {display:none !important;}
#gnb .autoSearchDisabled #SearchStop {display:block !important;}
#gnb .autoSearchDisabledClose #SearchStop #StopDesc {display:none !important;}
#gnb .autoSearchDisabled #btnArrow_C {display:none !important;}
#gnb .autoSearchDisabled #btnArrow_O {display:block !important;}
#gnb .autoSearchDisabledClose #btnArrow_C {display:block !important;}
#gnb .autoSearchDisabledClose #btnArrow_O {display:none !important;}

/* 버튼 템플릿 1 : 이전/다음 */
#headerInfo button::-moz-focus-inner {padding:0; border:0;}
#headerInfo .tpButtonNav_1 {display:inline-block; width:25px; height:13px; background:url(/Content/images/main/bg_home_icon_all.gif) no-repeat 0 -100px; overflow:hidden; zoom:1;}
#headerInfo .tpButtonNav_1 button {float:left; width:11px; height:11px; margin:1px 0 0 1px; overflow:hidden; text-indent:0;}
#headerInfo .tpButtonNav_1 button span {display:inline-block; width:11px; height:11px; background:url(/Content/images/main/bg_home_icon_all.gif) no-repeat 4px -72px; padding-top:20px;}
#headerInfo .tpButtonNav_1 button.prev_no span {background-position:4px -72px;}
#headerInfo .tpButtonNav_1 button.prev_yes span {background-position:-6px -72px;}
#headerInfo .tpButtonNav_1 button.next_no span {background-position:-16px -72px;}
#headerInfo .tpButtonNav_1 button.next_yes span {background-position:-26px -72px;}


/* Sidebar
------------------------------------------------------------------------------------ */



/* Location
------------------------------------------------------------------------------------ */
.lgiNowLocation {position:relative; width:960px; margin:23px auto 10px auto; padding-bottom:11px; border-bottom:1px solid #e5e5e5; letter-spacing:-1px; color:#888; vertical-align:middle; font-family:gulim,"굴림",sans-serif;}


/* ETC
------------------------------------------------------------------------------------ */
#topWrapAd {clear:both; position:relative;}
#topWrapAd h3 {position:absolute; width:0; height:0; font-size:0; overflow:hidden; visibility:hidden;}
#skyscraper_01 {position:absolute; top:107px; left:-75px;}


/* Option
------------------------------------------------------------------------------------ */
.optNo, a.optNo				{font-weight:normal !important;}
.optBold, a.optBold			{font-weight:bold !important;}												
.optColor, a.optColor		{color:#06c !important;}			
.optIcon, a.optIcon			{width:12px !important; height:15px !important; background:url(/Content/images/recruit/gi/icon_hot.gif) no-repeat 0 0 !important; cursor:hand;}
.optBg, a.optBg				{background-color:#FFF670 !important;}	
.optJumpUp, 
a.optJumpUp					{width:11px !important; height:18px !important; background:url(/Content/images/recruit/gi/icon_jumpup_1.gif) no-repeat 1px 0 !important; cursor:hand;}	

.deadLine	, a.deadLine		{font:11px tahoma, dotum, "돋움",sans-serif; color:#666; white-space:nowrap;}
.todayEnd, a.todayEnd	{font:11px dotum,"돋움",sans-serif; color:#c51515 !important; white-space:nowrap;}

/* Category Navigation Bar_2014.12.09 */
.lgiCnb .cnbList .selected .tit, .lgiCnb .cnbList .selected_1 .tit, .lgiCnb .cnbList .scrollCnt li a, .lgiCnb .cnbList .scrollCnt .now, .lgiCnb .cnbList .icnMob, .lgiCnb .cnbList .icnHan, .lgiCnb .cnbList .icnWd, .lgiCnb .cnbList .fylink a, .lgiCnb .cnbList .scrollCnt .selected .tit, .lgiCnb .goTop button {background:url('/Content/images/recruit/gi/sprites/lgi_tpl_cnb_icn.png') no-repeat 0 0;}
.lgiCnb .cnbList li a:hover,.lgiCnb .cnbList .scrollCnt li a:hover {color:#3399ff;}

.lgiCnb {display:none; position:fixed; top:20px; left:50%; width:168px; margin-left:-675px; border-top:1px solid #d6d6d6; text-align:left;}
.lgiCnb a {cursor:pointer !important;}
.lgiCnb .cnbList {overflow:hidden; border:1px solid #d6d6d6; border-top:0}
.lgiCnb .cnbList li {line-height:37px; border-top:1px solid #efefef; vertical-align:middle;}
.lgiCnb .cnbList li a, .lgiCnb .cnbList li .tit {padding-left:14px; color:#333; }
.lgiCnb .cnbList li:first-child{border-top:0}
.lgiCnb .cnbList .selected .tit {padding-right:13px; font-weight:bold; color:#3399ff; background-position:right -172px;}
.lgiCnb .cnbList .selected_1 .tit {padding-right:15px; background-position:right -204px;}
.lgiCnb .cnbList .selected .scrollCnt {display:block;}
.lgiCnb .cnbList .scrollCnt {position:relative; display:none; padding:9px 13px 7px 12px; background-color:#fbfbfb; }
.lgiCnb .cnbList .scrollCnt ul {width:100%;}
.lgiCnb .cnbList .scrollCnt ul:after {content:""; display:block; height:0; clear:both;}
.lgiCnb .cnbList .scrollCnt li {line-height:21px; border-top:0 none; letter-spacing:-1px; padding:0;}
.lgiCnb .cnbList .scrollCnt li a {color:#666; padding-left:8px; background-position:left -250px;}
.lgiCnb .cnbList .scrollCnt .now {padding-left:8px; padding-right:0; padding-right:0; font-weight:normal; color:#3399ff; background-position:left -278px;}
.lgiCnb .cnbList strong.new {display:inline-block; *zoom:1; *display:inline; background:url(/Content/images/main/ico_new.gif) no-repeat 0 0; width:10px; height:9px; overflow:hidden; text-indent:-9999em; vertical-align:middle;}

.lgiCnb .scroll {overflow:hidden; height:130px !important;}
.lgiCnb .scrollw_180 {height:180px;}
.lgiCnb .scrollw_200 {height:200px;}

/*
.lgiCnb .scrollBarWr,.lgiCnb .scrollBar,.lgiCnb .scrollBar:hover {background:url('/img/List_Gi/sprites/lgi_tpl_cnbbar.png') no-repeat 0 0;}
.lgiCnb .scrollBarWr {display:none; overflow:hidden; position:absolute; left:157px; top:15px; width:5px; height:140px; background-position:-10px 0;}
.lgiCnb .scrollBar {display:block; width:5px; background-position:-27px 0; cursor:pointer;}
.lgiCnb .scrollBar:hover {background-position:-43px 0; }
.lgiCnb .scroll .scrollBarWr {display:block;} */

.lgiCnb .cnbList .scrollCnt .local li {float:left; display:inline; width:45px;}
.lgiCnb .cnbList .scrollCnt .localw {width:156px; margin-top:10px;}
.lgiCnb .cnbList .scrollCnt .localw li {float:left; display:inline; width:72px;}

.lgiCnb .cnbList .fylink {font:11px '돋움', dotum, sans-serif; line-height:37px; padding-left:20px; letter-spacing:-1px;}
.lgiCnb .cnbList .fylink a {color:#666; padding-right:15px; background-position:right -233px;}
.lgiCnb .cnbList .fylink_1 a {padding-right:15px;  background:url('/Content/images/recruit/gi/sprites/lgi_tpl_cnb_icn.png') no-repeat right -231px;}
.lgiCnb .cnbList .icnMob {background-position:8px 5px;}
.lgiCnb .cnbList .icnHan {background-position:8px -32px;}
.lgiCnb .cnbList .icnWd {background-position:7px -71px;}

.lgiCnb .goTop {width:37px; margin:10px auto;}
.lgiCnb .goTop button {overflow:hidden; width:37px; height:37px; background-position:-8px -117px;}

@media screen and (max-width:1200px){
	.lgiCnb {display:none !important;}
}