@charset "euc-kr";
@import "table.css";
/*******************************  base ½ºÅ¸ÀÏ ÃʱâÈ­ *****************************************************************************/

body {
	font-size:12px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding : 0 ;
	margin : 0 ; 
	font-size:12px;
}
ol, ul, li {  
	list-style : none ;  
}
h1, h2, h3, h4, h5, h6 { 
	font-weight : normal ; 
	font-size : 100% ; 
}
form, fieldset, img {  
	border : 0 none ; 
}
address, caption, em { 
	font-weight : normal ; 
	font-style : normal ; 
}

/* anchor */
a { 
	text-decoration : none ; 
}
a:link, a:visited { 
	color : #494949 ; 
	text-decoration:none; 
}
a:hover, a:active {	
	color:#06c; 
	text-decoration:underline; 
}


/******************************* layout *****************************************************************************/

body {
			font-family:dotum, "µ¸¿ò", sans-serif; 
			color:#494949;
			
			scrollbar-3dlight-color:#E3E3E3;
			scrollbar-arrow-color:#646464;
			scrollbar-track-color:#ffffff;
			scrollbar-darkshadow-color:#ffffff;
			scrollbar-face-color:#ffffff;
			scrollbar-highlight-color:#f7f7f7;
			scrollbar-shadow-color:#9B9B9B;
			}


/* wrap */
#wrap {width:100%; text-align:center;  margin:0 auto;}
#mainVisual {width:100%; margin:0 auto;}
/* GNB */
#gnb {position:relative; /* ¾È¿¡ ¹èÄ¡µÈ Ç׸ñµéÀÇ ±âÁØ */ height:150px; width:960px; margin:0 auto; border-bottom:1px solid #e5e5e5;}

/* LNB */
#lnb {float:left; width:169px; padding-top:40px; z-index:1; position:relative;}
/* #lnb ul {margin-top:30px} 2017-01-19 */
#lnb ul {margin-top:14px}


/* container */
#container {position: relative;width:960px; overflow:auto; padding:0; margin:0 auto;}
#main {clear:both;  text-align:center; position: relative;width:960px; overflow:auto; padding:40px 0 20px 0; margin:0 auto;  border:0px solid #000000;}

/* content */
#content {float:right; position:relative; padding:40px 0 60px 58px; border-left:1px solid #e5e5e5;}
#content_box {text-align:left; float:left; position:relative; width:730px;}

h2 {padding-bottom:35px;}
h2 .brand01 {padding-bottom:35px; background:url(images/title01_bg.gif) no-repeat;}
h2 .brand02 {padding-bottom:35px; background:url(images/title02_bg.gif) no-repeat;}

h3 {padding-bottom:15px;}
h4 {padding-bottom:15px;}

/* footer */
#footer {clear:both; width:960px; position:relative; border-top:1px solid #e5e5e5; padding:15px 0; margin:0 auto; margin-bottom:20px;}
#footer span {float:left;}
#footer .footer_menu {margin-top:0}
#footer .footer_menu ul{position:relative; float:right;}
#footer .footer_menu li {float:left;}


/******************************* base  *****************************************************************************/

/* Á¤·Ä */
.txt_left { text-align:left !important;}
.txt_center { text-align:center !important;}
.txt_right { text-align:right !important;}


.fat_left {float:left !important;}
.fat_center {float:center !important;}
.fat_right {float:right !important;}

