
#container {position:relative;min-height:300px;width:100%;max-width:640px;margin:0 auto;padding-bottom:40px;}

.bread {position:relative; border:1px solid #e4e4e4; border-width:1px 0; z-index:50;}
.bread:after {content:""; display:block; clear:both;}
.bread .loca {overflow:hidden;width:100%;max-width:640px;margin:0 auto;}
.bread .loca div {float:left;}
.bread .loca div.dep {position:relative; background:#eee; padding:12px 10px 12px 15px; color:#555; font-size:14px; font-weight:bold; letter-spacing:-.25px;}
.bread .loca div.dep.b01:before {content:""; display:block; position:absolute; top:-4px; right:0; background:#fff; width:1px; height:28px; z-index:5;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.bread .loca div.dep.b01:after {content:""; display:block; position:absolute; bottom:-4px; right:0; background:#fff; width:1px; height:28px; z-index:5;
	-ms-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}
.bread .loca div.dep.b02:after {content:""; display:block; position:absolute; top:0; right:-20px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #eee;
}
.bread .loca div.dep.b01 {padding-right:13px;}
.bread .loca div.dep.b02 {padding-left:20px;}
.bread .loca div.page {padding:12px 0 12px 27px; color:#e10013; font-size:14px; font-weight:bold; letter-spacing:-1px;}


.bread .loca div > a {color:#555;padding-right:25px;background:url('../images/btn_plus.png') no-repeat right 50%;}
.nav {display:none; position:absolute; top:100%; left:0; background:#fff; width:100%; z-index:99999;}
.nav  .page_lst > li {border-top:1px solid #7f7f7f; text-align:center;}
.nav  .page_lst > li > a {display:block; padding:10px 0; font-size:14px; letter-spacing:-.25px; font-weight:bold;}
.nav .lst02 {position:relative; overflow:hidden; border-top:1px solid #7f7f7f;}
.nav .lst02:after {content:""; display:block; position:absolute; top:-12px; left:0; width:100%; height:20px;
	background: -moz-radial-gradient(center, ellipse cover,  #d0d0d0 0%, #f7f7f7 75%, #f7f7f7 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d0d0d0), color-stop(75%,#f7f7f7), color-stop(100%,#f7f7f7));
	background: -webkit-radial-gradient(center, ellipse cover,  #d0d0d0 0%,#f7f7f7 75%,#f7f7f7 100%);
	background: -o-radial-gradient(center, ellipse cover,  #d0d0d0 0%,#f7f7f7 75%,#f7f7f7 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #d0d0d0 0%,#f7f7f7 75%,#f7f7f7 100%);
	background: radial-gradient(ellipse at center,  #d0d0d0 0%,#f7f7f7 75%,#f7f7f7 100%)
}
.nav .lst02 > li {background:#f7f7f7; border-bottom:1px solid #d9d9d9;}
.nav .lst02 > li > a {display:block; padding:15px 0; font-size:14px; letter-spacing:-.25px; font-weight:bold;}
.nav .lst02 .lst03 {background:#fff; padding:5px 0; border-top:1px solid #d9d9d9;}
.nav .lst02 .lst03 > li > a {display:block; padding:9px 0; color:#777; font-size:11px;}
.nav .btn_bNav_c {position:absolute; bottom:-41px; right:0;}
.nav .btn_bNav_c img {height:41px;}

.bgNav {position:absolute; top:0; left:0; background:url('../images/bg_space.png') 0 0 repeat; width:100%; z-index:9999;}


/* sub_content */
.sub_content {width:94%;margin:0 auto;padding:20px 0;overflow:hidden;}
.sub_content img {width:100%;}
.sub_content .h3 {font-size:20px; padding:20px 0 10px 0; text-align:center}
.sub_content p{line-height:130%;padding:10px;}
.sub_content .text {text-align: center; color: rgb(34, 34, 34); line-height: 46px; font-size: 40px; margin-bottom: 20px;}
.sub_content .s_tit{font-size:20px;text-align:center;background:url('../../images/s_ti_bg.jpg') no-repeat 50% 0; padding:10px 0 0px 0;margin:40px 0;}

.history {padding:10px 20px;}
.history h4 {margin-top:20px;font-size:16px;color:#df1e32;}
.history ul li{padding-top:5px;}
.history ul li span {margin-right: 0px; margin-left: 10px;}


.greeting{padding:10px 20px;}


/* brand */
.brand {padding:10px 0}
.brand h3 {text-align:center}
.brand .sct {padding:0 15px; line-height:18px;}
.brand .sct strong {display:block; margin-bottom:10px; color:#777777; font-size:13px;}
.brand .sct p {text-align:justify;}
/* //brand */


/* ci/bi */

.ci_wrap .intro:after, 
.ci_wrap .detail:after {content:""; display:block; clear:both;}
.ci_wrap .intro {margin-top:130px;border-top:1px dashed #ccc;}

.ci_wrap .btns {position:relative;overflow:hidden;float:right;margin:0 10px;}
.ci_wrap .btns > span {display:inline-block; width:150px;}
.ci_wrap .btns > span + span {margin-left:50px;}
.ci_wrap .btns a { display:block; position:relative; height:50px; margin-top:20px; border-top:1px solid #222; box-sizing:border-box; font-size:14px; color:#222; text-align:left; line-height:48px;}
.ci_wrap .btns a i { display:block; position:absolute; top:50%; right:20px; width:19px; height:19px; margin-top:-9px; background:url('../../images/icon_pack.png') no-repeat -184px 0; vertical-align:middle; transition: all .3s ease; }
.ci_wrap .btns a:hover i { transform:translateY(5px);}
.ci_wrap .basic {display:table; table-layout:fixed; margin:15px 0; width:100%;}
.ci_wrap .basic .logo {display:table-cell; text-align:center; vertical-align:middle;}
.ci_wrap .detail {}
.ci_wrap .detail dl + dl {margin-top:40px}
.ci_wrap .detail dt {margin-bottom:10px; font-size:20px; font-weight:400; color:#222;}
.ci_wrap .detail dd {float:left; width:50%; font-size:16px; font-weight:300; color:#666; line-height:1.5;}
.ci_wrap .detail dd + dd {margin-top:0;}


/* 인사제도 */
.recruit {padding:50px 0;overflow:hidden;min-height:600px;}
.recruit .left_area{float:left;width:15%;overflow:hidden; font-size:30px;}
.recruit .right_area{float:right;width:75%;font-size:22px;overflow:hidden;border-left:1px solid #e5e5e5;padding-left:60px;}
.recruit hr {clear:both;display:block;height:0;border:none}


.recruit_bbs {padding:50px 0;overflow:hidden;min-height:300px;}
.recruit_bbs .bbs_left{float:left;width:20%;height:100%;}
.recruit_bbs .bbs_left p{font-size:20px;background:url('../images/line01.gif') no-repeat 0 0;padding-top:15px;}
.recruit_bbs .bbs_right{float:right;width:75%;}
.mt260{margin-top:250px;}


/* 복리후생 */
.welfare_wrap  {}
.welfare_wrap table{width:100%;padding:0;margin:0;}
.welfare_wrap table th{width:20%;border-bottom:1px dashed #d7d7d7;}
.welfare_wrap table td{width:80%;border-bottom:1px dashed #d7d7d7;}

.welfare_wrap  .left_area{float:left;width:15%;overflow:hidden; font-size:30px;}
.welfare_wrap  .left_area p{font-size:16px;}
.welfare_wrap  .right_area{float:right;width:75%;font-size:22px;overflow:hidden;border-left:1px solid #e5e5e5;padding-left:60px;}

.welfare_wrap .content_title{position:relative;clear:both;font-size:30px;padding:50px 0 30px 0;}

.welfare_wrap .welfare_left {float:left;padding: 0; width:30% ; border-bottom: 1px solid #ccc;overflow:hidden;}
.welfare_wrap .welfare_right {float:left;padding:0; width:70% ; border-bottom: 1px solid #ccc;overflow:hidden;}

.welfare_wrap .welfare_icon { display:inline-block;  vertical-align: top; position:relative; margin-right: 10px;}
.welfare_wrap .welfare_icon img{width:60px;}

.welfare_wrap .welfare_txt { display:inline-block; }
.welfare_wrap .welfare_txt .paragraph01 {font-size: 17px; }

hr {clear:both;display:block;height:0;border:none}
.red_color{color:#df1e32;font-size:20px;font-weight:100;}
.clearfix:after { content:''; display:block; clear:both; }


/*연혁 */
.history {width:100%;position:relative;margin-top: 55px;padding-bottom:50px;}
.history::after {
	clear: both; display: block; content: "";
}
.history .text {text-align: center; color: rgb(34, 34, 34); line-height: 46px; font-size: 40px; margin-bottom: 50px;}
.history .cont {float: left; position: relative; width:35%; text-align: right; padding-right: 120px;  z-index: 2;}

.history .left.cont {border-right:1px solid rgb(34, 34, 34);z-index: 1;}

.history .flRight.cont {text-align: left; padding-right: 0px; padding-left: 120px; border-left:1px solid rgb(34, 34, 34);z-index: 1;}
.history .flRight.cont ul li span {
	margin-right: 0px; margin-left: 35px;
}
.history .flRight.cont ul li strong {
	float: left;
}
.history .flRight.cont ul li span {
	float: left;
}
.history .flRight.cont h4::after {
	background: url("../images/bg_history.gif") no-repeat 0px 0px; left: -127px; width: 106px; height: 13px; bottom: 0px; display: inline-block; position: absolute; content: ""; 
	transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);
}

.history .cont h4 {
	line-height: 40px; font-size: 50px; font-weight: 200; color:#df1e32; position: relative;
}
.history .cont h4::after {
	background: url("../images/bg_history.gif") no-repeat 0px 0px; width: 106px; height: 13px; right: -127px; bottom: 0px; display: inline-block; position: absolute; z-index: 10; content: "";
}
.history .cont ul {
	margin-top: 42px;
}
.history .cont ul li {
	color: rgb(68, 68, 68); overflow: hidden; font-size: 16px; font-weight: 300; margin-top: 14px;
}
.history .cont ul li:first-child {
	margin: 0px;
}
.history .cont ul li strong {
	color: rgb(149, 149, 149); font-size: 16px; vertical-align: top; float: right;
}
.history .cont ul li span {
	margin-right: 35px; vertical-align: top; float: right;
}
.history .cont img {
	margin-top: 35px;
}


/**********오시는 길 ************/
.map_area{position:relative;min-height:300px;overflow:hidden;margin-top:0px;}
.map_area .text{text-align: center; color: rgb(34, 34, 34);font-size: 20px; margin-bottom: 30px;}
.map {margin-top:20px; display:table;width:100%; }
.map > div {padding:0 27px 20px; box-sizing:border-box; display:block; margin-bottom:10px;vertical-align:top;border:1px solid #e5e5e5; }

.map h3 {font-size:24px; font-weight:300; text-align:center; line-height:24px; margin-top:30px;}
.map h3.last {margin-top:30px;}
.map h3:after {content:''; display:block; width:40px; height:2px; background-color:#222; margin:42px auto 0;}
.map h3.last:after {margin:25px auto 0;}
.map h3 > .small {font-size:16px; color:#666666;}
.map .icon1 i {background:url('../images/icon_map.png') no-repeat 0 0; width:70px; height:20px;}
.map .icon2 i {background:url('../images/icon_map.png') no-repeat -70px 0; width:70px; height:20px;}
.map .icon3 i {background:url('../images/icon_map.png') no-repeat -140px 0; width:70px; height:20px;}
.map [class*=icon] i {display:inline-block;}
.map div > span {display:block; text-align:center; margin-top:20px; margin-bottom:20px; height:20px;}
.map div dl {margin-top:20px;}
.map div dl:first-child {margin-top:0;}
.map dt {font-size:16px; color:#222;}
.map dd {font-size:16px; color:#666666; font-weight:300; margin-top:5px;}

/****인사말 ******/
.greeting{min-height:500px;margin-top:25px;padding-bottom:50px;}
.greeting .text{text-align: center; color: rgb(34, 34, 34); line-height: 46px; font-size: 40px; margin-bottom: 50px;}
.greeting h3{font-size:36px;text-align:center;padding:20px 0; font-family:notosanskr-light;}
.greeting .sign{width:280px;line-height:55px;height:55px;background:url('../../images/sign.png') no-repeat right 0;}


/* 기업정보 */
.summary {padding:50px 0;overflow:hidden;min-height:600px;}
.summary .h3{font-size:40px;margin:30px 0 15px 0;}
.summary .sub_tit{padding-bottom:30px;font-size:20px;}


/***** 사업분야 *****/

.product dt{font-size:20px;color:#df1e32;padding-top:15px;padding-left:20px;}
.product dd{padding-top:5px;;padding-left:20px;}
.product dt:first-child{margin-top:10px;}


.center{text-align: center;}

.product .biz01{background:url('../images/biz_01.png') no-repeat 0 100px ;}
.product .biz02{background:url('../images/biz_02.png') no-repeat 0 100px ;}
.product .biz03{background:url('../images/biz_03.png') no-repeat 0 100px ;}
.product .biz04{background:url('../images/biz_04.png') no-repeat 0 100px ;}


/***** 협력업체 *****/

.partner{width:100%;position:relative;overflow:hidden;margin-top: 55px;padding-bottom:50px;}
.partner .left{float:left;width:30%;min-height:700px;margin-top:50px;}
.partner .right{float:right;width:65%;margin-top:50px;}
.s_tit2{font-size:20px;background:url('../images/s_ti_bg.jpg') no-repeat 0 0; padding:10px 0 0px 0;margin:30px 0;}

/* 테이블타입2 */
.table3  {border-collapse:collapse; width:100%; }
.table3 th {width:17%;padding:5px 5px; }
.table3 td {padding:5px 5px; text-align:left;}