/* Line */
.bar {padding:40px 0 35px 0; background:url(../images/bar01.gif) no-repeat  0 40px;}
.line {padding-top:15px; border-bottom:1px solid #e5e5e5; margin-bottom:15px;}
.dotline { background:url(../images/bg_dot.gif) repeat-x 0 50%; padding:40px 0; clear:both;}


/* color */
.txt_fff {color:#ffffff;}

/* padding */
.pdt5{padding-top:5px !important;}
.pdt10{padding-top:10px !important;}
.pdt15{padding-top:15px !important;}
.pdt20{padding-top:20px !important;}
.pdt25{padding-top:25px !important;}
.pdt30{padding-top:30px !important;}
.pdt35{padding-top:35px !important;}
.pdt40{padding-top:40px !important;}
.pdt45{padding-top:45px !important;}
.pdt50{padding-top:50px !important;}
.pdt90{padding-top:90px !important;}

.pdb5{padding-bottom:5px !important;}
.pdb10{padding-bottom:10px !important;}
.pdb15{padding-bottom:15px !important;}
.pdb20{padding-bottom:20px !important;}
.pdb25{padding-bottom:25px !important;}
.pdb30{padding-bottom:30px !important;}
.pdb40{padding-bottom:40px !important;}

.pdl5{padding-left:5px !important;}
.pdl7{padding-left:7px !important;}
.pdl10{padding-left:10px !important;}
.pdl15{padding-left:15px !important;}
.pdl20{padding-left:20px !important;}
.pdl25{padding-left:25px !important;}
.pdl30{padding-left:30px !important;}
.pdl35{padding-left:35px !important;}
.pdl40{padding-left:40px !important;}
.pdl50{padding-left:50px !important;}

.pdr5{padding-right:5px !important;}
.pdr10{padding-right:10px !important;}
.pdr15{padding-right:15px !important;}
.pdr20{padding-right:20px !important;}
.pdr25{padding-right:25px !important;}
.pdr30{padding-right:30px !important;}
.pdr40{padding-right:40px !important;}
.pdr50{padding-right:50px !important;}



/* margin */
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt25{margin-top:25px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}
.mgt90{margin-top:90px !important;}

.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb15{margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb25{margin-bottom:25px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb40{margin-bottom:40px !important;}

.mgl5{margin-left:5px !important;}
.mgl7{margin-left:7px !important;}
.mgl10{margin-left:10px !important;}
.mgl15{margin-left:15px !important;}
.mgl20{margin-left:20px !important;}
.mgl25{margin-left:25px !important;}
.mgl30{margin-left:30px !important;}
.mgl35{margin-left:35px !important;}
.mgl40{margin-left:40px !important;}
.mgl50{margin-left:50px !important;}

.mgr5{margin-right:5px !important;}
.mgr10{margin-right:10px !important;}
.mgr15{margin-right:15px !important;}
.mgr20{margin-right:20px !important;}
.mgr25{margin-right:25px !important;}
.mgr30{margin-right:30px !important;}
.mgr40{margin-right:40px !important;}
.mgr50{margin-right:50px !important;}


/* Form */
.tele {border:1px solid #B7B7B7; font-size: 8pt; margin-bottom:-2px; color: #707070; height:17px}
.select {font-size: 12px;  border:1px solid #B7B7B7 ; color:#707070; padding:0 0 0 0;  margin-bottom:-2px;}
.input {font-size: 12px; border:1px solid #B7B7B7; color:#707070; padding:3px 0 0 5px; height:19px;}
.text {border:1px solid #B7B7B7 ; color:#707070; padding:5px;}
.input_fff {font-size:12px;  border:1px solid #ffffff ; color:#707070;}
.input_byte {font-size:12px; border:1px solid #B7B7B7; color:#FA9217; background-color:#f7f7f7}
.input_join {font-size:12px; border:1px solid #B7B7B7; color:#707070;}
.input_pw {font-size:12px; font-family:Verdana,  Helvetica, geneva,sans-serif;border:1px solid #B7B7B7; color:#707070; height:19px;}
.input_file {font-size:12px; border:1px solid #B7B7B7; color:#707070;height:19px;}
.input_radio {margin-bottom:-2px}
.btn{cursor:hand; vertical-align:middle; margin-left:5px;}
.btnL{cursor:hand; vertical-align:middle; margin-right:5px;}

/* Table career */
.career{width:100%; margin:0; line-height:19px; border-collapse:collapse; border-top:3px solid #54B4D7; word-break:keep-all; background:#fff;}
.career th{font-size:12px; text-align:center; height:28px; padding:5px 9px 2px 12px; line-height:19px; background-color:#F5F5F5; border-bottom:1px solid #cccccc; color:#6F8999; font-weight:bold;}
.career td{font-size:12px; text-align:left; height:28px; padding:10px 9px 10px; line-height:19px; border-bottom:1px solid #cccccc; color:#707070;}


/* Table Add */
#Add{width:100%; margin:0; line-height:19px; border-collapse:collapse; border-top:3px solid #A5B6C1; word-break:keep-all; background:#fff;}
#Add th{text-align:center; padding:10px 2px 10px 2px; line-height:19px; border-bottom:1px solid #A5B6C1; color:#6F8999; font-weight:bold;}
#Add td{font-size:12px; text-align:left; padding:10px 9px 10px; line-height:19px; border-bottom:1px solid #A5B6C1; color:#707070;}


/* Table jobs */
#jobs{font-size:12px; width:100%; margin:0; line-height:19px; border-collapse:collapse; word-break:keep-all;}
#jobs th{text-align:center; width:150px; height:34px; padding:6px 10px 4px; border-bottom:1px solid #ebebeb; color:#708a99; font-weight:bold;}
#jobs td {text-align:center; padding:6px 0 4px;border-bottom:1px solid #ebebeb; color:#707070;}
#jobs td.ti{text-align:left; width:340px; padding:6px 20px 4px;}
#jobs td.date{width:150px;}
#jobs td.date .end{color:#009cd5;}
#jobs td.ing{width:90px; color:#708a99; font-weight:bold;}


/* Table jobs_view */
#jobsV{font-size:12px; width:100%; margin:0; line-height:19px; border-collapse:collapse; word-break:keep-all;}
#jobsV th{text-align:center; width:130px; height:25px; padding:6px 10px 4px; color:#708a99; font-weight:bold;}
#jobsV td {text-align:center; padding:6px 0 4px; color:#707070;}
#jobsV td.ti{text-align:left; width:340px; padding:6px 16px 4px;}
#jobsV td.ti2{text-align:left; width:340px; padding:8px 18px 5px; color:#000000; font-weight:bold;}
#jobsV td.date{width:150px;}
#jobsV td.date2{width:120px;}
#jobsV td.date .end{color:#009cd5;}
#jobsV td.date2 .end{color:#009cd5; font-weight:bold;}
#jobsV td.ing{width:110px; color:#708a99; font-weight:bold;}
#jobsV td.ing2{width:90px; color:#708a99; font-weight:bold;}
#jobsV td.part{text-align:left; width:340px; padding:10px 18px 5px; color:#707070;}

#jobsView{font-size:12px; width:690px; padding:20px; line-height:18px; word-break:keep-all;color:#707070;}




/* Table notice */
#notice{font-size:12px; width:100%; margin:0; line-height:19px; border-collapse:collapse; word-break:keep-all;}
#notice th{text-align:center; width:70px; height:34px; padding:6px 10px 4px; border-bottom:1px solid #ebebeb; color:#707070;}
#notice td {text-align:center; padding:6px 0 4px;border-bottom:1px solid #ebebeb; color:#707070;}
#notice td.ti{text-align:left; width:530px; padding:6px 20px 4px;}
#notice td.date{width:130px;}
#notice td.date .end{color:#009cd5;}


/* Table notice2 */
.notice{font-size:12px; width:100%; margin:0; line-height:19px; border-collapse:collapse; word-break:keep-all;}
.notice th{text-align:center; width:70px; height:34px; padding:6px 10px 4px; border-bottom:1px solid #ebebeb; color:#707070;}
.notice td {text-align:center; padding:6px 0 4px;border-bottom:1px solid #ebebeb; color:#707070;}
.notice td.ti{text-align:left; width:530px; padding:6px 20px 4px;}
.notice td.date{width:130px;}
.notice td.date .end{color:#009cd5;}
.notice td.data a:nth-child(2) {margin-left:4px;}


/* Table notice_view */
#noticeV{font-size:12px; width:100%; margin:0; line-height:19px; border-collapse:collapse; word-break:keep-all;}
#noticeV td {text-align:center; padding:6px 0 4px; color:#707070;}
#noticeV td.ti{text-align:left; width:400px; padding:6px 16px 4px; }
#noticeV td.ti2{text-align:left; width:620px; padding:8px 0 5px; color:#000000; font-weight:bold;}
#noticeV td.date{text-align:left; width:100px;}
#noticeV td.date2{text-align:left; padding:8px 0 5px; width:620px;}

#noticeView{font-size:12px; width:690px; padding:20px; line-height:18px; word-break:keep-all;color:#707070;}


/* title_btn Á¤·Ä */
#title_btn {clear:both; width:730px; position:relative; padding:40px 0 20px 0;}
#title_btn h3 {float:left;}
#title_btn .btn {margin-top:-20px;}
#title_btn .btn ul{position:relative; float:right;}
#title_btn .btn li {float:left; padding-left:5px;}




/* Tab(ÅÇ) */
#tab_area{position:relative; width:730px; height:auto; margin:0 0 30px 0; padding:0; background:url(../jobs/images/tab_bg.gif) no-repeat; overflow:hidden;}
#tab_area .tab_left {float:left; height:32px; overflow-y:hidden;}
#tab_area .tab_left li{position:relative; float:left; }


/* Paginate */
.paginate { padding:20px 0; text-align:center;}
.paginate a{ position:relative; display:inline-block; margin-right:1px; padding:2px 2px 3px; color:#707070; text-decoration:none; font:11px/normal Tahoma; _width /**/:17px;}
.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:2px 2px 3px; color:#707070; text-decoration:none; font:bold 11px/normal Tahoma; _width /**/:17px;}
.paginate strong { color:#009cd5 !important;}
.paginate a:hover{ color:#707070 !important;}

.paginate .btn { padding:0 5px;}


.Mnews {clear:both; font-size:12px; color:#898989;}
.Mnews li.con a {letter-spacing:-1px; color:#898989; }
.Mnews li.con {float:left; text-align:left; background:url(../images/dot.gif) no-repeat left 6px; width:250px; padding:2px 0 0 10px; line-height:16px;letter-spacing:-1px; position:relative;text-overflow:ellipsis; overflow:hidden; cursor:hand; }
.Mnews li.date {text-align:right; width:20px; position:relative; display:inline-block; padding:2px 2px 3px; font:11px/normal Tahoma;margin-right:-20px;}
.scrollbox {font-size:12px; overflow-y:scroll; width:690px;  height:180px; padding:5px 5px 5px 15px; line-height:17px;}



/* 2016-05-11 Ŭ·ÎÀÌ : ¿Â¶óÀÎ ÀÔ»çÁö¿ø */
.table_recruit_wrap { padding: 0 15px; background: #e4f5ff; font-size:12px;}

.mgb_0 { margin-bottom: 0 !important; }


/* 2016-12-20 Ŭ·ÎÀÌ : Ç÷¡½Ã ±³Ã¼ ¹× ¸ð¹ÙÀÏ½Å±Ô STRAT */
#wrap.main { background: url('../images/bg_visual.png') no-repeat center 0; }
#wrap .wrapper { position: relative; margin: 0 auto; padding-top: 39px; width: 980px; }
#wrap.main .wrapper { margin: 0 auto 4px; height: 586px; /* background: url('../images/visual_temp.png') no-repeat center 116px; */ }
#wrap .wrapper h1 { position: absolute; top: 45px; left: 26px; z-index: 10; }
#wrap .wrapper h1 a { display: block; }
#wrap .util { position: absolute; top: 12px; right: 10px; }
#wrap .util a { display: inline-block; margin-left: 7px; padding-left: 8px; vertical-align: top; *display: inline; }
#wrap.main .util a { background: url('../images/bl_util.png') no-repeat 0 0; }
#wrap .util a:first-child { margin-left: 0; padding-left: 0; background: none; }

/* ¸ÞÀÎ ºñÁê¾ó */
#wrap.main .visual { position: relative; margin-bottom: 9px; height: 450px; background: url('../images/visual_temp.png') no-repeat center 0; }
#wrap.main .visual .fix-tooltip { position: absolute; top: 0; left: 50%; margin-left: -101px; }
#wrap #rolling { margin: 0 auto; width: 65%; height: 450px; }
#wrap #rolling li { top: 4px !important; width: 450px; height: 506px; }
#wrap #rolling li:first-child {  }
#wrap #rolling li a { display: block; }
#wrap #rolling li img { width: 100%; height: auto; }
#wrap #rolling .wrap_img { padding-top: 84px; cursor: pointer; }
#wrap #rolling .wrap_img p { display: none; }

/* #wrap #rolling .wrap_img p { position: absolute; top: 0; left: 50%; margin-left: -101px; width: 202px; height: 165px; font-size: 0; line-height: 0; text-indent: -9999px; background: url('../images/main_tooltip.png') no-repeat; opacity: 0; filter: alpha(opacity:'0'); -webkit-transition: all 0.5s; transition: all 0.5s; }
#wrap #rolling li.roundabout-in-focus .wrap_img p { opacity: 1; filter: alpha(opacity:'100'); } */

/* ¸ÞÀÎ ºñÁê¾ó ·Ñ¸µ½Ã ¹è³Ê À̹ÌÁö º¯°æ
#wrap #rolling .wrap_img p { position: absolute; top: 0; left: 50%; margin-left: -101px; width: 202px; height: 165px; font-size: 0; line-height: 0; text-indent: -9999px; background: url('../images/main_tooltip.png') no-repeat; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
#wrap #rolling li.roundabout-in-focus .wrap_img p { display: block; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: all 0.5s; transition: all 0.5s; }
#wrap #rolling li:first-child.roundabout-in-focus .wrap_img p { background: url('../images/main_tooltip01.png') no-repeat 0 0; }
#wrap #rolling li:first-child + li.roundabout-in-focus .wrap_img p { background: url('../images/main_tooltip02.png') no-repeat 0 0; }
#wrap #rolling li:first-child + li + li.roundabout-in-focus .wrap_img p { background: url('../images/main_tooltip03.png') no-repeat 0 0; }
#wrap #rolling li.outfocus .wrap_img p { background: none; }
 */

/* ¸ÞÀÎ nav */
#wrap #nav { margin-bottom: 5px; padding-left: 236px; z-index: 9; }
#wrap #nav a { display: block; }
#wrap #nav > ul { position: relative; width: 100%; height: 67px; }
#wrap #nav > ul > li { padding: 0 29px; float: left; }
#wrap.main #nav > ul > li { background: url('../images/bl_gnb.png') no-repeat 0 5px; }
#wrap #nav > ul > li:first-child { padding: 0 29px 0 0; background: none; }
#wrap #nav > ul > li > span { display: block; }
#wrap #nav > ul > li > span a { height: 27px; color:transparent; font-size: 0; line-height: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; }

#wrap #nav .mn01 > span a { width: 58px; }
#wrap #nav .mn02 > span a { width: 102px; }
#wrap #nav .mn03 > span a { width: 75px; }
#wrap #nav .mn04 > span a { width: 115px; }
#wrap #nav .mn05 > span a { width: 76px; }

#wrap.main #nav .mn01 > span a { width: 58px; background-image: url('../images/nav_txt01.png'); }
#wrap.main #nav .mn02 > span a { width: 102px; width: 108px; background-image: url('../images/nav_txt02.png'); }
#wrap.main #nav .mn03 > span a { width: 75px; background-image: url('../images/nav_txt03.png'); }
#wrap.main #nav .mn04 > span a { width: 115px; background-image: url('../images/nav_txt04.png'); }
#wrap.main #nav .mn05 > span a { width: 76px; background-image: url('../images/nav_txt05.png'); }

#wrap #nav > ul > li > span a:hover { background-position: 0 -27px; }
#wrap #nav > ul > li.on > span a { background-position: 0 -27px; }
#wrap #nav > ul > li.active > span a { background-position: 0 -27px; }
#wrap #nav .depth { display: none; position: absolute; top: 30px; left: 0; width: 738px; height: 37px; z-index: 19; }
#wrap #nav .depth.active { display: block !important; }
#wrap #nav .depth.active.hide { display: none !important; }
#wrap.main #nav .depth { background: url('../images/bg_nav_depth.png') no-repeat 0 0; }
#wrap #nav li.on .depth { z-index: 20; }
#wrap #nav .depth ul { padding: 0 4px; text-align: left; }
#wrap #nav .depth ul li { display: inline-block; background: url('../images/bl_nav_depth.png') no-repeat 0 13px; vertical-align: top; *display: inline; }
#wrap #nav .depth ul li:first-child { background: none; }
#wrap #nav .depth ul li a { padding: 0 11px 0 12px; height: 37px; color:transparent; font-size: 0; line-height: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: center 0; }
#wrap #nav .depth ul li a:hover { background-position: center -37px; }
#wrap #nav .depth ul li.active a { background-position: center -37px; }

/* ¸ÞÀÎ nav - ÆÝ¿£¾¾ */
#wrap #nav .mn01 .depth .mn_s01 a { width: 58px; background-image: url('../images/nav_depth01_01.png'); }
#wrap #nav .mn01 .depth .mn_s02 a { width: 62px; background-image: url('../images/nav_depth01_02.png'); }
#wrap #nav .mn01 .depth .mn_s03 a { width: 34px; background-image: url('../images/nav_depth01_03.png'); }
#wrap #nav .mn01 .depth .mn_s04 a { width: 46px; background-image: url('../images/nav_depth01_04.png'); }
#wrap #nav .mn01 .depth .mn_s05 a { width: 95px; background-image: url('../images/nav_depth01_05.png'); }

/* nav - CEOµ¥½ºÅ© */
#wrap #nav .mn02 .depth ul { padding-left: 109px; }
#wrap #nav .mn02 .depth .mn_s01 a { width: 64px; background-image: url('../images/nav_depth02_01.png'); }
#wrap #nav .mn02 .depth .mn_s02 a { width: 43px; background-image: url('../images/nav_depth02_02.png'); }
#wrap #nav .mn02 .depth .mn_s03 a { width: 101px; background-image: url('../images/nav_depth02_03.png'); }
#wrap #nav .mn02 .depth .mn_s04 a { width: 102px; background-image: url('../images/nav_depth02_03_170117.png'); }

/* nav - »ç¾÷¿µ¿ª */
#wrap #nav .mn03 .depth ul { padding-left: 290px; }
#wrap #nav .mn03 .depth .mn_s01 a { width: 36px; background-image: url('../images/nav_depth03_01.png'); }
#wrap #nav .mn03 .depth .mn_s01_2 a { width: 48px; background-image: url('../images/nav_depth03_01_170117.png'); }
#wrap #nav .mn03 .depth .mn_s02 a { width: 94px; background-image: url('../images/nav_depth03_02.png'); }

/* nav - ºê·£µå À̾߱â */
#wrap #nav .mn04 .depth ul { padding-left: 400px; }
#wrap #nav .mn04 .depth .mn_s01 a { width: 66px; background-image: url('../images/nav_depth04_01.png'); }
#wrap #nav .mn04 .depth .mn_s02 a { width: 66px; background-image: url('../images/nav_depth04_02.png'); }

/* nav - ÀÎÀçä¿ë */
#wrap #nav .mn05 .depth ul { padding-right: 73px; text-align: right; }
#wrap #nav .mn05 .depth .mn_s01 a { width: 34px; background-image: url('../images/nav_depth05_01.png'); }
#wrap #nav .mn05 .depth .mn_s02 a { width: 81px; background-image: url('../images/nav_depth05_02.png'); }

#wrap.main .slogan { text-align: center; }

/* ¼­ºê nav */
#wrap.sub #nav { margin-bottom: 0; padding-left: 230px; }
#wrap.sub #nav .mn01 > span a { width: 58px; background-image: url('../images/nav_sub_txt01.png'); }
#wrap.sub #nav .mn02 > span a { width: 108px; background-image: url('../images/nav_sub_txt02_2.png'); }
#wrap.sub #nav .mn03 > span a { width: 75px; background-image: url('../images/nav_sub_txt03.png'); }
#wrap.sub #nav .mn04 > span a { width: 115px; background-image: url('../images/nav_sub_txt04.png'); }
#wrap.sub #nav .mn05 > span a { width: 76px; background-image: url('../images/nav_sub_txt05.png'); }

#wrap.sub #nav > ul > li { background: url('../images/bl_gnb_sub.png') no-repeat 0 5px;}
#wrap.sub #nav .mn01 { background: none; }

#wrap.sub .util { top: 23px; right: 0; }
#wrap.sub .util a { background: url('../images/bl_util_sub.png') no-repeat 0 0; }
#wrap.sub .util a:first-child { background: none; }

#wrap.sub .wrapper { padding-top: 60px; padding-bottom: 26px; width: 960px; border-bottom: 1px solid #e5e5e5; }
#wrap.sub .wrapper h1 { top: 64px; left: 0; }

#wrap.sub #nav > ul { height: 63px; }
#wrap.sub #nav .depth { margin-top: 4px; width: 730px; height: 29px; background: url('../images/bg_nav_depth_sub.png') no-repeat 0 0; }
#wrap.sub #nav .depth ul li { background: url('../images/bl_nav_depth.png') no-repeat 0 9px; }
#wrap.sub #nav .depth ul li:first-child { background: none; }
#wrap.sub #nav .depth ul li a { height: 29px; background-position: center -4px; }
#wrap.sub #nav .depth ul li.active a { background-position: center -41px; }
#wrap.sub #nav .depth ul li:hover a { background-position: center -41px; }
/* 2016-12-20 Ŭ·ÎÀÌ : Ç÷¡½Ã ±³Ã¼ ¹× ¸ð¹ÙÀÏ½Å±Ô END */


/* [1]ÆÝ¿£¾¾ - ÆÝ¿£¾¾ ¼Ò°³ */
.info01-photo { margin-top: 60px; }
.info01-photo li {  }
.info01-photo li img { vertical-align: top; }
.info01-photo2 { margin-top: 77px; width: 100%; overflow: hidden; }


/* [1]ÆÝ¿£¾¾ - °³¿ä ¹× ¿¬Çõ */
.info02-txt01 { margin-bottom: 17px; width: 100%; overflow: hidden; }
.info02-txt02 { margin-bottom: 17px; width: 100%; overflow: hidden; }


/* [1]ÆÝ¿£¾¾ - CI¼Ò°³ */
.info03-img01 { margin-top: 29px; }


/* [2]CEO µ¥½ºÅ© */
.ceo01-img01 { margin-bottom: 13px; }
.ceo02-list01 { margin-bottom: 11px; width: 100%; overflow: hidden; }
.ceo02-txt01 { margin-bottom: 14px; }


/* [3]ºê·£µå À̾߱â */
.brand02-img01 { margin-bottom: 19px; }


/* [4]ÀÎÀçä¿ë */
.jobs02-img01 { margin-top: 61px; margin-bottom: 23px; }
.jobs02-img02 { margin-bottom: 45px; }
.jobs01-list { line-height: 16px; }
.jobs01-list > ul {  }
.jobs01-list > ul > li { padding: 9px 0 9px 97px; min-height: 90px; border-top: 1px solid #e4f5ff; }
.jobs01-list > ul > li:first-child { border-top: 0 none; background: url('../jobs/images/jobs02_img03_1.gif') no-repeat 0 10px; }
.jobs01-list > ul > li:first-child + li { background: url('../jobs/images/jobs02_img03_2.gif') no-repeat 0 10px; }
.jobs01-list > ul > li:first-child + li + li { background: url('../jobs/images/jobs02_img03_3.gif') no-repeat 0 10px; }
.jobs01-list > ul > li:first-child + li + li + li { background: url('../jobs/images/jobs02_img03_4.gif') no-repeat 0 10px; }
.jobs01-list .list01 { line-height: 16px; }
.jobs01-list .list01 .type01 { padding-left: 59px; background: none;}


/* ¸ÞÀÎ */
#wrap.main.type01 { background: url('../images/bg_main_visual.png') no-repeat center 0; }
#wrap.main.type01 #container #main { padding: 40px 0 30px 0; }
#wrap.main.type01 .visual { background: none; }

#wrap.main.type02 { background: url('../images/bg_main_visual_170322.png') no-repeat center 0; }
#wrap.main.type02 #container #main { padding: 40px 0 30px 0; }
#wrap.main.type02 .visual { background: none; }
#wrap.main.type02 .util { top: 23px; }
#wrap.main.type02 .wrapper { padding-top: 60px; }
#wrap.main.type02 .wrapper h1 { top: 64px; left: 10px; }
#wrap.main.type02 #nav > ul > li:first-child { padding: 0 29px 0 4px; }
#wrap.main.type02 #footer { padding: 14px 0; }
#wrap.main.type02 #container #main > ul > li:first-child { width: 300px; }
#wrap.main.type02 #container #main > ul > li:first-child + li { width: 280px; }
#wrap.main.type02 #container #main > ul > li:first-child + li + li { width: 300px; }
#wrap.main.type02 .fat_left .mgb10 { margin-top: 1px; margin-bottom: 8px !important; margin-left: -1px; }

/* °³¿ä ¹× ¿¬Çõ */
.newLine .line {padding-top:17px; margin-bottom:14px;}
.newLine .line2 {padding-top:18px; margin-bottom:14px; border-bottom:1px solid #e5e5e5;}
.newLine .line3 {padding-top:16px; margin-bottom:14px; border-bottom:1px solid #e5e5e5;}
.newLine .line4 {padding-top:20px; margin-bottom:14px; border-bottom:1px solid #e5e5e5;}
.newLine .line5 {padding-top:14px; margin-bottom:14px; border-bottom:1px solid #e5e5e5;}

/* 2017-09-05 */
#wrap #nav .depth ul:after {display:block; content:""; clear:both;}
#wrap #nav .depth ul li {float:left; padding:0 14px 0 15px;}
#wrap #nav .depth ul li a {display:block; padding:0;}
#wrap #nav .depth ul li.
#wrap.main #nav > ul > li.mn04 {padding:0 28px 0 29px;}
#wrap #nav .mn01 .depth .mn_s03 a {width:38px;}
#wrap #nav .mn01 .depth .mn_s02 {padding:0 14px;}
#wrap #nav .mn03 .depth .mn_s01_2 {padding-left:0;}
#wrap #nav .mn04 .depth ul {padding-left:408px;}
#wrap #nav .mn05 .depth ul {float:right;}
#wrap #nav .mn05 .depth ul:after {display:block; content:""; clear:both;}
#wrap #nav .mn05 .depth .mn_s02 {padding-right:1px;}
#wrap.sub #nav .mn01 .depth .mn_s01 {padding:0 14px 0 11px;}
#wrap.sub #nav .mn01 .depth .mn_s04 {padding:0 14px 0 15px;}
#wrap.sub #nav .mn03 {padding:0 30px 0 28px;}
#wrap.sub #nav .mn04 {padding:0 29px 0 29px;}
#wrap.sub #nav .mn02 .depth ul {padding-left:105px;}
#wrap.sub #nav .mn03 .depth ul {padding-left:286px;}
#wrap.sub #nav .mn04 .depth ul {padding-left:404px;}
#wrap.sub #nav .mn05 .depth ul {padding-right:69px;}
#wrap.sub #nav > ul > .mn03 > span a {background-position:1px 0;}
#wrap.sub #nav > ul > .mn03.on > span a {background-position:1px -27px;}
#wrap.sub #nav > ul > .mn03.active > span a {background-position:1px -27px;}
#wrap.sub #nav .mn02 .depth .mn_s04 a {background-position:center -3px;}
#wrap.sub #nav .mn02 .depth .mn_s04.active a {background-position:center -41px;}
#wrap.sub #nav .mn02 .depth .mn_s04:hover a {background-position:center -41px;}
#wrap #nav .mn02 .depth .mn_s04 a {background-position:center 1px;}
#wrap #nav .mn02 .depth .mn_s04:hover a,
#wrap #nav .mn02 .depth .mn_s04.active a {background-position:center -37px;}
#wrap #nav .mn01 .depth .mn_s05 a {width:98px;}
#wrap.sub #nav .mn01 .depth .mn_s05 a.active, #wrap.sub #nav .mn01 .depth .mn_s05 a:hover {background-position:center -41px;}
#wrap.sub .util a {margin-left:8px;}