@charset "UTF-8";

/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */

@font-face {
  font-family: 'noto-kr';
  font-style: normal;
  font-weight: 100;
  src: url('../../common/fonts/notokr-light.eot');
  src: url('../../common/fonts/notokr-lightd41d.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url('../../common/fonts/notokr-light.woff') format('woff'), /* ie 제외한 나머지 */
       url('../../common/fonts/notokr-light.ttf') format('truetype');
}
@font-face {
  font-family: 'noto-kr';
  font-style: normal;
  font-weight: 400;
  src: url('../../common/fonts/notokr-regular.eot');
  src: url('../../common/fonts/notokr-regulard41d.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url('../../common/fonts/notokr-regular.woff') format('woff'), /* ie 제외한 나머지 */
       url('../../common/fonts/notokr-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'noto-kr';
  font-style: normal;
  font-weight: 500;
  src: url('../../common/fonts/notokr-medium.eot');
  src: url('../../common/fonts/notokr-mediumd41d.eot?#iefix') format('embedded-opentype'),
       url('../../common/fonts/notokr-medium.woff') format('woff'),
       url('../../common/fonts/notokr-medium.ttf') format('truetype');
}
@font-face {
    font-family: 'noto-kr';
    font-style: normal;
    font-weight: 700;
    src: url('../../common/fonts/notokr-bold.eot');
    src: url('../../common/fonts/notokr-boldd41d.eot?#iefix') format('embedded-opentype'),
    url('../../common/fonts/notokr-bold.woff') format('woff'),
    url('../../common/fonts/notokr-bold.ttf') format('truetype');
}
@font-face {
  font-family: 'noto-kr';
  font-style: normal;
  font-weight: 900;
  src: url('../../common/fonts/notokr-black.eot');
  src: url('../../common/fonts/notokr-blackd41d.eot?#iefix') format('embedded-opentype'),
       url('../../common/fonts/notokr-black.woff') format('woff'),
       url('../../common/fonts/notokr-black.ttf') format('truetype');
}

/* reset */
*{-webkit-text-size-adjust:none}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}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, videot{margin:0;padding:0;border:0;outline:0;}body{font-size:12px;line-height:1.3;font-family:'noto-kr','Noto Sans KR','Nanum Gothic','Malgun Gothic',Dotum ,sans-serif;font-weight:normal;color:#666;}ul, ol, li{list-style:none}fieldset, img{border:0}br{letter-spacing:-0.05em}p{letter-spacing:-0.05em}hr{display:none}address, caption, em, var{padding:0;margin:0;font-style:normal;font-weight:normal}a{text-decoration:none;color:#666;}a[href^="tel"]{font-style:normal}a:hover, a:active, a:focus{text-decoration:none}input, textarea, select{font-family:noto-kr; font-weight:500;letter-spacing:-0.05em}img{border:0;vertical-align:top}legend, caption{position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}table{width:100%;border:0;border-spacing:0;}

/* fullpage */
html.fp-enabled,.fp-enabled body{margin: 0;padding: 0;overflow:hidden;-webkit-tap-highlight-color: rgba(0,0,0,0)}.fp-section{position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.fp-slide{float: left}.fp-slide, .fp-slidesContainer{height: 100%;display: block}.fp-slides{z-index:1;height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out}.fp-section.fp-table, .fp-slide.fp-table{display: table;table-layout:fixed;width: 100%}.fp-tableCell{display: table-cell;vertical-align: middle;width: 100%;height: 100%}.fp-slidesContainer{float: left;position: relative}.fp-controlArrow{-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;position: absolute;z-index: 4;top: 50%;cursor: pointer;width: 0;height: 0;border-style: solid;margin-top: -38px;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}.fp-controlArrow.fp-prev{left: 15px;width: 0;border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent}.fp-controlArrow.fp-next{right: 15px;border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff}.fp-scrollable{overflow: hidden;position: relative}.fp-scroller{overflow: hidden}.iScrollIndicator{border: 0 !important}.fp-notransition{-webkit-transition: none !important;transition: none !important}#fp-nav{position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;-webkit-transform: translate3d(0,0,0)}#fp-nav.right{right: 17px}#fp-nav.left{left: 17px}.fp-slidesNav{position: absolute;z-index: 4;opacity: 1;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);left: 0 !important;right: 0;margin: 0 auto !important}.fp-slidesNav.bottom{bottom: 17px}.fp-slidesNav.top{top: 17px}#fp-nav ul,.fp-slidesNav ul{margin: 0;padding: 0}#fp-nav ul li,.fp-slidesNav ul li{display: block;width: 14px;height: 13px;margin: 7px;position:relative}.fp-slidesNav ul li{display: inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none}#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height: 12px;width: 12px;margin: -6px 0 0 -6px;border-radius: 100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;background: #333;left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width: 10px;height: 10px;margin: -5px 0px 0px -5px}#fp-nav ul li .fp-tooltip{position: absolute;top: -2px;color: #fff;font-size: 14px;font-family: arial, helvetica, sans-serif;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;cursor: pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .fp-tooltip{-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1}#fp-nav ul li .fp-tooltip.right{right: 20px}#fp-nav ul li .fp-tooltip.left{left: 20px}.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height: auto !important}.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell{height: auto !important}

/* slick */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent}.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0}.slick-list:focus{outline: none}.slick-list.dragging{cursor: pointer;cursor: hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}.slick-track:before,.slick-track:after{display: table;content: ''}.slick-track:after{clear: both}.slick-loading .slick-track{visibility: hidden}.slick-slide{display: none;float: left;height: 100%;min-height: 1px}[dir='rtl'] .slick-slide{float: right}.slick-slide img{display: block}.slick-slide.slick-loading img{display: none}.slick-slide.dragging img{pointer-events: none}.slick-initialized .slick-slide{display: block}.slick-loading .slick-slide{visibility: hidden}.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent}.slick-arrow.slick-hidden{display: none}

/* 공통 */
.mobile-only {display:none !important;}
body {letter-spacing:-0.05em;}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
#wrap {overflow:hidden;min-width:1180px;}
#wrap * {box-sizing:border-box;letter-spacing: -0.03em; word-break:keep-all;}
/*.top {padding:10px; background-color:#707070; font-size:12px; color:#fff; right:0px; position:fixed; right:5%; bottom:20px; z-index:999;}*/


.top{display:block; position:fixed; z-index:9999; right:20px; bottom:20px;  width:50px; height:50px; box-sizing:border-box; padding-top:45px; background:#222222; font-size:13px; color:#fff; font-weight:300; letter-spacing:1.5px; text-align:center; border-radius:5px;}
.top:before,
.top:after{content: '';display: block;position: absolute;top: 24px;left: 50%;width: 16px;height: 4px;background: #fff;border-radius: 10px;transition: all 0.5s ease;}
.top:before{margin-left:-13px; transform:rotate(-50deg);}
.top:after{margin-left:-4px; transform:rotate(50deg);}
.top:focus{outline:none;}
.top:hover:before,
.top:hover:after{top:25px;}



.com-table {margin-top:16px;border-top:1px solid #ddd;}
.com-table th , .com-table td {height:60px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.com-table th {background:#9f9f9f;font-size:16px;font-weight:normal;text-align:center;color:#fff;}
.com-table td {padding:19px 20px 20px;font-size:16px;line-height:20px;text-align:center;color:#333;}
.com-table td:last-child {border-right:none;}
.com-table td.left {text-align:left;line-height:26px;}
.com-table td.right {text-align:right;}
.com-table td a.file {display:inline-block;width:17px;height:22px;background:url("../images/file_down_icon.png") no-repeat 0 0;text-indent:-9999px;}
.com-table td a.link {color:#333;}
.com-table .no-pl {padding-left:0;padding-right:0;}
.com-table.list {border-top:1px solid #005bac;}
.com-table.list th {background:#f8f8f8;color:#333;}
.com-table.list td {color:#666;}
.com-table.list td:last-child {font-weight:100;}
.com-table.type-2 {border-top:1px solid #707ad8;}
.com-table.type-2 th, .com-table.type-2 td {height:50px;}
.com-table.type-2 th {background:#f8f8f8;font-size:16px;color:#333;}
.com-table.type-2 td {font-size:16px;font-weight:100;text-align:left;color:#666;}
.com-send-btn {margin-top:20px;text-align:right;}
.com-send-btn a {display:inline-block;width:150px;height:50px;background:#0f2031;font-size:16px;text-align:center;line-height:50px;color:#fff;}
.com-send-btn.center {margin-top:30px;text-align:center;}
.com-send-btn img{margin-top: 13px; margin-left: 20px;}
.com-send-btn.center a {width:200px;margin:0 3px;}
.com-send-btn-down{margin-top: 20px; text-align: right;}
.com-send-btn-down a {display:inline-block;width:150px;height:50px;background:#434e67;font-size:16px;text-align:center;line-height:50px;color:#fff;}


/* pagination */
.common-paging {margin-top:30px; padding-top:30px; text-align:center;}
.common-paging  > *{display:inline-block; min-width:38px; height:38px; box-sizing:border-box; margin:2px 3px; border:1px solid #ddd; background:#fff; color:#777; text-align:center; vertical-align:top; line-height:36px; transition:border-color 0.3s ease 0s;}
.common-paging  a[class^="btn_"]{width:38px; background-image:url(../images/btn_pagination.png); background-repeat:no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
.common-paging  a[class^="btn_"]:hover,
.common-paging  a[class^="btn_"]:focus{background-position-y:-38px;}
.common-paging a.on {background-position-y:-38px;}
.common-paging  a.prev{background-position-x:-38px;}
.common-paging  a.next{background-position-x:-76px;}
.common-paging  a.last{background-position-x:-114px;}
.common-paging  span{border-color:#365ec3; color:#365ec3;}
.common-paging  a:not([class^="btn_"]):hover,
.common-paging  a:not([class^="btn_"]):focus{border-color:#bdc7e0; background:#f3f6fd;}

/* search box */
.com-search {height:40px;margin-top:39px;text-align:right;}
.com-search select {width:125px;height:40px;vertical-align:top; text-indent:10px; border:1px solid #bfbfbf; }
.com-search select.select_sty_long:first-child {margin-left:0px;}
.com-search select.select_sty_long {width:49%; float:left; margin-left:2%;}
.com-search diu {width:125px;height:40px;vertical-align:top; text-indent:10px; border:1px solid #bfbfbf;}
.com-search input {width:270px; height:40px;margin:0 5px;padding-left:10px;vertical-align:top; border:1px solid #bfbfbf;}
.com-search a.btn {display:inline-block;width:76px;height:40px; text-align:center; background:#0f2030; font-size:14px;line-height:40px;color:#fff;vertical-align:top;}




header {position:fixed;left:0;top:0;right:0;min-width:1000px;height:80px;border-bottom:1px solid #ccc;background:rgba(4,16,47,0.2);z-index:1000;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
header .content {position:relative;width:1180px;margin:0 auto;z-index:10; background:#102335; }
header .content:before {height:370px !important; border-bottom:1px solid #ddd; display:none;content:"";position:absolute;left:-9999px;top:80px;right:-9999px;height:347px; background:#fff;}
header h1 a {position:absolute;left:0;top:20px;width:150px;height:40px;background:url("../images/oshin_logo_b.png") no-repeat 0 0;background-size:150px 40px; text-indent:-9999px;}
header nav {position:relative;margin-left:305px;z-index:1000}
header .menu-list {/*overflow:hidden;*/}
header .menu-list > li {float:left;position:relative;}
header .menu-list > li > a {display:inline-block;position:relative;width:160px;height:80px;font-size:18px;line-height:80px;text-align:center;color:#fff;font-weight:500;}
header .menu-list > li > a:before {content:"";position:absolute;left:0;top:33px;width:1px;height:14px;background:#e5e5e5;}
header .menu-list > li > a:hover {color:#0f2030; }
header .menu-list > li:first-child > a:before {display:none;}

header .pc-only .menu-1,
header .pc-only .menu-2,
header .pc-only .menu-3,
header .pc-only .menu-4,
{position:relative;display:inline-block;width:1180px;}
header .pc-only div {float:left; }
header .pc-only div .title a {border-bottom:0px; text-align:left; padding-left:0px;}
header .pc-only div .title a:hover {border-bottom:0px; padding-left:0px; background:none; color:#000;  }
header .pc-only div a{display:block;height:49px; padding-left:12px; line-height:50px; font-size:15px; font-weight:bold;color:#222;text-align:left; /*border-bottom:1px solid #dfdfdf;*/ box-sizing:border-box;}
header .pc-only div a:hover{color:#fff; background:#005BAC ;}

header .family-site-area{overflow: hidden;float: right; width:110px; height: 79px; background: #101c32; cursor: pointer;}
header .family-site-area .img-area{display: block; float: left; width:10px; height: 79px; background: #102335;}
header .family-site-area .img-area img{display: block; margin: 0 auto; padding-top: 35px;}
header .family-site-area .text{display: block; float: left; width:100px; height: 79px; background:#102335;color:#fff; padding:23px 5px 23px 17px;line-height: 18px;}


header ul.depth-2 {display:none;}
header .site-btn {position:absolute; right:0px;top:30px;width:27px;height:21px;background:url("../images/header_icon_1.png") no-repeat 0 0;text-indent:-9999px;}
header .site-btn:hover {position:absolute;right:0px;top:30px;width:27px;height:21px;background:url("../images/header_icon_overline.png") no-repeat 0 0;text-indent:-9999px;}
/* header .site-btn:before{content:"";position:absolute;left:-10px;top:3px;width:1px;height:14px;background:#e5e5e5;} */

header .mobile-menu {display:none;}
header.on .content:before {display:block;}
header.on nav.pc-only {display:block;}
header nav.pc-only {display:none; position:absolute;left:0;top:80px;width:1180px; margin-left:0; z-index:999999;}
header nav.pc-only > div {position:absolute; left:0; top:0; height:370px; padding-top:11px; border-right:1px solid #e6e6e6; }
header nav.pc-only > div:first-child {border-left:1px solid #e6e6e6;}
header nav.pc-only .menu-1 {left:0; width:290px;}
header nav.pc-only .menu-2 {left:290px; width:290px;}
header nav.pc-only .menu-3 {left:580px; width:290px;}
header nav.pc-only .menu-4 {left:870px; width:290px;}

header nav.pc-only .title {display:block;position:relative;margin-bottom:6px;font-size:20px;line-height:64px;text-align:center;color:#121212;}
header nav.pc-only .title > a{display:block;position:relative;margin-bottom:6px;font-size:20px;line-height:64px;text-align:center;color:#121212;}
header nav.pc-only .sub-title {display:block;font-size:16px;line-height:46px;text-align:center;color:#000;}
header nav.pc-only .sub-box {float:left;width:166px;}
header nav.pc-only .sub-box.num-2 a {line-height:28px;}
header nav.pc-only a {display:block;font-size:16px;line-height:46px;text-align:left;color:#666;}
header nav.pc-only a.on , header nav.pc-only a:hover {color:#fff; text-decoration:none;}

footer {width:100%;height:120px;background:#005BAC; color:#fff;}
footer .content {position:relative;width:1180px;margin:0 auto; padding: 10px 0 20px 260px;}
footer a.logo {position:absolute;left:0; top:22px; width:150px;height:40px;background:url("../images/oshin_logo_b.png") no-repeat 0 0; text-indent:-9999px;}
footer .btn-list {overflow:hidden;}
footer .btn-list li {float:left;position:relative;padding:0 10px;}
footer .btn-list li:first-child {padding-left:0;}
footer .btn-list li:first-child:after {content:"";position:absolute;right:0;top:3px;width:1px;height:12px;background:#7c7c7c;}
footer .btn-list li:nth-child(3){display:none;}
footer .btn-list li a {display:inline-block;font-size:15px;line-height:18px;color:#fff; font-weight:bold;}
footer .address {margin-top:15px; font-size:14px; font-weight:400; line-height:25px; color:#fff; }
footer .address span {display:block; padding-right:20px; position:relative; float:left; }
footer .address span:after{position:absolute; content:""; width:1px; height:20px; right:10px; top:2px; background:#666;}
footer .address span.lst:after {display:none;}
footer .address strong {clear:both; width:100%;  display:block; letter-spacing:0.05em !important; font-weight:100;}
footer .family-area {position:absolute;right:0;top:26px;width:auto;height:40px;}
footer .family-area .btn-cnt {overflow:hidden;}
footer .family-area .btn-cnt .site-btn {float:left;width:172px;height:30px;border:1px solid #ccc;background:#e9e9e9;font-size:14px;color:#7c7c7c;text-indent:10px;}
footer .family-area .btn-cnt a {float:left;}
footer .family-area .btn-cnt a.site-btn {position:relative;width:172px;height:40px;padding-left:10px;border:1px solid #ccc;border-right:none;font-size:16px;line-height:38px;color:#666;}
footer .family-area .btn-cnt a.site-btn:after {content:"";position:absolute;right:10px;top:17px;width:10px;height:7px;background:url("../images/family_site_arrow.png") no-repeat 0 0;}
footer .family-area .btn-cnt a.go-btn {width:50px;height:40px;background:#666;font-size:16px;font-weight:bold;line-height:40px;text-align:center;color:#e9e9e9;}
footer .family-area .site-list {display:none;position:absolute;left:0;bottom:50px;width:172px;}

footer .btn_top{display:block; position:absolute; top:-40px; right:0px; width:100px; height:100px; box-sizing:border-box; padding-top:55px; background:#41478f; background-image:linear-gradient(-40deg, #41478f 35%, #c1445a); background-image:-ms-linear-gradient(-40deg, #41478f 35%, #c1445a); background-image:-webkit-linear-gradient(-40deg, #41478f 35%, #c1445a); background-image:-moz-linear-gradient(-40deg, #41478f 35%, #c1445a); background-image:-o-linear-gradient(-40deg, #41478f 35%, #c1445a); box-shadow:5px 15px 15px rgba(0,0,0,0.15); font-size:13px; color:#fff; font-weight:300; letter-spacing:1.5px; text-align:center;}
footer .btn_top:before,
footer .btn_top:after{content:''; display:block; position:absolute; top:35px; left:50%; width:14px; height:1px; background:#fff; border-radius:10px; transition:all 0.5s ease;}
footer .btn_top:before{margin-left:-13px; transform:rotate(-50deg);}
footer .btn_top:after{margin-left:-4px; transform:rotate(50deg);}
footer .btn_top:focus{outline:none;}
footer .btn_top:hover:before,
footer .btn_top:hover:after{top:25px;}


.family-area .family-site { }
.family-area .family-site .title { display: block; line-height:38px; width:222px; padding-left: 10px; font-size:14px; border: 1px solid #202020; background:#e9e9e9 url('../images/family_site_arrow.png') no-repeat right top; color: #666666; cursor: pointer; text-align: left; }
.family-area .family-site ul { display: none; position: absolute; bottom:40px; left:0;  }
.family-area .family-site.active ul { display: block; }
.family-area .family-site ul { border-bottom: 0; z-index:9999; }
.family-area .family-site ul li a { display: block; line-height:45px; width:212px; padding-left: 10px; font-size:14px; text-decoration: none; color:#ffffff; background:#535eba; z-index:9999; }
.family-area .family-site ul li a:hover { background-color:#434ea7; cursor:pointer; }

.container_wrap {width:100%; overflow:hidden; background:#ffffff; padding:40px 0px;}
.container {position:relative;width:1320px; min-height:800px; margin:0 auto; padding-bottom:100px; background:#fff; padding:70px;padding-top:0px;}
.container .info-area {clear:both; margin-bottom:20px; overflow:hidden;} 
.container > div {position:relative;}
.iframe-content {width:800px;height:920px;margin:70px auto 0;}
.sub-top-container {position:relative;padding-top:80px;background-size:cover;}
.sub-top-container h2 {display:block;font-size:45px; font-weight:500; line-height:50px; letter-spacing:-0.5px;; text-align:center; color:#fff;}
.sub-top-container .s_title {display:block; font-size:20px; margin:0 auto; color:#fff; text-align:center; padding-top:20px;}

.location-content {overflow:hidden; width:100%; background:#005BAC; }
.location-content .link-wrap {width:1180px; height:40px;  margin:0 auto; box-sizing:border-box; }
.location-content .link-box {float:left;}
.location-content .link-box a {float:left; padding:6px 6px; font-size:17px;line-height:30px;color:#fff;  height:40px; }
.location-content .link-box a.menu {padding-right:50px; background:url("../images/icon_location.png") 95% 50% no-repeat; cursor:pointer;  }
.location-content .link-box a.home {width:40px; height:40px;  background:url("../images/location_home.png") no-repeat 10px; text-indent:-9999px;}
.location-content .link-box .sub-menu { float:left; padding:0px 10px}
.location-content .link-box .sub-menu li { float:left;}
.location-content .link-box .sub-menu li a{display:block; padding:10px 20px; line-height:49px; color:#c9ceff; font-size:15px; border-right:0px;}
.location-content .link-box .sub-menu li a:hover{color:#fff; text-decoration:underline;}
.text-info-content {margin:0px;}
.text-info-content + .business-info-content {margin-top:121px;}
.text-info-content {padding-bottom:40px; overflow:hidden;}
.text-info-content .title {display: inline-block;position:relative;font-size:42px;line-height:42px;color:#343434;letter-spacing:-2px;padding-bottom:12px;/* margin-bottom:10px; *//* width: 100%; */}
.text-info-content .title:after {position:absolute;content:"";bottom: 0px;left:0px;width:100%;height: 1px;background:#949494;}
.text-info-content .deco_title {display: inline-block;width:100%;font-size:19px;color:#afafaf;font-weight:100;letter-spacing:0.5em !important;clear:both;position: relative;padding-top: 15px;}
.text-info-content .sub-txt {margin-top:28px;padding-top:34px;border-top:1px solid #eaeaea;font-size:16px;font-weight:400;line-height:20px;color:#666;letter-spacing:-0.07em;}
.text-info-content + .company-info-content {margin-top:0px;}




/*.info-list-area:before {content:"";position:absolute;left:-1000px;top:514px;right:-1000px;height:553px;background:#ebebeb;}*/
.info-list-area .list {overflow:hidden;position:relative;width:1000px;margin:0 auto;}
.info-list-area li {float:left;width:324px;height:472px;margin:40px 14px 40px 0;}
.info-list-area li:nth-child(3n) {margin-right:0;}
.info-list-area li .img {display:block;width:324px;height:200px;}
.info-list-area .txt-cnt {display:block;height:272px;padding:21px 10px 0 17px;border:1px solid #eaeaea;background:#fff;}
.info-list-area .txt-cnt .brand {display:block;overflow:hidden;height:22px;font-size:18px;line-height:22px;color:#707ad8;text-overflow:ellipsis;white-space:nowrap;}
.info-list-area .txt-cnt .title {display:block;display:-webkit-box;overflow:hidden;height:64px;margin-top:11px;font-size:26px;line-height:32px;color:#333;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.info-list-area .txt-cnt .txt {display:block;display:-webkit-box;overflow:hidden;height:52px;margin-top:16px;font-size:16px;font-weight:100;line-height:26px;color:#666;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.info-list-area .txt-cnt .day {display:block;margin-top:45px;font-size:16px;font-weight:100;color:#333;}
.info-list-area + .common-paging {margin-top:28px;}


.info-view-area {border-top:1px solid #707ad8;}
.info-view-area > .brand {display:block;font-size:18px;line-height:22px;color:#707ad8;}
.info-view-area > .title {display:block;width:100%; padding:20px 0px; font-size:18px; line-height:20px; color:#3c3c3c; background:#f3f3f3; text-align:center; border-bottom:1px solid #d5d5d5;}
.info-view-area > .day {display:block; padding:20px 0px; font-size:16px; padding-right:25px; text-align:right; font-weight:100; line-height:20px; color:#3c3c3c; border-bottom:1px solid #d5d5d5;}
.info-view-area > .down_file {width:100%; display:table; padding:20px 10px 0px 10px;}
.info-view-area > .down_file a.down {display:inline-block; float:right; height:22px; padding-left:21px; text-align:right; background:url("../images/down_icon.gif") no-repeat 0 0;font-size:16px;font-weight:100;line-height:21px;color:#005bac; text-decoration:underline;}
.info-view-area .detail-cnt {margin-top:57px;padding-bottom:55px;font-size:16px;line-height:26px;color:#333;}
.info-view-area .detail-cnt .photo {display:block;width:100%;}
.info-view-area .link-cnt {border-top:1px solid #707ad8;}
.info-view-area .link-cnt > div {overflow:hidden;padding:16px 0;border-bottom:1px solid #ccc;font-size:16px;line-height:26px;color:#666;}
.info-view-area .link-cnt .txt {float:left; width:180px; line-height:50px; background:#f6f6f6; text-align:center;}
.info-view-area .link-cnt .link {overflow:hidden;float:left;width:calc(100% - 180px); line-height:50px; text-indent:20px; text-overflow:ellipsis;white-space:nowrap;}
.info-view-area .link-cnt .before,
.info-view-area .link-cnt .after {padding:0px;}

.info-view-area .link-cnt .after .txt {background:#f6f6f6;}
.info-view-area_sub {margin-top:83px;padding:28px 0 0;}
.info-view-area_sub .link-cnt {border-top:1px solid #ccc;}
.info-view-area_sub .link-cnt > div {overflow:hidden;padding:16px 0;border-bottom:1px solid #ccc;font-size:16px;line-height:26px;color:#666;}
.info-view-area_sub .link-cnt .txt {float:left;width:135px;height:26px;padding-left:45px;}
.info-view-area_sub .link-cnt .link {overflow:hidden;float:left;width:calc(100% - 135px);height:26px;text-overflow:ellipsis;white-space:nowrap;}
.info-view-area_sub .link-cnt .before .txt {background:url("../images/list_up_arrow.png") no-repeat 20px 10px;}
.info-view-area_sub .link-cnt .after .txt {background:url("../images/list_down_arrow.png") no-repeat 20px 10px;}


.detail-content {}
.detail-content > h3 {display:block;font-size:30px;line-height:34px;color:#333;}
.detail-content .btn-area {overflow:hidden;margin-top:30px;}
.detail-content .btn-area a {float:left;position:relative;margin-right:12px;padding:0 50px 0 20px;background:#005bac;font-size:16px;line-height:50px;font-weight:100;color:#fff;}
.detail-content .btn-area a:after {content:"";position:absolute;right:10px;top:15px;width:18px;height:19px;background:url("../images/btn_down_icon.png") no-repeat 0 0;}
.detail-content .btn-area a.color-1 {background:#005bac;}
.detail-content .btn-area a.color-2 {background:#3174b3;}
.detail-content .btn-area a.color-3 {background:#649acf;}
.detail-content > h4 {display:block;margin-top:33px;font-size:24px;font-weight:normal;line-height:28px;color:#005bac;}
.detail-content > .b-txt {display:block;overflow:hidden;position:relative;margin-top:24px;font-size:16px;line-height:20px;color:#333;}
.detail-content > .b-txt .txt {position:relative;display:inline-block;padding-left:7px;}
.detail-content > .b-txt .txt:before {content:"";position:absolute;left:0;top:9px;width:2px;height:2px;background:#5d5d5d;}
.detail-content > .b-txt.no-icon .txt {padding-left:0;}
.detail-content > .b-txt.no-icon .txt:before {display:none;}
.detail-content > .b-txt .sub {float:right;}
.detail-content > .b-txt + .com-table {margin-top:9px;}
.detail-content .bottom-txt {margin-top:12px;font-size:16px;font-weight:100;line-height:26px;color:#333;}
.detail-content > .top-title {font-size:42px;line-height:50px;text-align:center;color:#343434;}
.detail-content > .top-title .imp {display:inline-block;background:#0066b3;line-height:50px;color:#fff;}


/* 공통   */
/* table */
.table_style table{width:100%;}
.table_style table.table01{margin-top:15px; border-top:2px solid #31517d; width:100%;}
.table_style table.table01 th,
.table_style table.table01 td{padding:14px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; font-size:16px;}
.table_style table.table01 th{font-weight:500; color:#203168; letter-spacing:-1px; word-break:keep-all; line-height:1.6em; border-bottom-color:#31517d;}
.table_style table.table01 td{font-weight:400; letter-spacing:-0.5px; word-break:keep-all; color:#545454; line-height:1.6em;}
.table_style table.table01 tr td.bl_line{border-left:1px solid #ccc !important;}
.table_style table.table01 td strong{color:#4b6db3 !important; font-weight:400;}
.table_style table.table01 tr th:first-child{border-left-width:0px;}
.table_style table.table01 tr th:last-child{border-right-width:0px;}
.table_style table.table01 tr td:first-child{border-left-width:0px;}
.table_style table.table01 tr td:last-child{border-right-width:0px;}
.table_style table.table01 .taL{text-align:left !important;}
.table_style table.table01 .taR{text-align:right !important;}
.table_style table.table01 td.bg_gray{background:#f8f8f8;}
.table_style table.table01 td.bg_blue{background:#f4fcff;}
.table_style table.table01 td.bg_red{background:#fff4f4;}
.table_style table.table01 img{width:100%; max-width:300px;}
.table_style table.table01 td ul ul{margin:0 0 5px;}

.table_style table.table02{margin-top:15px; border-top:2px solid #31517d; border-right:1px solid #ccc; width:100%; }
.table_style table.table02 th,
.table_style table.table02 td{padding:14px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; font-size:16px;}
.table_style table.table02 th{font-weight:500; background:#edf4ff; color:#203168; letter-spacing:-1px; word-break:keep-all; line-height:1.6em; border-bottom-color:#31517d; }
.table_style table.table02 td{font-weight:400; letter-spacing:-0.5px; word-break:keep-all; color:#545454; line-height:1.6em;}
.table_style table.table02 tr td.bl_line{border-left:1px solid #ccc !important;}
.table_style table.table02 td strong{color:#4b6db3 !important; font-weight:400;}
.table_style table.table02 .taL{text-align:left !important;}
.table_style table.table02 .taR{text-align:right !important;}
.table_style table.table02 td.bg_gray{background:#f8f8f8;}
.table_style table.table02 td.bg_blue{background:#f4fcff;}
.table_style table.table02 td.bg_red{background:#fff4f4;}
.table_style table.table02 img{width:100%; max-width:300px;}
.table_style table.table02 td ul ul{margin:0 0 5px;}

.table_style table .list_style01 {font-size:16px; color:#3c3c3c; line-height:30px; margin-bottom:0px; }
.table_style table .list_style01 li {position:relative; padding-left:10px; min-height:initial; text-align:left; }
.table_style table .list_style01 li:before{position:absolute; top:16px; left:0px; content:""; width:3px; height:3px; background:#2b405b;}



/* title */
.info-list-area {position:relative;width:2000px;margin:80px 0 0 -500px;background:url("../images/list_bg.gif") repeat-x 0 553px;}
.container .title_h4 {display:inline-block; width:100%; clear:both; text-align:left; margin-bottom:25px; color:#3c3c3c; font-size:30px;}
.container .subtxt_h4 {display:inline-block; font-size:21px; color:#202020; margin-bottom:25px; clear:both; line-height:34px;}
.container .title_h5 {width:100%; clear:both; text-align:left; margin-bottom:20px;  color:#707ad8; font-size:25px; font-weight:500;}
.container .title_h5.h5_blk {color:#3c3c3c !important; }
.container .subtxt_h5 {display:inline-block; font-size:22px; color:#202020; margin-bottom:35px; clear:both; line-height:32px; letter-spacing:-0.05em !important;}
.container .subtxt_h5.no_mg {margin-bottom:0px !important;}
.container .title_h5_c {width:100%; clear:both; text-align:center; margin-bottom:30px; color:#707ad8; font-size:30px;}
.container .sub_title_pp {width:100%; clear:both; font-size:18px; margin-bottom:25px; color:#707ad8;}
.container .detail_h5 {margin-bottom:70px;}
.container .detail_h5_nmg {margin-bottom:0px;}

/* TAB */
.depth01-tab {width:100%}
.depth01-tab .btn-area {width:100%;}
.depth01-tab .btn-area a {display:table-cell; position:relative; width:33.3%; height:80px; border-left:1px solid #ccc; font-size:20px; line-height:80px;text-align:center; color:#979797;}
.depth01-tab .btn-area a span {display:inline-block;line-height:28px;}
.depth01-tab .btn-area a:active,
.depth01-tab .btn-area a:hover {background:#535eba; color:#fff;}
.depth01-tab .btn-area a:first-child {border-left:0px;}
.depth01-tab .btn-area a.on {background:#535eba; color:#fff;}
.tab-content {display:none; overflow:hidden;}
.tab-content.on {display:block;}

/* linked-tab*/
.linked-tab {overflow:hidden; margin-bottom:80px;}
.linked-tab .btn-area {width:100%; border:0px; margin:0px; display:inline-block; text-align:center; border-bottom:1px solid #d3d3d3;}
.container .linked-tab .btn-area {width:100%; border:0px; margin:0px; display:inline-block; text-align:center; border-bottom:1px solid #d3d3d3;}
.container .linked-tab a {position:relative; display:inline-block; height:initial; background:none; width:24.8%; text-align:center; border:0px; cursor:pointer; padding:5px 0px 20px 0px; font-size:20px; line-height:15px; vertical-align:middle; color:#979797;}
.container .linked-tab .depth02-tab3 a{width:32.2% !important;} /* 한줄에 탭 3개 */
.container .linked-tab .depth02-tab4 a{width:50% !important;} /* 한줄에 탭 2개  박스스타일*/
.container .linked-tab a:after {position:absolute; content:""; width:2px; height:10px; right:0px; top:22%; background:#d3d3d3;}
.container .linked-tab a.lst:after {display:none; width:0px;}
.container .linked-tab a span {display:inline-block;line-height:28px;}
.container .linked-tab a:active,
.container .linked-tab a:hover {color:#005BAC; font-weight:bold; border-bottom:2px solid #005BAC; background:none;}
.container .linked-tab a.on {color:#005BAC; font-weight:bold; border-bottom:2px solid #005BAC; background:none;}
/* 한줄에 탭 2개  박스스타일*/
.container .linked-tab .depth02-tab4 {border-left:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-right:1px solid #d3d3d3;}
.container .linked-tab .depth02-tab4 a {padding:15px 0px 15px 0px; border-right:1px solid #d3d3d3; margin-right:0px; font-size:18px;  }
.container .linked-tab .depth02-tab4 a:after {display:none;}
.container .linked-tab .depth02-tab4 a.lst {border-right:0px;}
/* 한줄에 탭 3개  박스스타일*/
.container .linked-tab .depth02-tab5 a{width:33.3333% !important;} /* 한줄에 탭 3개  박스스타일*/
.container .linked-tab .depth02-tab5 {border-left:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-right:1px solid #d3d3d3;}
.container .linked-tab .depth02-tab5 a {padding:15px 0px 15px 0px; border-right:1px solid #d3d3d3; margin-right:0px; font-size:18px; }
.container .linked-tab .depth02-tab5 a:after {display:none;}
.container .linked-tab .depth02-tab5 a.lst {border-right:0px;}

/* TAB depth02-button */

.container_wrap .container .history-tab .depth02-button  {margin-bottom:80px; width:auto; display:table; text-align:center; border-bottom:0px; margin-left:auto; margin-right:auto;}
.container_wrap .container .history-tab .depth02-button a { display:inline; height:initial; min-width:200px; background:#eee; border-radius:30px; text-align:center; border:0px; cursor:pointer; padding:15px 30px; border-radiun:30px; font-size:18px; font-weight:600; line-height:15px; vertical-align:middle; color:#3c3c3c;}
.container_wrap .container .history-tab .depth02-button a:after {display:none;}
.container_wrap .container .history-tab .depth02-button a span {display:inline-block; line-height:28px;}
.container_wrap .container .history-tab .depth02-button a:active,
.container_wrap .container .history-tab .depth02-button a:hover {color:#fff; background:#707ad8;}
.container_wrap .container .history-tab .depth02-button a.on {color:#fff; background:#707ad8;}


/* TAB depth02-box4 */
.container .history-tab {margin-bottom:80px;}
.container .history-tab .btn-area {width:100%; border:0px; margin:0px; display:inline-block; text-align:center; border-bottom:1px solid #d3d3d3;}
.container .history-tab a {position:relative; display:inline-block; height:initial; width:24.8%; text-align:center; border:0px; cursor:pointer; padding:5px 0px 20px 0px; font-size:18px; line-height:15px; vertical-align:middle; color:#979797;}
.container .history-tab a:after {position:absolute; content:""; width:2px; height:10px; right:0px; top:22%; background:#d3d3d3;}
.container .history-tab a.lst:after {display:none; width:0px;}
.container .history-tab a span {display:inline-block;line-height:28px;}
.container .history-tab a:active,
.container .history-tab a:hover {color:#005BAC; font-weight:bold; border-bottom:2px solid #005BAC; background:none;}
.container .history-tab a.on {color:#005BAC; font-weight:bold; border-bottom:2px solid #005BAC; background:none;}

/* TAB depth02-box8 */
.container .history-tab .depth02-tab2 {width:100%; display:inline-block;}
.container .history-tab .depth02-tab2 a {width:12.22%;}

/* TAB depth02-box10 */
.container .history-tab .depth02-tab3 {width:100%; display:inline-block;}
.container .history-tab .depth02-tab3 a {width:20%; background:none; margin-right:0px;}
.container .history-tab .depth02-tab3 a.on,
.container .history-tab .depth02-tab3 a:active,
.container .history-tab .depth02-tab3 a:hover {background:none;}

.container .history-tab .depth02-tab4 {width:100%; display:inline-block;}
.container .history-tab .depth02-tab4 a {width:33.3%; background:none; margin-right:0px;}
.container .history-tab .depth02-tab4 a.on,
.container .history-tab .depth02-tab4 a:active,
.container .history-tab .depth02-tab4 a:hover {background:none;}



/* 회사소개 */
.company-info-content {position:relative;margin-top:100px;}
.company-info-content.bg-1 {margin-bottom:50px;}
.company-info-content.bg-2 {overflow:hidden; margin-top:0px;}
.company-info-content .title {position:relative; display:block; font-size:34px; line-height:34px;color:#202020; padding-bottom:35px; margin-bottom:45px;}
.company-info-content .title:after {content:"";position:absolute;left:0px; bottom:0; width:50px; height:1px; background:#3f3f3f;}
.company-info-content .sub-title {display:block;margin-top:26px;font-size:40px;font-weight:100;line-height:52px;color:#343434;letter-spacing:-2px;}
.company-info-content .sub-title strong {font-weight:normal;}
.company-info-content .txt_summary {margin-top:172px;padding-left:385px;font-size:16px;line-height:30px;color:#666;}
.company-info-content .txt {font-size:18px; line-height:32px; color:#3c3c3c;}
.company-info-content.bg-1 .m_img {display:none;}
.company-info-content.bg-2 .img {width:567px; height:441px; background:url("../images/ceo.jpg") no-repeat 0 0; z-index:-1; float:left; margin-right:50px;}
.company-info-content.bg-2 .img_name {position:absolute; width:200px; height:60px; right:0px; bottom:0px; background:url("../images/ceo3.png") no-repeat 0 0;z-index:9999;}


/* 연혁 */
.history-content .history-tab {padding:0px 70px;}
/* .container_wrap .history-content {padding:70px 0px 0px !important;} */
.container_wrap .history-content .info-area {padding-right:70px;}
.container_wrap .history-content .h-bg01 {min-height:1230px;}
.container_wrap .history-content .h-bg02 {min-height:1200px;}
.container_wrap .history-content .h-bg03 {min-height:1100px;}
.container_wrap .history-content .h-bg04 {min-height:1100px;}
.hitory-content {display:none; overflow:hidden;}
.hitory-content.on {display:block;}
.hitory-content .photo-area {float:left; box-sizing:border-box; margin-left:70px;}
.hitory-content .photo-area div {width:488px; height:657px;}
.hitory-content .photo-area .m_img {display:none;}
.hitory-content .photo-area .history_photo_to2011 {background:url("../images/history_photo_to2011.png") no-repeat;}
.hitory-content .photo-area .history_photo_to2001{background:url('../images/history_photo_to2001.png') no-repeat; }
.hitory-content .photo-area .history_photo_to1991{background:url('../images/history_photo_to1991.png') no-repeat; }
.hitory-content .photo-area .history_photo_to1974{background:url('../images/history_photo_to1974.png') no-repeat; }
.hitory-content .photo-area img {display:block; }
.hitory-content .info-area.history-txt {overflow:hidden; padding-left: 100px;box-sizing:border-box; clear:inherit;}
.hitory-content .history-txt .ybox {float:right; width:100%; margin-bottom:35px;}
.hitory-content .history-txt .year {position:relative; display:block; font-size:24px; line-height:24ox; font-weight:bold; line-height:24px; color:#717ad7; }
.hitory-content .history-txt .year::after {content:"";width:120px;height:1px;display:inline-block;background: #102335;margin:4px 10px;}
.hitory-content .history-txt .list {position:relative;margin-top:15px;}
.hitory-content .history-txt li {position:relative;margin-top:10px;padding-left:58px;line-height:26px;color:#666;}
.hitory-content .history-txt li:first-child {margin-top:0;}
.hitory-content .history-txt li .month {position:absolute;left:0;top:0;width:42px;font-size:18px;font-weight:bold;text-align:center;}
.hitory-content .history-txt li .txt {display:block;font-size:18px;}
.hitory-content .history-txt .year-box {overflow:hidden;margin-top:50px;}
.hitory-content .history-txt .year-box:first-child {margin-top:0;}

/*조직소개*/
.organization-chart {margin-bottom:115px;}
.organization-chart_m {margin-top:115px; display:none;}


/* ci */
.ci-content {}
.ci-content .itro_txt {font-size:30px; font-weight:400;}
.ci-content .info-area {margin-top:70px;}
.ci-content .info-area:first-child {margin-top:0;}
.ci-content .info-area > .title {display:block;font-size:24px;font-weight:bold;line-height:28px;color:#333;}
.ci-content .ci-system {clear:both; overflow:hidden;}
.ci-content .ci-system div.img {display:block; float:left; width:45%; }
.ci-content .ci-system > .title {display:block;font-size:20px;line-height:36px;color:#666;}
.ci-content .ci-system .detail-txt {width:54%; float:right; padding-top:70px; font-size:19px; font-weight:400; line-height:32px; color:#3c3c3c;}
.ci-content .ci-system .detail-txt strong {display:block; font-weight:bold; width:100%;}
.ci-content .ci-system .detail-txt strong span {color:#005bac;}
.ci-content .ci-system02 {overflow:hidden; width:100%; margin-top:60px;}
.ci-content .ci-system02 li.img-cnt {float:left; width:25%; }
.ci-content .ci-system02 li.img-cnt .title {float:left; font-size:20px; line-height:20px; padding-bottom:20px; color:#3c3c3c; }
.ci-content .ci-system02 li.img-cnt img {float:left; display:block;}

/* 오시는길  */
.map-content {}
.map-content .location-info {width:60%; float:left; margin-bottom:25px;}
.map-content .location-info li {width:100%; padding-bottom:12px; text-align:left; font-size:19px;}
.map-content .location-info li strong {color:#707ad8; font-weight:bold; padding-right:5px;}
.map-content .com-send-btn {width:40%; position:relative; float:right; margin-top:0px; }
.map-content .com-send-btn a {position:absolute; width:initial; height:initial; right:0px; top:0px; padding:13px 65px 12px 45px; text-indent:-10px; line-height:16px; font-size:16px;text-align:center;line-height:50px;color:#fff; line-height:22px;}
.map-content .com-send-btn a.print_btn {background:#707ad8 url('../images/icon_print.png') 77% 50% no-repeat; }
.map-content .com-send-btn a:hover {background:#5c67cb;}
.map-content .map-area {width:100%; max-height:515px; clear:both;}
.map-content .map-area >div {width:100%; height:100%;}
.map-content > .title {display:block;font-size:24px;font-weight:bold;line-height:30px;color:#333;}

/* 계열사소개  */
.familysite-info-content .hitory-content {width:100%;}
.familysite-info-content .family-area {width:100%;}
.familysite-info-content .family-area .img {float:left; margin-bottom:70px; }
.familysite-info-content .family-area .detail {width:48%; float:right; letter-spacing:-0.05em !important; word-break:break-all !important; text-align:left; font-size:19px; line-height:32px; color:#3c3c3c;  text-align: justify; }
.familysite-info-content .family-area .btn-area {width:100%; clear:both; position:relative; height:55px; }
.familysite-info-content .family-area .btn-area a {position:absolute; background:#707ad8 url('../images/icon_btn_arrow.png') 83% 50% no-repeat; right:0px; bottom:0px; padding:15px 60px 15px 40px; line-height:20px; font-size:16px;text-align:center;line-height:50px;color:#fff; line-height:22px;}
.familysite-info-content .family-area .btn-area a:hover {background:#535dba url('../images/icon_btn_arrow.png') 83% 50% no-repeat; }



/* 기업정보  */
/* 경영이념  */
.manage_philosophy .manage_philo_wrap {width:100%; clear:both; overflow:hidden;}
.manage_philosophy .manage_philo_wrap .manage_philo_box {width:515px; height:260px; text-align:center; padding:30px 20px 40px 20px; background:#f4f4f4; box-sizing:border-box; }
.manage_philosophy .manage_philo_wrap .mpbox01,
.manage_philosophy .manage_philo_wrap .mpbox03 {float:left;}
.manage_philosophy .manage_philo_wrap .mpbox02,
.manage_philosophy .manage_philo_wrap .mpbox04 {float:right;}
.manage_philosophy .manage_philo_wrap .manage_philo_box strong {font-size:28px; color:#707ad8; line-height:28px;}
.manage_philosophy .manage_philo_wrap .manage_philo_box p {font-size:19px; line-height:34px; color:#3c3c3c; margin-top:10px; }
.manage_philosophy .manage_philo_wrap .manage_philo_box .mpbox01,
.manage_philosophy .manage_philo_wrap .manage_philo_box .mpbox03 {float:left;}
.manage_philosophy .manage_philo_wrap .manage_philo_box .mpbox02,
.manage_philosophy .manage_philo_wrap .manage_philo_box .mpbox04 {float:right;}
.manage_philosophy .manage_philo_wrap .icon_img_list {width:560px; height:560px; margin:0 auto; background:url("../images/bg_icon_img_list.png") no-repeat; }
.manage_philosophy .manage_philo_wrap .icon_img_list li {width:50%; float:left; text-align:center; font-size:30px; font-weight:bold; padding-left:26%;}
.manage_philosophy .manage_philo_wrap .icon_img_list li span {width:100%; height:114px; display:block; margin-bottom:10px;}
.manage_philosophy .manage_philo_wrap .icon_img_list li.img01, .manage_philosophy .manage_philo_wrap .icon_img_list li.img02 {margin-bottom:124px;}
.manage_philosophy .manage_philo_wrap .icon_img_list li.img03, .manage_philosophy .manage_philo_wrap .icon_img_list li.img04 {margin-top:125px;}
.manage_philosophy .manage_philo_wrap .icon_img_list li.img01, .manage_philosophy .manage_philo_wrap .icon_img_list li.img03 {text-align:left; padding-left:0px; padding-right:30%;}
.manage_philosophy .manage_philo_wrap .icon_img_list li.img02, .manage_philosophy .manage_philo_wrap .icon_img_list li.img04 {text-align:right;}
.manage_philosophy .manage_philo_wrap .icon_img_list li.img02 {padding-left:30%;}
.manage_philosophy .manage_philo_wrap .icon_img_list li.img01 span {background:url("../images/manage_philo_img01.png") center 0 no-repeat;}
.manage_philosophy .manage_philo_wrap .icon_img_list li.img02 span {background:url("../images/manage_philo_img02.png") center 0 no-repeat;}
.manage_philosophy .manage_philo_wrap .icon_img_list li.img03 span {background:url("../images/manage_philo_img03.png") center 0 no-repeat;}
.manage_philosophy .manage_philo_wrap .icon_img_list li.img04 span {background:url("../images/manage_philo_img04.png") center 0 no-repeat;}

/* 사업소개  */
/* 공통  */
.business-info-content .business_slide_wrap {width:100%  position:relative;}
/* .business-info-content .business_slide_wrap ul li {display:none; width:100%;}
.business-info-content .business_slide_wrap ul li.on{display:block; } */
.business-info-content .business_slide_wrap .img_area {width:1180px; height:805px; /* overflow:hidden; */ position:relative; margin: 0 auto; } 
/* .business-info-content .business_slide_wrap .img_area ul {width:6000px; position:absolute; top:0; left:0; }
.business-info-content .business_slide_wrap .img_area ul li {display : inline-block; float:left;} */
.business-info-content .business_slide_wrap .img_area .img_box {float: left; box-sizing: border-box; width:1180px; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img01{background:url('../bg/1_1.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img02{background:url('../bg/1_2.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img03{background:url('../bg/1_3.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img04{background:url('../bg/1_4.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img05{background:url('../bg/1_5.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_org01{background:url('../images/img_slide_organic01.jpg') no-repeat; background-size:contain;}
.business-info-content .business_slide_wrap .img_area .img_box.img_org02{background:url('../images/img_slide_organic02.jpg') no-repeat; background-size:contain;}
.business-info-content .business_slide_wrap .img_area .img_box.img_org03{background:url('../images/img_slide_organic03.jpg') no-repeat; background-size:contain;}
.business-info-content .business_slide_wrap .img_area .img_box.img_org04{background:url('../images/img_slide_organic04.jpg') no-repeat; background-size:contain;}
.business-info-content .business_slide_wrap .img_area .img_box.img_ad01{background:url('../bg/3_1.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_ad02{background:url('../bg/3_2.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_ad03{background:url('../bg/3_3.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_mt01{background:url('../bg/4_1.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_ls01{background:url('../bg/5_1.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_ls02{background:url('../bg/5_2.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_ls03{background:url('../bg/5_3.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_ls04{background:url('../bg/5_4.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_ss01{background:url('../bg/6_1.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_ss02{background:url('../bg/6_2.png') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_ss03{background:url('../bg/6_3.png') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_ss04{background:url('../bg/6_4.png') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_mt01{background:url('../bg/4_1.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_mt02{background:url('../bg/4_2.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .img_box.img_mt03{background:url('../bg/4_3.jpg') no-repeat; background-size:cover; height:765px;}
.business-info-content .business_slide_wrap .img_area .slick-prev{left:0%; top:50%;}
.business-info-content .business_slide_wrap .img_area .slick-next{right:0%; top:50%;}
/* .business-info-content .business_slide_wrap a{display:block; width:40px; height:97px; z-index: 1; position:absolute; cursor:pointer;}
.business-info-content .business_slide_wrap a.btn_left{background:url("../images/btn_busi_slide_left.png") no-repeat; left:2%; top:42%;}
.business-info-content .business_slide_wrap a.btn_right{background:url("../images/btn_busi_slide_right.png") no-repeat; right:2%; top:42%;} */
.business-info-content .img_title_list {margin-top:30px;}
.business-info-content .img_title_list li {width:100%; margin-bottom:50px; clear:both; overflow:hidden; }
.business-info-content .img_title_list.itl02 li {width:50% !important; float:left; clear:none; min-height:80px;}
.business-info-content .img_title_list.itl02 li p {width:60%;}
.business-info-content .img_title_list span{display:block; float:left; width:180px; height:65px; padding-top:30px; border-bottom:2px solid #818bdf; text-align:right; 
font-size:18px; letter-spacing:-0.06em !important; font-weight:800; color:#818bdf;}
.business-info-content .img_title_list .img_t01 span {background:url('../images/remicon_num01.png') left bottom no-repeat;}
.business-info-content .img_title_list .img_t02 span {background:url('../images/remicon_num02.png') left bottom no-repeat;}
.business-info-content .img_title_list .img_t03 span {background:url('../images/remicon_num03.png') left bottom no-repeat;}
.business-info-content .img_title_list .img_t04 span {background:url('../images/remicon_num04.png') left bottom no-repeat;}
.business-info-content .img_title_list li p{position:relative; padding-left:10px; width:80%; color:#3c3c3c; font-size:18px; float:left; margin-top:25px; margin-left:30px;}
.business-info-content .img_title_list li p strong {font-weight:bold;}
.business-info-content .img_title_list li p:before {position:absolute; top:11px; left:0px; content:""; width:3px; height:3px; background:#2b405b;}
.business-info-content .remicon_process {display:table; margin:0 auto;}
.info-area .location_layout {width:100%; position:relative; padding-bottom:100px;}
.info-area .location_layout .map_img{width:1176px; height:602px; position:relative; left:0px; top:0px;}
.info-area .location_layout .location_info{position:absolute; right:-20px; bottom:0px; padding:67px 68px; width:582px; height:506px; background:url('../images/bg_location_info.png') center no-repeat; }
.info-area .location_layout .location_info.li_bg03 {bottom:130px !important;}
.info-area .location_layout .location_info .mgt20 {margin-top:20px;}
.info-area .location_layout .location_info.li_bg02{ height:653px; background:url('../images/bg_location_info02.png') center no-repeat !important; }
.info-area .location_layout .location_info.li_bg03{ height:393px; background:url('../images/bg_location_info03.png') center no-repeat !important; }
.info-area .location_layout .location_info.li_bg02 .stitle {margin-top:25px;}
.info-area .location_layout .location_info.li_bg02 .mg15 {margin-top:15px;}
.info-area .location_layout .location_info.li_bg02 .stitle strong{color:#818bdf;}
.info-area .location_layout .location_info ul {padding:40px 40px 10px 40px; width:100%;}
.info-area .location_layout .location_info ul li {width:100%; padding:11px 0px; font-size:17px; letter-spacing:-0.04em !important;}
.info-area .location_layout .location_info ul li strong {font-weight:700; padding-right:15px; font-size:18px;}
.info-area .location_layout .location_info ul li span b {font-weight:normal; margin-left:115px;}

/* 사업분야 */
/* .business-info-content {margin-top:49px;} */
.business-info-content > h3 {display:block;font-size:30px;font-weight:normal;line-height:36px;color:#333;}
.business-info-content .info-area {overflow:hidden;margin-top:34px;}
.business-info-content .info-area:first-child {margin-top:0;}
.business-info-content .info-area .left-cnt {float:left;width:480px;}
.business-info-content .info-area .right-cnt {float:right;width:480px;}
.business-info-content .info-area .img {display:block;width:100%;}
.business-info-content .info-area .title-link {display:inline-block;position:relative;margin-top:17px;padding-right:30px;background:url("../images/link_icon.png") no-repeat right 1px;font-size:18px;font-weight:bold;line-height:24px;color:#005bac;}
.business-info-content .info-area .title-txt {display:inline-block;position:relative;margin-top:17px;font-size:18px;font-weight:bold;line-height:24px;color:#005bac;}
.business-info-content .info-area .txt {margin-top:5px;font-size:16px;line-height:26px;color:#666;}


/* remix 레믹스  */
.container_wrap .business-info-content2 {padding:70px 0px 0px !important;}
.container_wrap .business-info-content2 .bg_remix {padding:0px 70px 300px 70px; background:url('../images/bg_remix_intro.jpg') center bottom no-repeat;}
.container_wrap .business-info-content2 .detail-content {padding:0px 70px 270px 70px;}
.remix-content .no-list_style01 {line-height:30px;}
.remix-content .no-list_style01 .remix-title {width:100%; display:block; font-size:25px; color:#202020; font-weight:bold; line-height:50px;}
.remix-content .no-list_style01 span{font-weight:bold; color:#707ad8;}
.remix-content .no-list_style01 strong{font-weight:bold;}
.remix-content .remix_box {width:100%; margin-top:45px;}
.remix-content .remix_box span.img {display:block; float:left; width:405px; height:234px; border:1px solid #ccc; background:url('../images/bg_remix_03.jpg') no-repeat; }
.remix-content .remix_box div {display:block; float:right; width:60%; padding-top:35px;}
.remix-content .remix_box div table {width:100%; text-align:center; font-size:18px; border-right:1px solid #d4d5d6; border-left:1px solid #d4d5d6; border-bottom:1px solid #d4d5d6;}
.remix-content .remix_box div table th {width:18%; padding:15px 10px; background:#515cbb; color:#fff; border-top:1px solid #d4d5d6;}
.remix-content .remix_box div table td {width:82%; padding:15px 10px 15px 20px; color:#3c3c3c; border-top:1px solid #d4d5d6; text-align:left;}
.remix-content .bi-system-box {width:100%; overflow:hidden; }
.remix-content .bi-system-box li.img-cnt img.m_img {display:none;}
.remix-content  .bi_b01 {float:left; }
.remix-content  .bi_b01 div{border:1px solid #dcdcdc; float:left;}
.remix-content  .bi_b01 .detail-txt {width:60%; float:right; text-align:left; font-size:18px; color:#3c3c3c; line-height:32px;}
.remix-content  .bi_b02 {clear:both;}
.remix-content  .bi_b02 li {width:50%; float:left;}
.remix-content  .bi_b02 .bi-color-info span.color01 {display:block; float:left; width:225px; height:225px; background:#00308c; margin-right:35px;}
.remix-content  .bi_b02 .bi-color-info span.color02 {display:block; float:left; width:225px; height:225px; background:#808080; margin-right:35px;}
.remix-content  .bi_b02 .bi-color-info ul {text-align:left; font-size:18px; color:#3c3c3c; line-height:32px; float:left;}
.remix-content  .bi_b02 .bi-color-info ul li{width:100%; clear:both; line-height:30px;}
.remix-content  .bi_b02 .bi-color-info ul li.str {font-weight:600;}
.remix-content  .bi_b02 .bi-color-info ul li.mgb_40 {margin-bottom:40px;}
.remix-content  .bi_b03 li{float:left; width:33.3333%;}
.remix-content  .bi_b04 li{float:left; width:33.3333%;}
.remix-content  .bi_b04 li .title{float:left; font-size:20px; line-height:20px; padding-bottom:20px; color:#3c3c3c; }
.remix-content .ad-img-box {width:100%; overflow:hidden;}
.remix-content .ad-img-box img {display:block; width:100%; border:1px solid #c3c3c3; }
/*
.remix-content .ad-img-box.img01 {background:url('../images/img_remix_ad01.jpg') no-repeat;}
.remix-content .ad-img-box.img02 {background:url('../images/img_remix_ad02.jpg') no-repeat;}
*/

/* remicon 레미콘 */
.business-info-content .img_remicon_intro {display:block; width:100%; height:700px; background:url('../images/img_remicon_intro.png') no-repeat;}
.info-area .location-info {width:100%; float:left; margin-bottom:25px;}
.info-area .location-info li {width:100%; padding-bottom:12px; text-align:left; font-size:19px;}
.info-area .location-info li strong {color:#005BAC; font-weight:bold; padding-right:5px;}

/* transport 운수 */
.transport-info-content .transport_slide_wrap .img_area .img_box.img01{background:url('../bg/2_1.jpg') no-repeat; background-size:cover; height:765px;}
.transport-info-content .transport_slide_wrap .img_area .img_box.img02{background:url('../bg/2_2.jpg') no-repeat; background-size:cover; height:765px;}
.transport-info-content .transport_slide_wrap .img_area .img_box.img03{background:url('../bg/2_3.jpg') no-repeat; background-size:cover; height:765px;}


/* admixture 혼화제 */
.business-info-content .img_admixture_intro01 {display:block; width:100%;}
.business-info-content .img_admixture_intro02 {display:block; width:100%;}
.table_top_area {overflow:hidden;}
.btn_wrap a {margin-left:20px;}
.btn_wrap a.btn_cata_down {cursor:pointer; display:block; float:right; text-align:center; margin:0 auto; width:160px; border:1px solid #707ad8; height:53px; background:#fff url("../images/icon_down02.png") no-repeat 88% 50%; padding-right:20px; font-size:16px;text-align:center;line-height:50px;color:#707ad8;}
.btn_wrap a.btn_cata_down:hover {background:#fff url("../images/icon_down02.png") no-repeat 88% 50%; border:1px solid #444fba; color:#444fba;}
.btn_wrap a.btn_go{ display:block; float:right; padding:15px 55px 15px 25px; background:#707ad8 url('../images/icon_go.png') 87% 50% no-repeat; font-size:18px; text-align:center; max-width:250px; color:#fff; cursor:pointer;}
.btn_wrap a.btn_go:hover{background:#535dba url('../images/icon_go.png') 87% 50% no-repeat;}
.btn_down02 { display:block; padding:13px 40px 13px 12px; background:url('../images/icon_down02.png') 87% 50% no-repeat; font-size:16px; text-align:center;  min-width:150px; color:#707ad8; border:1px solid #707ad8; border-radius:3px; cursor:pointer;}

/* organic materials 유기재 */
.business-info-content .img_organic_intro01 {width:100%;}
.business-info-content .img_organic_intro01 img{display:block; width:100%;}


/* 인재채용  */
/* 인사복지제도 */
.recruit-info-content .hanilm {}

.recruit-info-content .info-area .list_style01 {font-size:18px; color:#3c3c3c; line-height:30px; margin-bottom:40px; }
.recruit-info-content .info-area .list_style01 li {position:relative; padding-left:10px; min-height:auto; }
.recruit-info-content .info-area .list_style01 li:before{position:absolute; top:16px; left:0px; content:""; width:3px; height:3px; background:#2b405b;}
.recruit-info-content .info-area .list_style01 .title {padding:0px; font-weight:bold; margin-bottom:12px;}
.recruit-info-content .info-area .list_style01 .title:before{content:none;}
.recruit-info-content .info-area .list_style01 .v_align {margin-left:145px;}
.recruit-info-content .info-area .list_style01 li.ib_style {width:inherit; float:left; }
.recruit-info-content .info-area .list_style01.ls-last {margin-bottom:0px !important;}
.recruit-info-content .info-area .no-list_style01 {font-size:18px; color:#3c3c3c; line-height:30px; margin-bottom:40px; overflow:hidden; }
.recruit-info-content .info-area .no-list_style01 strong {display:block; width:100%; float:left;font-weight:bold; padding:10px 0px;}
.recruit-info-content .hanilm ul.box_list{ width:90%; margin:0 auto;  text-align:center; color:#fff; padding:70px 0px; overflow:hidden;}
.recruit-info-content .hanilm ul.box_list li {width:25%; float:left;}
.recruit-info-content .hanilm ul.box_list li div {width:240px; height:115px; margin:0 auto; background:#707ad8; padding:26px 25px; font-size:18px; line-height:32px; box-sizing:content-box;  }
.recruit-info-content .hanilm ul.img_list {max-width:900px; text-align:center; margin:0 auto;}
.recruit-info-content .hanilm ul.img_list li {width:33.333%; text-align:center; float:left; padding:0px 10px;}
.recruit-info-content .hanilm ul.img_list li span {display:block; width:164px; height:164px; margin:0 auto; margin-bottom:33px;}
.recruit-info-content .hanilm ul.img_list li .hm_img01 {background:url("../images/img_hanilm01.png") no-repeat 0 0;}
.recruit-info-content .hanilm ul.img_list li .hm_img02 {background:url("../images/img_hanilm02.png") no-repeat 0 0;}
.recruit-info-content .hanilm ul.img_list li .hm_img03 {background:url("../images/img_hanilm03.png") no-repeat 0 0;}
.recruit-info-content .hanilm ul.img_list li strong {color:#3c3c3c; font-size:25px; font-weight:bold;  line-height:25px;}
.recruit-info-content .hanilm ul.img_list li p {color:#3c3c3c; font-size:18px; line-height:30px; margin-top:35px;}
.recruit-info-content .recu_process {width:100%;}
.recruit-info-content .recu_process li {position:relative; width:150px; height:150px; float:left; border:3px solid #707ad8; border-radius:75px; padding-top:40px; text-align:center; font-size:18px; color:#3c3c3c; margin-right:3.8%;}
.recruit-info-content .recu_process li:before {position:absolute; right:-32px; top:64px; width:10px; height:17px; background:url("../images/recu_process_arrow.jpg") no-repeat 0 0; content:" "; font-size:22px; font-weight:bold; color:#363636; padding:20px 0px; }
.recruit-info-content .recu_process li.wl04 {margin-right:0px;}
.recruit-info-content .recu_process li.wl04:before {display:none;}
.recruit-info-content .recu_process li span {positon:relative; display:block; width:20px; padding-bottom:10px; width:100%; font-weight:bold;}
.recruit-info-content .recu_process li.no-arrow {margin-right:0px;}
.recruit-info-content .recu_process li.no-arrow:before {content:none;}
.recruit-info-content .welfare_list{width:100%; clear:both; overflow:hidden; margin-top:50px;}
.recruit-info-content .welfare_list li {position:relative; width:45%; float:left; text-align:left; min-height:290px; margin-left:5%;}
.recruit-info-content .welfare_list li ul {padding-left:100px;}
.recruit-info-content .welfare_list li ul li {width:100%; margin-left:0px;}
.recruit-info-content .welfare_list li span.img {position:absolute; left:0px; top:0px; width:88px; height:89px; display:block;}
.recruit-info-content .welfare_list .wl01 .img {background:url("../images/img_welfare01.png") no-repeat 0 0;}
.recruit-info-content .welfare_list .wl02 .img {background:url("../images/img_welfare02.png") no-repeat 0 0;}
.recruit-info-content .welfare_list .wl03 .img {background:url("../images/img_welfare03.png") no-repeat 0 0;}
.recruit-info-content .welfare_list .wl04 .img {background:url("../images/img_welfare04.png") no-repeat 0 0;}
.recruit-info-content .welfare_list li strong {color:#202020; font-size:25px; font-weight:bold; padding-left:100px;}
.recruit-info-content .welfare_list li ul{color:#202020; font-size:17px; padding-left:120px;}
.recruit-info-content .btn_wrap .recruit_btn {overfloat:hidden; margin-top:10px;}
.recruit-info-content .btn_wrap .recruit_btn {width:100%}
.recruit-info-content .btn_wrap .recruit_btn li {width:33%; float:left;}
.recruit-info-content .btn_wrap .recruit_btn li a {display:block; padding:20px 30px; background:#707ad8; font-size:18px; text-align:center; max-width:350px; color:#fff; }
.recruit-info-content .btn_wrap .recruit_btn li a:hover{background:#535dba;}
.recruit-info-content .btn_wrap .recruit_btn li a.down {text-indent:-25px; background:#707ad8 url("../images/icon_down01.png") 85% 46% no-repeat;}
.recruit-info-content .btn_wrap .recruit_btn li a.down:hover{background:#535dba url("../images/icon_down01.png") 85% 46% no-repeat;}
.recruit-info-content .table_style table.table01 tr td .list_style01 {text-align:left; font-size:16px; margin-bottom:0px;}




/* 공지사항 */
.costomer-info-content {margin-top:84px;}
.costomer-content > .top-title {display:block;font-size:16px;font-weight:bold;line-height:22px;color:#333;}
.costomer-content > .top-title .imp {color:#e21111;}
.costomer-content > .d-txt {margin-top:12px;font-size:16px;line-height:26px;color:#333;}
.costomer-content > .d-txt .imp {position:relative;top:4px;color:#e21111;}
.costomer-content > .d-txt + .d-txt {margin-top:68px;}
.costomer-content .com-table {margin-top:24px;}
.costomer-content .com-table th {background:#f8f8f8;color:#333;}
.costomer-content .com-table th .imp {position:relative;top:4px;color:#e21111;}
.costomer-content .com-table thead th:last-child {border-right:none;}
.costomer-content .com-table td {color:#666;}
.costomer-content .com-table .line {margin-top:5px;}
.costomer-content .com-table .line:first-child {margin-top:0;}
.costomer-content .com-table .line input {position:relative;top:2px;}
.costomer-content .com-table .line label {display:inline-block;width:100px;text-align:left;}
.costomer-content .com-table.input th {padding-left:20px;text-align:left;}
.costomer-content .com-table.input td {padding:9px 20px 10px;text-align:left;}
.costomer-content .com-table.input input[type="text"] {display:inline-block;width:450px;height:40px;padding-left:10px;border:1px solid #cfcfcf;}
.costomer-content .com-table.input input[type="text"].name {width:250px;}
.costomer-content .com-table.input input[type="file"] {width:450px; height:32px; display:block}
.costomer-content .com-table .info_file {font-size:13px; color:#535dba;}
.costomer-content .com-table.input textarea {width:100%;min-height:160px;padding:10px;border:1px solid #cfcfcf;}
.costomer-content .com-table.input select {width:250px; height:40px; vertical-align:top; text-indent:10px; border:1px solid #bfbfbf; }


/* 자료실  */
.customer .down_area {width:100%; clear:both;}
.customer .down_area .sub_title_pp {margin-bottom:15px;}
.customer .down_area .tab_content {width:100%; clear:both;}
.customer .down_area .tab_content .downbox_top {width:100%; overflow:hidden; border-bottom:0px !important; margin-top:10px;}
.customer .down_area .tab_content .downbox_top {overflow:hidden; }
.customer .down_area .tab_content .downbox_top a{display:block; overflow:hidden; height:70px; float:left; width:24%; border-bottom:0px; font-size:17px; line-height:18px; margin:10px 15px 0px 0px; color:#3c3c3c; text-align:left; padding:25px;  background:#e9e9e9;}
.customer .down_area .tab_content .downbox_top a:after{display:none; width:0px; }
.customer .down_area .tab_content .downbox_top a:hover,
.customer .down_area .tab_content .downbox_top a:active,
.customer .down_area .tab_content .downbox_top a.on {background:#535dba; color:#fff; border-bottom:0px;}
.customer .down_area .tab_content .downbox_top .no-mr {margin-right:0px !important;}
.customer .down_area .tab_content .downbox_bottom {clear:both;}
.customer .down_area .tab_content .downbox_bottom .cnt_item {padding:40px 20px;}
.customer .down_area .tab_content .downbox_bottom .cnt_item.on {background:#e9e9e9; margin-bottom:20px;}
.customer .down_area .tab_content .downbox_bottom .cnt_item .item_img {overflow:hidden; margin-bottom:25px;}
.customer .down_area .tab_content .downbox_bottom .cnt_item .item_img iframe {height:800px !important; }
.customer .down_area .tab_content .downbox_bottom .cnt_item a.down_file {display:inline-block; text-align:center; margin-right:5px; width:160px; height:50px; background:#0f2030 url("../images/icon_down01.png") no-repeat 88% 50%; padding-right:20px; font-size:16px;text-align:center;line-height:50px;color:#fff;}
.customer .down_area .tab_content .downbox_bottom .cnt_item a.down_file:hover {background:#0f2031 url("../images/icon_down01.png") no-repeat 88% 50%;}
.cnt_item.on a.print_file {padding: 14px 50px 14px 25px;background: #707ad8 url('../images/icon_print.png') 88% 50% no-repeat;text-indent:-10px;font-size:16px;text-align:center;line-height:50px;color:#fff; cursor:pointer;}
.customer .down_area .tab_content .downbox_bottom .cnt_item .btn_area {display:table; margin:0 auto;}
.customer .down_area .tab_content .downbox_bottom .down_list_area ul li {margin-bottom:5px;}
.customer .down_area .tab_content .downbox_bottom .down_list_area ul li.on {margin-bottom:0px;}
.customer .down_area .tab_content .downbox_bottom .down_list_area ul li a {width:100%; display:block; overflow:hidden; clear:both; padding:25px; font-size:17px; line-height:17px; cursor:pointer;}
.customer .down_area .tab_content .downbox_bottom .down_list_area ul li.title a {background:#e9e9e9 url("../images/icon_down_list_off.png") no-repeat 97% 50%; color:#3c3c3c; text-align:left;}
.customer .down_area .tab_content .downbox_bottom .down_list_area ul .title.on a {width:100%; background:#535dba url("../images/icon_down_list_on.png") no-repeat 97% 50%; color:#fff;  text-align:left;}
.customer .down_area .tab_content .downbox_bottom .down_list_area ul li.data {padding:80px 25px; background:#e9e9e9; color:#3c3c3c;}
.customer .down_area .tab_content .downbox_bottom .down_list_area ul li.data img {display:block; margin:0 auto; text-align:center;}
.customer .down_area .tab_content .downbox_bottom .down_list_area ul li.data .cnt_item a{padding:15px 40px; display:inline-block; background:#535dba; color:#fff; font-size:17px; text-align:center; }
.customer .down_area .tab_content .downbox_bottom .down_list_area ul li.data .cnt_item a.down_file{background:#0f2031;}
.downbox_bt a.down_link {padding:15px 40px; display:inline-block; background:#707ad8; pointer:cursor; }
.downbox_bt a.down_link span { color:#fff; font-size:17px; text-align:center; }



.bisiness-txt-wrap {position:relative;}
.bisiness-txt-wrap:before {content:"";position:absolute;left:-1000px;top:-36px;right:-1000px;height:4750px;background:url(../images/business_info_line.gif) repeat-x 0 0;}
.bisiness-txt-content {position:relative;margin-top:130px;}
.bisiness-txt-content > h3 {display:block;position:relative;padding-left:16px;font-size:36px;font-weight:normal;line-height:42px;color:#343434;}
.bisiness-txt-content > h3:before {content:"";position:absolute;left:0;top:19px;width:5px;height:5px;border-radius:50%;background:#343434;}
.bisiness-txt-content > h3 + .info-area {margin-top:32px;}
.bisiness-txt-content .info-area {position:relative;min-height:580px;margin-top:62px;}
.bisiness-txt-content .info-area .img {position:absolute;width:530px;height:580px;}
.bisiness-txt-content .info-area .title {display:block;font-size:26px;font-weight:bold;line-height:32px;color:#005bac;}
.bisiness-txt-content .info-area .txt {display:block;margin-top:20px;font-size:16px;line-height:26px;color:#666;}
.bisiness-txt-content .info-area .link-btn {display:inline-block;position:relative;width:120px;height:50px;margin-top:43px;padding-left:16px;border:2px solid #005bac;font-size:15px;font-weight:400;line-height:46px;color:#005bac;}
.bisiness-txt-content .info-area .link-btn:after {content:"";position:absolute;right:18px;top:18px;width:11px;height:9px;background:url(../images/business_link_arrow.png) no-repeat 0 0;}
.bisiness-txt-content .info-area.left {padding:153px 57px 0 598px;}
.bisiness-txt-content .info-area.left .img {left:0;top:0;padding:30px 0 0 30px;}
.bisiness-txt-content .info-area.left .img:before {content:"";position:absolute;left:0;top:0;width:400px;height:450px;background:url(../images/business_img_bg.jpg) repeat 0 0;}
.bisiness-txt-content .info-area.left .img img {position:absolute;left:30px;top:30px;}
.bisiness-txt-content .info-area.right {padding:153px 600px 0 70px;}
.bisiness-txt-content .info-area.right .img {right:0;top:0;padding:30px 30px 0 0;}
.bisiness-txt-content .info-area.right .img:before {content:"";position:absolute;right:0;top:0;width:400px;height:450px;background:url(../images/business_img_bg.jpg) repeat 0 0;}
.bisiness-txt-content .info-area.right .img img {position:absolute;right:30px;top:30px;}

.site-wrap {overflow:hidden;margin:0px; width:100%;}
.site-area {float:left; width:33%; box-sizing:border-box;}
.site-area > .title {display:block;position:relative;height:60px;  font-size:18px; line-height:60px;color:#fff;}
.site-area > .title > a {display:block;position:relative;height:60px;padding-left:25px;background:#535eba;font-size:19px;line-height:60px;color:#fff;}
.site-area .list {padding-top:27px; padding-bottom:79px;}
.site-area .list > li > a {display:block;position:relative;padding-left:36px;font-size:18px;line-height:48px;color:#333;}
.site-area .list > li > a:hover {color:#535eba; text-decoration:border;}
.site-area .list > li > a:before {content:"";position:absolute;left:23px;top:21px;width:4px;height:4px;border-radius:50%;background:#333;}
.site-area .sub-list {padding:0 0 15px 0;}
.site-area .sub-list > li > a {display:block;position:relative;padding-left:50px;font-size:16px;line-height:32px;color:#666;}
.site-area .sub-list > li > a:hover {color:#4670bc;text-decoration:none;}

.site-area:nth-child(1) {padding-right:16px;border-right:1px solid #ccc; overflow:hidden;}
.site-area:nth-child(1) .list {height:315px;}
.site-area:nth-child(2) {padding:0 15px;border-right:1px solid #ccc;}
.site-area:nth-child(3) {padding:0 0 0 15px;}
.site-area:nth-child(3) .list {height:315px;}
.site-area:nth-child(3) > .title {background:#535eba;}


.privacy-wrap {font-size:16px;line-height:20px;color:#666;}
.privacy-wrap p {font-size:16px;}
.privacy-wrap > ol > li {margin-top:30px;}
.privacy-wrap > ol > li strong {font-weight:bold;}
.privacy-wrap > ol > li > p {padding:5px 0px;}
.privacy-wrap > ol > li > ol > li {font-size:15px; line-height:30px;}
.privacy-wrap > ol > li > ul > li {font-size:15px; line-height:30px;}
.privacy-wrap h3 {margin-bottom:10px;}
.privacy-wrap table {margin:15px 0px; border-top:2px solid #31517d; width:100%;}
.privacy-wrap th,
.privacy-wrap td {padding:14px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; font-size:16px;}
.privacy-wrap th {font-weight:500; color:#203168; letter-spacing:-1px; word-break:keep-all; line-height:1.6em; border-bottom-color:#31517d;}
.privacy-wrap th:first-child {border-left:none;}
.privacy-wrap td {font-weight:400; letter-spacing:-0.5px; word-break:keep-all; color:#545454; line-height:1.6em;}
.privacy-wrap td:first-child {border-left:none;}
.privacy-wrap td ul {padding-left:20px;}
.privacy-wrap td ul li {float:left; text-align:left; width:100%;}



/* 메인 */
.main .container {width:100%; padding:0px;}
.main .banner-nav {position:fixed;left:5%;top:50%; width:19px; margin:-68px 0 0 0;z-index:100;}
.main .banner-nav a {display:inline-block;position:relative;width:19px;height:20px;margin-bottom:16px;}
.main .banner-nav a:before {content:"";position:absolute;left:4px;top:7px;width:10px;height:10px;border-radius:50%;background:#005BAC;}
.main .banner-nav a span {display:none;position:absolute;right:30px;top:-3px;padding:0 18px;border-radius:13px;background:#e9e9e9;font-size:14px;line-height:26px;color:#121212;}
.main .banner-nav a:nth-child(4) span {width:100px;text-align:center;}
.main .banner-nav a.on {background:url(../images/main_navi_on.png) no-repeat 0 0;}
.main .banner-nav a.on:before {display:none;}
.main .banner-nav a.on span {display:inline-block;}
.section.num-1 .content {height:100%;}
.main-banner-area {position:relative;height:100%;}
.main-banner-area .slick-list {height:100%;}
.main-banner-area .slick-track {height:100%;}
.main-banner-area .banner {height:100%;display:table !important;}
.main-banner-area .banner a , .main-banner-area .banner span {display:block;height:100%;background:no-repeat center center;background-size:cover;}
/* .main-banner-area .banner.b-1 a , .main-banner-area .banner.b-1 span {background-image:url(../images/%40temp_main_banner1.jpg);} */
/* .main-banner-area .banner.b-2 a , .main-banner-area .banner.b-2 span {background-image:url(../images/%40temp_main_banner2.jpg);} */
.main-banner-area .banner.b-1 a , .main-banner-area .banner.b-1 span {background-image:url(../bg/bg1.jpg);display:table-cell;vertical-align:middle;font-size:48px;color:#ffffff;}
.main-banner-area .banner.b-2 a , .main-banner-area .banner.b-2 span {background-image:url(../bg/bg2.jpg);display:table-cell;vertical-align:middle;font-size:48px;color:#ffffff;}
.main-banner-area .slick-dots {position:absolute;left:0;right:0;bottom:52px;height:10px;text-align:center;}
.main-banner-area .slick-dots li {display:inline-block;margin:0 3px;}
.main-banner-area .slick-dots li button {display:inline-block;width:10px;height:10px;padding:0;border:none;border-radius:5px;background:#fff;text-indent:-9999px;vertical-align:top;-webkit-appearance:none;cursor:pointer;outline:none;}
.main-banner-area .slick-dots li.slick-active button {width:25px;}

.img_area .slick-dots {position:absolute;left:0;right:0;bottom:0px;height:10px;text-align:center;}
.img_area .slick-dots li {display:inline-block;margin:0 3px;}
.img_area .slick-dots li button {display:inline-block;width:10px;height:10px;padding:0;border:none;border-radius:5px;background:#005BAC;text-indent:-9999px;vertical-align:top;-webkit-appearance:none;cursor:pointer;outline:none;}
.img_area .slick-dots li.slick-active button {width:25px;}



/* 메인 공통 */
.fullpage .top-area .title {height:93px; color:#2d2d2d; padding-top:}
.fullpage .top-area .detail-txt {
    font-size:16px;line-height:26px;text-align:center;color:#666;}


.fullpage .num-2 .content {position:relative;width:1180px; height:854px; margin:0 auto;}
.fullpage .num-2 .top-area {position:absolute; top:39px ; width:1180px;  text-align:center; padding-top:95px; background:url('../images/bg_top-area_title.png') center 20px no-repeat;  }
.fullpage .num-2 .top-area .title {text-align:center; height:93px; color:#2d2d2d; margin-top:80px; font-size:45px; font-weight:700;}

.fullpage .num-2 .top-area .detail-txt {font-size:16px;line-height:26px;text-align:center; color:#666; margin-top:15px;}
.section.num-2 .business-list > li {position:absolute; top:200px; height:360px;}
.section.num-2 .business-list > li.list-1 {left:150px;width:280px;  }
.section.num-2 .business-list > li.list-2 {left:450px;width:280px;}
.section.num-2 .business-list > li.list-3 {left:750px;width:280px;}
.section.num-2 .business-list > li.list-4 {left:150px;width:280px;top:520px;}
.section.num-2 .business-list > li.list-5 {left:450px;width:280px;top:520px;}
.section.num-2 .business-list > li.list-6 {left:750px;width:280px;top:520px;}
.section.num-2 .business-list > li > a > img {border:1px solid #dfdfdf;width:240px;height:240px;border-radius:24px;}
.section.num-2 .business-list .title {display:block; margin:15px 0px 15px 0px;  font-size:27px; line-height:27px; color:#181818; text-align:center; font-weight:700;}
.section.num-2 .business-list .txt {margin-bottom:15px; font-size:15px; letter-spacing:-0.05em; line-height:23px;color:#8e8e8e; text-align:center; }
.section.num-2 .business-list .more-btn {display:block; width:64px; height:25px;  background: url(../images/main_award_more2.png) no-repeat; margin:0 auto; text-indent:-9999px;}


.fullpage .num-3 {background:#f7f7f7 url(../images/main_bg_3.png) no-repeat center center;background-size:cover;}
.fullpage .num-3 .content {position:relative;width:100%;height:100%;min-height:920px;margin:0 auto; padding-top:200px;}
.fullpage .num-3 .top-area {position:absolute; top:39px ; width:100%;  text-align:center; background:url('../images/bg_top-area_title2.png') center 20px no-repeat; padding-top:95px;}
.fullpage .num-3 .top-area .title {text-align:center; height:93px; color:#fff; margin-top:70px; font-size:45px; font-weight:700;}
.fullpage .num-3 .top-area .detail-txt {font-size:16px;line-height:26px;text-align:center; color:#fff; margin-top:15px;}


.fullpage .num-3 .ideology_wrap { position:relative; width:100%; height:420px;  margin-top:90px;}
.fullpage .num-3 .ideo_view {height:420px;}
.fullpage .num-3 .ideo_view {position: relative; }
.fullpage .num-3 .ideo_view {width:1500px; padding:0px 50px; margin:0 auto; position:relative;}
.fullpage .num-3 .ideo_view .ideo_box {float: left; box-sizing: border-box; width:1400px; height:420px;}
.fullpage .num-3 .ideo_view .ideo_box.ideo01{background:url('../images/ideology_slide01.png') no-repeat;}
.fullpage .num-3 .ideo_view .ideo_box.ideo02{background:url('../images/ideology_slide02.png') no-repeat;}
.fullpage .num-3 .ideo_view .ideo_box.ideo03{background:url('../images/ideology_slide03.png') no-repeat;}
.fullpage .num-3 .ideo_view .ideo_box.ideo04{background:url('../images/ideology_slide04.png') no-repeat;}
.fullpage .num-3 .ideo_view a {display:block; width:40px; height:97px; z-index: 9999; position:absolute; cursor:pointer;}
.fullpage .num-3 .ideo_view a.btn_left{background:url("../images/btn_busi_slide_left.png") no-repeat; left:0px; top:42%;}
.fullpage .num-3 .ideo_view a.btn_right{background:url("../images/btn_busi_slide_right.png") no-repeat; right:0px; top:42%;}



.section.num-4 {background:#f7f7f7; }
.section.num-4 .content {position:relative; width:1440px; height:907px;margin:0 auto; padding-top:100px; }
.section.num-4 .content .top-area{position:absolute; top:39px ; width:1440px;  text-align:center; padding-top:80px; background:url('../images/bg_top-area_title.png') center 0px no-repeat;}

.fullpage .num-4 .top-area .title {text-align:center; height:93px; color:#2d2d2d; margin-top:70px; font-size:45px; font-weight:700;}
.fullpage .num-4 .top-area .detail-txt {font-size:16px;line-height:26px;text-align:center; color:#666; margin-top:10px;}
.section.num-4 .content .pr-wrap {position:relative;}
.section.num-4 .content .pr-wrap .news-btn {position: relative;left: 82.555%; top:125px; padding:10px 20px; line-height:15px; border-radius:20px;border:1px solid #989898; font-size:15px;display: inline-block; color:#363636;}
.section.num-4 .content .pr-wrap a.news-btn:hover {border:1px solid #363636; font-weight:500;}
.section.num-4 .content .news-list {width:1180px;height:330px;margin:0 auto;margin-top:145px;background:#fff;padding:15px 70px;box-sizing:border-box;overflow:hidden;}
.section.num-4 .content .news-list .news-table {}
.section.num-4 .content .news-list .news-table table{width:100%; table-layout:fixed}
.section.num-4 .content .news-list .news-table table{width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box;}
.section.num-4 .content .news-list .news-table td{padding:24px 20px; border-top:1px solid #b8b8b8;  font-size:20px; vertical-align:middle; color:#3c3c3c; text-align:left;}
.section.num-4 .content .news-list .news-table td a {display:block; cursor:pointer;}
.section.num-4 .content .news-list .news-table td.n_date {font-size:20px; color:#878787; text-align: center; }
.section.num-4 .content .news-list .news-table tr:first-child td {border-top:0px;}
.section.num-4 .content .news-list .news-table .in-txt{padding:10px 0;}
.section.num-4 .content .news-list .news-table .title{text-align:left; max-width:700px; text-overflow:ellipsis; overflow:hidden; word-break: break-all; word-wrap: break-word; white-space:nowrap; float:left;}
.section.num-4 .content .news-list .news-table .icon_new {float:left; display:block; width:53px; height:21px; background:#707ad8; color:#fff; text-align:center; font-size:13px; line-height:21px; margin-left:8px;}


.section.num-4 .pr-list > li {position:absolute; top:580px; height:280px;}
.section.num-4 .pr-list > li.list-1 {left:0;width:480px; background:url('../images/bg_prbox_01.png')  }
.section.num-4 .pr-list > li.list-2 {left:480px;width:480px; background:url('../images/bg_prbox_02.png')}
.section.num-4 .pr-list > li.list-3 {left:960px;width:480px; background:url('../images/bg_prbox_03.png')}
.section.num-4 .pr-list .title {display:block;margin-top:50px;padding-left:26px;font-size:23px;line-height:30px;color:#ffffff;}
.section.num-4 .pr-list .txt {margin-top:26px; height:50px; padding-left:26px;padding-right:50px;font-size:16px;line-height:26px;color:#fff;}
.section.num-4 .pr-list .more-btn {display:block; height:44px; margin-top:15px;background: url(../images/main_award_more.png) no-repeat 20px 14px; text-indent:-9999px;}
.section.num-4 .content .top-area .more-btn {display:block; width:64px; height:25px;  background: url(../images/main_award_more2.png) no-repeat; margin:0 auto; margin-left:130px; text-indent:-9999px;}
.section.num-4 .pr-wrap > .more-btn {display:block; height:44px; margin-right:130px; background: url(../images/main_award_more2.png) no-repeat 20px 14px; background-position:right; text-indent:-9999px;}

.fund .info-view-area .detail-cnt {margin-top:29px;padding-top:55px;border-top:1px solid #eaeaea;}
.recu .sub-top-container {background:url("../images/sub_bg_1.jpg") no-repeat center 0;}/*채용공고*/

.prom .sub-top-container {background:url("../bg/bg2.jpg") no-repeat center 0;}/*고객지원*/
.comp .sub-top-container {background:url("../bg/bg2.jpg") no-repeat center 0;}/*회사소개*/
.business .sub-top-container {background:url("../bg/bg2.jpg") no-repeat center 0;}
.continue .sub-top-container {background:url("../bg/bg2.jpg") no-repeat center 0;}/*사업소개*/



	header.down {background:#005BAC;/*(16,35,53,0.75)*/ }
	header.down .menu-list > li > a {color:#fff;}
	header.down .menu-list > li.on > a , header.down .menu-list > li > a:hover {color:#65c2ff;}
	header.down h1 a {background:url("../images/oshin_logo_b.png") no-repeat center 0;}
	header.down .site-btn {background:url("../images/header_icon_down1.png") no-repeat 0 0;}
	header.down .site-btn:hover{background:url("../images/header_icon_overline2.png") no-repeat 0 0;}
	header.down .lang-btn {background:url("../images/header_icon_down2.png") no-repeat 0 0;}
	header.down .lang-btn:hover{background:url("../images/header_icon_overen.png") no-repeat 0 0;}
.picframe{width:1000px; height:432px; margin-top: 75px; }
.picframe .mainimg{width:650px; height: 423px; margin: 5px 0px 0px 15px; float: left;}
.picframe img{max-width:100% ;}
.textframe{width:240px; height: 400px; float: left; margin-top: 79px; margin-left: 50px;}
.textframe .text1{width:248px; height:50px; line-height: 55px; font-size:20px; color:#0059aa; z-index: 10; letter-spacing: -0.7px}
.textframe .cover{width:247px; height: 17px; background: #f1f9fc; position: absolute; top:230px; right: 40px; z-index:-10}
.textframe .text2{width:237px; height: 123px; line-height: 36px; font-size:27px; font-weight:bold; }
.textframe .textdetail{height: 139px; font-size:16px; line-height:27px; overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 5;
  -moz-box-orient: vertical;
 }
  .textframe .btnlink{width:120px; height:50px;  margin-top:30px; background:url(../images/look.png) no-repeat;}
  .textframe .btnlink a{float:left; position:relative; margin-right:12px; padding: 0 34px 0 24px; font-size:13px; color:#005bac; line-height:50px; }

#frame_pinterest{padding-bottom:5px;}
#pinterest_frame{width: 1000px; height:auto; margin-top: 50px; overflow:auto;}
.pic_first{width:230px; height: 147px;  margin-left: 15px; margin-top:18px; overflow: hidden; position: relative; float: left;}
.pic_first img{display:block; width:230px; height:147px;}
.pic_fifth{width:476px; height: 312px; margin: 17px 0px 0px 14px;  overflow: hidden; position: relative;  float: left;}
.pic_fifth img{display:block; width:480px; height:312px; margin:0 auto;}
.pic_thirdteenth{width:474px; height: 312px; margin:18px 20px 0px 7px; overflow: hidden; position: relative; float: right;}
.pic_thirdteenth img{display:block; width:480px; height:312px; margin:0 auto;}

/* 마우스 호버 기능 */
.cover {position:absolute; top:0; left:0; width:100%; height:100%; font-weight: bold;}
.cover h2 {width:175px; color:#fff; font-size:18px; line-height: 108px; transform: translateY(-100px); font-weight: bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin: 0 auto; margin-top:21px; text-align:center;}
.cover_fifth {position:absolute; top:0; left:0; width:100%; height:100%; }
.cover_fifth h2 { color:#fff; text-align:center; font-size:20px; margin-top:20px; line-height: 270px; transform: translateY(-185px); letter-spacing: 1px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cover_third {position:absolute; top:0; left:0; width:100%; height:100%;}
.cover_third h2 { color:#fff; text-align:center; font-size:20px; margin-top:20px; line-height: 270px; transform: translateY(-185px); letter-spacing: 1px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.pic_first:hover .cover { background:rgba(48,101,169,0.5); }
.pic_first:hover .cover h2 { transform: translateY(0px); font-weight: bold; letter-spacing: 1px;}
.pic_fifth:hover .cover_fifth { background:rgba(48,101,169,0.5); }
.pic_fifth:hover .cover_fifth h2 { transform: translateY(0px); font-weight: bold; letter-spacing: 1px;}
.pic_thirdteenth:hover .cover_third { background:rgba(48,101,169,0.5); }
.pic_thirdteenth:hover .cover_third h2 { transform: translateY(0px); font-weight: bold; letter-spacing: 1px;}

/* 마우스 호버 기능 */

.com-send-btn_down{margin-top: 20px; text-align: center;}
.com-send-btn_down a {display:inline-block; width:150px;height:50px;background:#eaeaea;font-size:16px; line-height:50px;color:#333;}
.com-send-btn_down a img{margin-top: 23px; margin-left: 10px;}

/*------------------- 한일인 관련 --------------- */

.view-title{display: block; font-weight: bold; color:#131210; font-size:30px; padding-bottom: 10px;}
.ment_first{color:rgb(0,0,0); font-size:20px; margin-bottom: 10px; margin-top: 10px;}
.ment_second{line-height: 30px; font-size:18px; margin-bottom: 30px;}
.story_frame{line-height: 24px; color:rgb(0,0,0); font-size:11px;}
.story_ment{display: block; margin:25px 0px 15px; color:#2468c7; font-weight:bold; font-size:18px;}
.story_frame img{display: block; max-width:100%; margin-bottom: 10px;}
/* ------------------------한일인이야기 코드(ok) -----------------*/

.protextFrame{position:relative; width:1018px;min-height:1530px; margin:0 auto; padding-bottom:130px;}
.promation_textFrame{width:1000px; height: 1090px; margin: 0 auto; margin-top: 83px;  border-top:1px solid #777777;}
.gallery_text{height: 51px; color:#707ad8; font-size:18px; line-height: 73px;}
.gallerymaintext{height: 80px; font-size: 42px; letter-spacing: -1px;}
.date{height: 80px; font-size:16px; border-bottom:1px solid #777777; box-sizing: border-box;}
.imgframe{border-bottom:1px solid #777777; box-sizing: border-box;}
.imgframe img{display: block; width:1000px; height: 649px; }
p{font-size:16px; line-height: 26px;}
p.pargram{margin-top: 42px; }
p.pargram_sub{margin-top: 27px;}


.text_list{height: 120px; margin-top: 82px; border-top:1px solid #777777; box-sizing: border-box;}
.list_txtframe{height:60px; border-bottom:1px solid #777777;}
.list_txtframe .arrow{width:46px; height: 60px; float: left;}
.list_txtframe .arrow img{display: block; margin-left: 28px; margin-top: 26px;}
.list_txtframe .text_sub{width:60px; height: 60px; float: left; line-height: 56px; font-size:16px; margin-left: 7px;}
.list_txtframe .text_main{width:150px; height: 60px; float: left; line-height: 56px; font-size: 16px; margin-left: 30px; letter-spacing: -0.2px;}
.downbox{width:130px; height: 50px; background: url(../images/download.jpg) no-repeat; float: right; margin-top: 21px; color:white; line-height: 50px; font-size:16px; padding-left:25px; cursor: pointer;}

/* 갤러리 뷰 관련 코드  */
.txt-cnt-frame{display: block; height: 220px; border-top: 1px solid #eaeaea;}
.txt-cnt-frame img{display: block; width:128px; height:169px; margin-top:40px; float: left; background: blue;}
.pro_main_txt{display: block; margin-top: 130px; padding-left: 143px; font-size:18px; font-weight:bold;}
.pro_main_title{display: block;  padding-left: 143px; margin-top: 3px; font-size:18px; font-weight:bold;}
.pro_main_day{display: block;  padding-left: 143px; margin-top: 8px; font-size:18px;}
.pro_info-list-area {position:relative;width:2000px; height: 550px; margin-top:20px;}
.pro_info-list-area li{float: left;width:324px; height: 200px; margin:40px 0px 0px 0px; }
.pro_info-list-area li:nth-child(4) {clear: both;}
.serach{width:1000px; height: 50px; }

/* 패밀리 사이트 */
.family-site-wrap {display:none;position:fixed;width:100%;height:100%;top:-20px;left:0;z-index:99;opacity:0}
.family-site-wrap .fs-bg {position:absolute; top:0; width:100%; height:100%; background:url(../images/family_bg.jpg) no-repeat center center; background-size:cover;}
.family-site-wrap .fs-cont {position:absolute;z-index:99;left:50%;top:50%;width:100%;max-width:1720px;height:100%;padding:55px 0 0 0;box-sizing:border-box;border-right:1px solid #424b72;transform:translate(-50%, -50%);}
.family-site-wrap .fs-cont .fs-tit {position:relative;left:29px;z-index:99;display:inline-block;margin-bottom:35px;font-size:30px;font-weight:500;color:#fff;letter-spacing:0}
.family-site-wrap .family-list {}
.family-site-wrap .family-list:after {content:"";display:block;clear:both}
.family-site-wrap .family-list > li {float:left;width:25%;height:355px;padding:0 29px}
.family-site-wrap .family-list > li:after {position:absolute;top:0;content:"";display:block;width:1px;height:100%;margin-left:-29px;background-color:#424b72}
.family-site-wrap .family-list > li > a {display:block}
.family-site-wrap .family-list > li .category {margin-bottom:15px;font-size:24px;color:#90b5e8}
.family-site-wrap .family-list > li .category.none {opacity:0}
.family-site-wrap .family-list > li .thum {position:relative;margin-bottom:15px}
.family-site-wrap .family-list > li .thum img {width:100%}
.family-site-wrap .family-list > li .tit {margin-bottom:10px;font-size:24px;font-weight:500;color:#fff}
.family-site-wrap .family-list > li .txt {font-size:14px;color:#bababa}
.family-site-wrap .family_cls {position:absolute;top:54px;right:30px;z-index:1;}
.family-site-wrap .family_cls a {display:block}

.family-site-wrap .family-list > li > a:hover .thum:before,
.family-site-wrap .family-list > li > a:focus .thum:before {position:absolute;z-index:99;top:0;left:0;right:0;bottom:0;content:"";display:block;background:url(../images/family_on.png) no-repeat center center;background-size:cover;}


@media all and (max-width:1100px) {
	html , body {overflow-x:hidden;min-width:320px;width:100%;font-size:14px;}
	.pc-only {display:none !important;}
	.mobile-only {display:table-cell !important;}
	header.on .content:before {display:none !important;}
	header.down .menu-list > li > a {color:#fff;}
	header {min-width:100%; background:#005BAC;}
	header h1 a {left:50%; top:25px; margin-left:-60px; width:120px; height:30px; background-size:120px 30px;}
	header .content {width:100%;}
	header .family-site-area {display:none; width:0px; height:0px;}
	header .site-btn {display:none;}
	header .lang-btn {display:none;}
	header .mobile-menu {display:block;position:absolute;left:20px;top:29px; width:25px;height:22px;background:url("../images/mobile_menu.png") no-repeat 0 0;text-indent:-9999px;}
	header nav {display:none;/*visibility:hidden;*/position:absolute;right:0;top:80px;width:100%;margin-left:0;z-index:-1;/*opacity:0;transition:opacity 0.5s ease , visibility 0.5s ease;*/}
	header nav.on {display:block;/*visibility:visible;opacity:1;*/z-index:10;}
	header .menu-list > li {float:none;}
	header .menu-list > li > a:hover {color:#97abff; }
	header .menu-list > li > a {display:block;position:relative;width:100%;height:60px;padding-left:38px;border-bottom:1px solid #5a5c62;background:#222222;font-size:18px;line-height:58px;text-align:left;color:#fff;}
	header .menu-list > li > a:before {position:absolute;left:auto;right:20px;top:25px;width:19px;height:10px;background:url("../images/mobile_menu_arrow.png") no-repeat 0 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	header .menu-list > li:first-child > a:before {display:block;}
	header .menu-list > li.on > a:before {-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
	header .menu-list > li.on >  ul.depth-2 {display:block;}
	header ul.depth-2 {display:none;}
	header ul.depth-2 > li > a {display:block;width:100%;height:60px;border-bottom:1px solid #5a5c62;background:#424242;font-size:16px;line-height:58px;padding-left: 60px;color:#fff;}
	header ul.depth-2 > li > a > .small {display:inline-block;margin-left:8px;font-size:12px;color:#b6b8c1;letter-spacing:-1px;}
	header.down h1 a {background-size:120px 30px;}
	header.down .mobile-menu {background:url("../images/mobile_menu.png") no-repeat 0 0;}
	footer .content {position:relative; width:100%; padding:10px 20px 30px; background:#005BAC; }
	footer a.logo {display:none;}
	footer .btn-list {margin-top:30px;}
	footer .btn-list li a {font-size:14px;}
	footer .btn-list li:last-child:after{display:none;}
	footer .family-area {position:absolute; left:0px; top:0px; width:100%; height:60px; background:#242424; }
	footer .family-area .family-site .title {width:100%; background:#242424; color:#fff; border:0px; padding-left:20px; font-size:17px; color:#e1e1e1;}
	
	
	
  /* 반응형 추가 사항 */
  .slick-prev{ width:34px; height:52px; background:url('../images/m_btn_slide_left.png') no-repeat !important;}
  .slick-next{right: 0px; width:34px; height:52px; background:url('../images/m_btn_slide_right.png') no-repeat !important;}    
  .pro_info-list-area {max-width:100%; margin:40px 20px 0;}
  .pro_info-list-area li{width:29%; height: auto;}
  .txt-cnt-frame{max-width:100%;}
  .pro_main_txt{font-size:18px;}
  .pro_main_title{font-size:18px; margin-top: 5px;}
  .pro_main_day{font-size:18px;}
  .picframe{max-width:100%; height:auto;}
  .picframe img{display: block; max-width:100%; }
  .textframe{width:71%; height: auto; margin-top: 20px; margin-bottom: 20px;}
  .picframe .mainimg{max-width: 90%; height: auto;}
  .textframe .text1{width:300px;}
  .textframe .text2{width:100%; height: auto; margin-bottom: 10px;}
  .textframe .textdetail{width:87%; height: auto; margin-top: 20px;}
  .textframe .btnlink{margin-top:15px;}
  button.btn_style{margin-left: 33%;}

#pinterest_frame{width:100%; height: 1000px; margin-top:833px; margin-left: 0%;}
.pic_thirdteenth{margin: 19px 20px 0px 0px;}
}

@media all and (max-width:850px) {

	/* 공통 */
	#wrap {overflow:hidden; width:100%; min-width:100%; font-size:14px;}
	.footer_notice {position:fixed; left:0px; bottom:0px; width:100%;}
	.container_wrap {padding:0px;}
	.container_wrap .history-content .info-area {width:100%; padding:0px; margin-bottom:0px;}	
	.sub-top-container { /* padding-top:178px; background-size:cover;*/ display:none; height:0px;}
	.container .info-area {margin-bottom:50px;}
	.container .title_h4 {font-weight:400; font-size:1.7em; line-height:28px;}
	.container .subtxt_h4 {font-size:1.2em; line-height:1.5em;}
	.container .title_h5 { font-size:1.2em;}
	.container .subtxt_h5 {font-size:16px; height:27px; height:auto; margin-bottom:20px;}
	.container .title_h5_c {font-size:23px; font-weight:400; margin-bottom:15px;}
	.location-content {display:none;}
	.text-info-content {margin: 10% 0px 15% 0px; padding-bottom:0px;}
	.text-info-content .title {font-size: 2.0em;line-height: 1.1em;}
	.text-info-content .deco_title {font-size: 1.0em;padding-top:8px;}

	.text-info-content + .company-info-content {margin-top:50px;}

	.company-info-content {margin-top:50px;}
	.company-info-content .sub-title {height:88px;margin-top:10px;font-size:34px;line-height:44px;}
	.company-info-content .txt {}
	.company-info-content .txt_summary{padding-left:0px; margin-top:230px;}
	.company-info-content.bg-1:before {position:absolute;left:0;right:0;top:150px;width:100%;height:190px;background-size:auto 100%;background-position:center center;}
	.company-info-content.bg-2:before {position:absolute;left:0;right:0;top:130px;width:100%;height:190px;background-size:auto 100%;background-position:center center;}
	.company-info-content.bg-3:before {position:absolute;left:0;right:0;top:183px;width:100%;height:190px;background-size:auto 100%;background-position:center center;}
	.company-info-content.bg-4:before {position:absolute;left:0;right:0;top:150px;width:100%;height:190px;background-size:auto 100%;background-position:center center;}

	.container_wrap .container .history-tab .depth02-button a span {font-size:15px;}
	.container_wrap .container {width:100%; min-height:auto; padding:80px 17px 70px !important; box-sizing:border-box;}
	
	/* table */
	.table_style table th {word-break:break-all !important;}
	.table_style table td {word-break:break-all !important;}
	.table_style table.table02 th {word-break:break-all !important;}
	.table_style table.table02 td {word-break:break-all !important;}
	.com-table th {background:#9f9f9f;font-size:14px;font-weight:normal;text-align:center;color:#fff;}
	.com-table td {padding:5px; font-size:14px; line-height:20px; height:auto; text-align:center;}
	
	.com-send-btn.center a {width:120px;}

	
	.costomer-content {margin-top:50px;}
	.costomer-content > .d-txt + .d-txt {margin-top:40px;}
	.costomer-content .com-table .line label {width:80px;text-align:center;}
	.costomer-content .com-table.input th {padding-left:5px;}
	.costomer-content .com-table.input td {padding:10px 15px;}
	.costomer-content .com-table.input input[type="text"].name {width:100%;}
	.costomer-content .com-table.input input[type="text"] {width:100%;}
	.costomer-content .com-table.input input[type="file"] {width:100%;}

	/* TAB */
	.history-content .history-tab {padding:0px; width:100%; margin-bottom:0px;}
	.container .history-tab {margin-bottom:10%;}
	.container .history-tab .btn-area {border-bottom:0px;display:table;width:100%; margin-top:30px;}
	.container .history-tab a {display:blok; position:relative; width:100%; height:58px; font-size:18px; line-height:49px; text-align:center; color:#979797; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-top:1px solid #c7c7c7;}
	.container .history-tab a:last-child { border-bottom:1px solid #c7c7c7; }
	.container .history-tab a:after {display:none;}
	.container .history-tab a:last-child:after {display:none;}
	.container .history-tab a.on{background:#005BAC; color:#005BAC; border-left:1px solid #005BAC; border-right:1px solid #005BAC; border-top:1px solid #005BAC;font-weight:400;}
	.container .history-tab a:hover {font-weight:400; border-bottom:0px; }
	.container .history-tab a:last-child:hover {border-bottom:1px solid #c7c7c7;}
	
	.container .history-tab .depth02-tab1 {}
	
	.container .linked-tab .btn-area {border-bottom:0px;}
	.container .linked-tab .btn-area a {display:block; position:relative; width:50% !important; height:58px; font-size:18px; line-height:18px; padding:15px 0px;
	margin:0px; text-align:center; color:#979797; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-top:1px solid #c7c7c7; box-sizing:border-box; }
	.container .linked-tab .btn-area a:last-child { border-bottom:1px solid #c7c7c7; }
	.container .linked-tab .depth02-tab5 a.lst {border-right:1px solid #c7c7c7;}
	.container .linked-tab .btn-area a:after {display:none;}
	.container .linked-tab .btn-area a:last-child:after {display:none;}
	.container .linked-tab .btn-area a.on{background:#005BAC; color:#fff; border-left:1px solid #005BAC; height:58px; line-height:18px; border-right:1px solid #005BAC; border-top:1px solid #005BAC; font-weight:400;}
	.container .linked-tab .btn-area a:hover { border-bottom:0px; font-weight:400; padding:15px 0px 15px 0px; line-height:18px;}
	.container .linked-tab .btn-area a:last-child:hover {border-bottom:1px solid #c7c7c7;}	
	.container .linked-tab .depth02-tab4 a.lst {border-right:1px solid #c7c7c7;}
	
	
	.container .history-tab a span {font-size:15px;} 
	.container .history-tab .depth02-tab2 {border-left:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
	.container .history-tab .depth02-tab2 a {width:50%;border-left:0px;border-right:1px solid #c7c7c7;border-top:1px solid #c7c7c7;height: 55px;line-height: 43px;}
	.container .history-tab .depth02-tab2 a:last-child {border-bottom:0px;}
	
	.container_wrap .container .history-tab .depth02-button {width:100%; margin:0px;}	
	.container_wrap .container .history-tab .depth02-button a {width:50%; border-radius:0px; background:#f6f6f6; color:#858585; font-weight:400; border-top:2px solid #f6f6f6; min-width:auto; padding:10px 30px; }
	.container_wrap .container .history-tab .depth02-button a.on {background:#fff; font-weight:400; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; color:#3c3c3c; border-top:3px solid #535dba;}
	.container_wrap .container .history-tab .depth02-button a.on:hover {background:#fff;}
	.container_wrap .container .history-tab .depth02-button a:hover {border-bottom:0px; background:#f6f6f6; color:#858585;}
	

	.container_wrap .container .history-tab .btn-area.depth02-tab3 {width:100%;}	
	.container_wrap .container .history-tab .btn-area.depth02-tab3 a {position:relative; width:20%; padding:0px; border-radius:0px; background:#f6f6f6; color:#858585; font-weight:400; border-top:2px solid #f6f6f6; border-right:0px; border-left:0px; border-bottom:0px; }
	.container_wrap .container .history-tab .btn-area.depth02-tab3 a:before {position:absolute; content:""; width:1px; height:20px; background:#d9d9d9; right:0px; top:10px;}
	.container_wrap .container .history-tab .btn-area.depth02-tab3 a.no_bf:before {display:none;}
	.container_wrap .container .history-tab .btn-area.depth02-tab3 a.on:before {display:none;}
	.container_wrap .container .history-tab .btn-area.depth02-tab3 a.on {background:#fff; font-weight:400; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; color:#3c3c3c; border-top:1px solid #d9d9d9;}
	.container_wrap .container .history-tab .btn-area.depth02-tab3 a:hover {border-bottom:0px; backgroud:#f6f6f6; border-bottom:0px;}
	
		
	
	.container .linked-tab .depth02-tab4 {border-top:0px; border-left:0px; border-right:0px;}
	.container_wrap .container .history-tab .btn-area.depth02-tab4 a {position:relative; width:33%; padding:0px; border-radius:0px; background:#f6f6f6; color:#858585; font-weight:400; border-top:2px solid #f6f6f6; border-right:0px; border-left:0px; border-bottom:0px; }
	.container_wrap .container .history-tab .btn-area.depth02-tab4 a:before {position:absolute; content:""; width:1px; height:20px; background:#d9d9d9; right:0px; top:10px;}
	.container_wrap .container .history-tab .btn-area.depth02-tab4 a.no_bf:before {display:none;}
	.container_wrap .container .history-tab .btn-area.depth02-tab4 a.on:before {display:none;}
	.container_wrap .container .history-tab .btn-area.depth02-tab4 a.on {background:#fff; font-weight:400; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; color:#3c3c3c; border-top:1px solid #d9d9d9;}
	.container_wrap .container .history-tab .btn-area.depth02-tab4 a:hover {border-bottom:0px; backgroud:#f6f6f6; border-bottom:0px;}
	.container .linked-tab .depth02-tab5 {border-left:0px; border-right:0px; border-top:0px;}
	
	
	/* 회사소개 */
	.company-info-content {}	
	.company-info-content .title {font-size:1.3em; line-height:25px; text-align:center; padding-bottom:0px; margin-bottom:20px; } 
	.company-info-content .title:after {display:none;}
	.company-info-content.bg-1 {margin-bottom:20px;}
	.company-info-content.bg-2 {overflow:hidden; margin-top:0px;}
	.company-info-content .txt_summary {margin-top:172px;padding-left:385px;font-size:16px;line-height:30px;color:#666;}
	.company-info-content .txt {font-size:1.0em; line-height:1.8em; color:#3c3c3c; margin-top:15px;}
	.company-info-content.bg-1 .m_img {display:block; width:100%;}
	.company-info-content.bg-1 .m_img img {display:block; width:100%;}
	.company-info-content.bg-2 .img {display:none;}
	.company-info-content.bg-2 .img_name {width:148px; height:43px; background-size:148px 43px;}
	.company-info-content.bg-2 .txt {margin-top:0px; padding-bottom:110px;}	
	.familysite-info-content .family-area .btn-area a {font-size:!5px;}
	
	
	/* 연혁 */
	.container_wrap .history-content .h-bg01,
	.container_wrap .history-content .h-bg02,
	.container_wrap .history-content .h-bg03,
	.container_wrap .history-content .h-bg04 {background:none; min-height:none;}
	.hitory-content {margin-top:45px;}
	.hitory-content .photo-area {width:100%; margin-left:0px;}
	.hitory-content .photo-area img {width:100%;}
	.hitory-content .photo-area div {width:100%; height:auto; background-size:cover;}
	.hitory-content .photo-area .history_photo_to2011{background:none; background-size:cover; }
	.hitory-content .photo-area .history_photo_to2011 .m_img {display:block; width:100%;}
	.hitory-content .photo-area .history_photo_to2001{background:none; background-size:cover; }
	.hitory-content .photo-area .history_photo_to2001 .m_img {display:block; width:100%;}
	.hitory-content .photo-area .history_photo_to1991{background:none; background-size:cover; }
	.hitory-content .photo-area .history_photo_to1991 .m_img {display:block; width:100%;}
	.hitory-content .photo-area .history_photo_to1974{background:none; background-size:cover; }
	.hitory-content .photo-area .history_photo_to1974 .m_img {display:block; width:100%;}	
	.hitory-content .history-txt .ybox {margin-bottom:30px;}
	.hitory-content .info-area {margin-top:20px;}
	.hitory-content .info-area .year-box {width:100%; padding:7% 5%; border:0px solid #e7e7e7; }
	.hitory-content .history-txt li .month {font-size:16px;}
	.hitory-content .history-txt li .txt {font-size:15px;}


	/* 기업정보 - 경영이념 */
	.manage_philosophy .manage_philo_wrap {margin-bottom:0px !important;}
	.manage_philosophy .manage_philo_wrap .manage_philo_box {padding:0px 0px 0px 135px; float:left; width:100%; height:auto; margin-bottom:60px; clear:both;}
	.manage_philosophy .manage_philo_wrap .manage_philo_box strong {display:inline-block; text-align:left; width:100%; font-size:21px;}
	.manage_philosophy .manage_philo_wrap .manage_philo_box p {text-align:left;font-size:15px;line-height:22px;word-break: break-all !important;text-align: justify;}
	.manage_philosophy .manage_philo_wrap .icon_img_list {display:none; height:0px; }
	.manage_philosophy .manage_philo_wrap .mpbox01 {background:#fff url('../images/icon_mpbox01.png') left center no-repeat; background-size: 110px 110px; }
	.manage_philosophy .manage_philo_wrap .mpbox02 {background:#fff url('../images/icon_mpbox02.png') left center no-repeat; background-size: 110px 110px; }
	.manage_philosophy .manage_philo_wrap .mpbox03 {background:#fff url('../images/icon_mpbox03.png') left center no-repeat; background-size: 110px 110px; }
	.manage_philosophy .manage_philo_wrap .mpbox04 {background:#fff url('../images/icon_mpbox04.png') left center no-repeat; background-size: 110px 110px; }
	
	
	/* 기업정보 - 오시는길 */
	.map-content {border:1px solid #e7e7e7; padding:30px 15px;}
	.map-content .com-send-btn {display:none;}
	.map-content .location-info {width:100%;}
	.map-content .location-info li {font-size:15px;}
	.map-content #map-area {width:100%; height:auto; max-height:390px;}
	.organization-chart {margin-top:40px; display:none;}
	.organization-chart_m {margin-top:0px; margin-bottom:50px; display:inline-block;}
	.organization-chart_m img {display:block;width:100%;}

	/* ci */
	.ci-content {margin-top:0px;}
	.ci-content .itro_txt { font-size:20px; letter-spacing:-0.07em;}
	.ci-content .info-area {margin-top:40px;}
	.ci-content .ci-system {width:100%;}
	.ci-content .ci-system div.img {width:100%;}
	.ci-content .ci-system div.img img{width:100%;}
	.ci-content .ci-system .detail-txt {width:100%; font-size:15px; margin-top:30px; padding-top:0px; line-height:28px;}
	.ci-content .ci-system02 li.img-cnt {width:49%; margin-right:2%; margin-bottom:30px;}
	.ci-content .ci-system02 li.img-cnt .title {padding-bottom:5px; font-size:18px;}
	.ci-content .ci-system02 li.img-cnt.m-mg {margin-right:0%;}
	.ci-content .ci-system02 li.img-cnt img {width:100%;}
	.ci-content .sub-line {margin-top:0;}
	.ci-content .sub-line.num-2 .img-cnt {width:100%;margin-left:0;}
	.ci-content .sub-line.num-4 .img-cnt {width:50%;margin-left:0;}
	.ci-content .img-cnt > .title {margin-bottom:10px;display:block;font-size:18px;line-height:28px;color:#666;}


	.map-content {margin-top:20px;}
	.map-content .com-table.type-2 th {width:25%;}
	.map-content .com-table.type-2 td {width:75%;padding-left:15px;}
	.map-content .map-area {margin-top:25px;}
	.map-content .map-area > img {display:block;width:100%;}

	.business-info-content .business_slide_wrap .img_area .slick-prev {height:53px;}
	.business-info-content .business_slide_wrap .img_area .slick-next {height:53px;}
	

	/* 계열사소개  */
	.familysite-info-content .hitory-content {width:100%;}
	.familysite-info-content .family-area {width:100%;}
	.familysite-info-content .family-area .img {width:100%; margin-bottom:25px; float:none; }
	.familysite-info-content .family-area .img img {display:block; width:100%;}
	.familysite-info-content .family-area .detail {width:100%; float:none; letter-spacing:-0.05em !important; font-size:15px; line-height:27px; }
	.familysite-info-content .family-area .btn-area {width:100%; clear:both; position:relative; height:55px; margin-top:55px; }
	
	/* remix 레믹스  */
	.container_wrap .business-info-content2 {padding:70px 25px 70px !important;}
	.container_wrap .business-info-content2 .detail-content.bg_remix {width:100%; padding:0px 0px 200px 0px; background:url('../images/bg_remix_intro.jpg') center bottom no-repeat;  background-size:contain;}
	
	.remix-content .remix_box {width:100%; margin-top:45px;}
	.remix-content .remix_box span.img {width:100%; box-sizing:border-box; background:url('../images/bg_remix_03.jpg') center center no-repeat; background-size:contain; }
	.remix-content .remix_box div {display:block; float:right; width:100%; padding-top:35px;}
	.remix-content .remix_box div table {width:100%; text-align:center; font-size:18px; }
	.remix-content .remix_box div table th {font-weight:400; font-size:16px; width:23%;}
	.remix-content .remix_box div table td {font-size:15px;}
	.remix-content .bi_b01 div {width:100%;}
	.remix-content .bi_b01 div img{display:block; width:100%; margin:0 auto; }
	.remix-content .bi_b01 .detail-txt {width:100%; word-break:breal-all !important; font-size:16px; line-height:30px;}
	.remix-content .bi_b02 li {width:100%;}
	.remix-content .bi_b02 li:first-child {margin-bottom:30px; }
	.remix-content .bi_b02 .bi-color-info {position:relative; margin-bottom:10px;}
	.remix-content .bi_b02 .bi-color-info span.color01,
	.remix-content .bi_b02 .bi-color-info span.color02 {width:110px; height:110px; position:absolute; left:0px; top:0px;}
	.remix-content .bi_b02 .bi-color-info ul {width:100%; padding-left:50%; padding:3% 0px;}
	.remix-content .bi_b02 .bi-color-info ul li{padding-left:150px; text-align:left; font-size:13px; margin-bottom:0px; padding-left:70%; line-height:20px; }
	.remix-content .bi_b02 .bi-color-info ul li.str {position:absolute; font-size:14px; width:70%; left:0px; top:20px; font-weight:600; padding-left:110px; text-align:center;}
	.remix-content .bi_b02 .bi-color-info ul li.mgb_40 {position:absolute; font-size:14px; width:70%; left:0px; top:50px; font-weight:600; padding-left:110px; text-align:center;}
	.remix-content .bi_b03 li {width:100%;}	
	.remix-content .bi_b04 li {width:100%;}
	.remix-content .bi-system-box {}
	.remix-content .bi-system-box li {margin-bottom:30px;}
	.remix-content .bi-system-box li.img-cnt img.pc_img {display:none;}
	.remix-content .bi-system-box li.img-cnt img.m_img {display:block; width:100%;}
	 
	
	/* 사업소개 - 레미콘 */
	.container_wrap .business-info-content2 .detail-content {padding:0px;}
	.business-info-content .business_slide_wrap .img_area {width:100%; min-height:280px; height:auto;}
	.business-info-content .business_slide_wrap .img_area .img_box {max-height:250px}
	
	.transport-info-content .transport_slide_wrap .img_area {width:100%; min-height:280px; height:auto;}
	.transport-info-content .transport_slide_wrap .img_area .img_box {max-height:250px}
	
	.business-info-content .business_slide_wrap .img_area .img_box.img01,
	.business-info-content .business_slide_wrap .img_area .img_box.img02,
	.business-info-content .business_slide_wrap .img_area .img_box.img03,
	.business-info-content .business_slide_wrap .img_area .img_box.img04,
	.business-info-content .business_slide_wrap .img_area .img_box.img05 { background-size:cover;}
	
	.business-info-content .img_title_list span {width:210px; clear:both;}
	.business-info-content .img_title_list li p {width:100%; margin-left:0px; padding-left:0px; font-size:17px;}
	.business-info-content .img_title_list li p:before {display:none;}
	.business-info-content .img_remicon_intro {width:100%; height:300px; background-size:cover;}
	.business-info-content .remicon_process object {width:100%;}
	.business-info-content .remicon_process object {display:none;}
	.business-info-content .remicon_process img{display:block !important; margin:0 auto; width:100%; margin-top:10px; }
	.info-area .location_layout {padding-bottom:0px;}
	.info-area .location_layout .map_img {width:100%; height:auto;}
	.info-area .location_layout .map_img img{display:block; width:100%; position:inherit; }
	.info-area .location_layout .location_info{position:initial; padding:20px 0px; clear:both; width:100%; height:auto; background:none; }
		
	.info-area .location_layout .location_info.li_bg03 {bottom:130px !important;}
	.info-area .location_layout .location_info .mgt20 {margin-top:20px;}
	.info-area .location_layout .location_info.li_bg02{ height:auto; background:none !important; }
	.info-area .location_layout .location_info.li_bg03{ height:auto; background:none !important; }
	.info-area .location_layout .location_info.li_bg02 .stitle {margin-top:25px; }
	.info-area .location_layout .location_info.li_bg02 .stitle:before {position:absolute; width:5px; height:2px; left:0px; top:50%;}
	.info-area .location_layout .location_info.li_bg02 .mg15 {margin-top:0px;}
	.info-area .location_layout .location_info.li_bg02 .stitle {position:relative; border-right:0px;}
	.info-area .location_layout .location_info.li_bg02 .stitle {border-bottom: 1px solid #ccc;}
	.info-area .location_layout .location_info.li_bg02 .stitle strong {width:90%; border-bottom:0px;}
	.info-area .location_layout .location_info.li_bg02 .stitle span {width:10%; border-bottom:0px;}
	.info-area .location_layout .location_info.li_bg02 .stitle:after {content:""; position:absolute; width:7px; height:2px; left:0px; top:45%; background:#818bdf; }
	.info-area .location_layout .location_info.li_bg02 .stitle strong{color:#818bdf; background:none; color:#818bdf; font-size:18px; position:relative; padding-left:12px; font-weight:500; text-align:left;} 
	
	
	.info-area .location_layout .location_info ul {padding:0px; width:100%; border-top:1px solid #cccccc;  }
	.info-area .location_layout .location_info ul li {width:100%; clear:both; overflow:hidden; padding:0px; font-size:17px; letter-spacing:-0.04em !important; border-right:1px solid #cccccc;}
	.info-area .location_layout .location_info ul li:last-child {border-bottom:0px;}
	.info-area .location_layout .location_info ul li strong {width: 27%; font-size:14px; float:left;padding: 15px 0px;text-align:center; height:54px; font-weight: 300; color:#fff;background: #707ad8;border-bottom: 1px solid #a9afe8;letter-spacing: -0.05em !important;}
	.info-area .location_layout .location_info ul li.info02 strong {background:#8a8a8a; color:#fff; border-bottom:1px solid #ddd;}		
	.info-area .location_layout .location_info ul li span {width:73%; float:left; font-size:14px; padding:15px 0px 15px 5px; text-align:left; height:54px; border-bottom: 1px solid #969696;  }
	.info-area .location_layout .location_info ul li span b {font-weight:normal; margin-left:0px;}
	.info-area .location_layout .location_info ul li.mgt20 span {border-top:1px solid #ccc;}
/* 	.info-area .location-info {display:none;}	 */
	.info-area #map-area {width:100%; } 
	.text-info-content + .business-info-content {margin-top:40px;}
	.business-info-content {margin-top:40px;}
	.business-info-content .info-area {margin-top:10px;}
	.business-info-content .info-area .left-cnt {width:100%;}
	.business-info-content .info-area .right-cnt {width:100%;margin-top:10px;}
	
	
	/* admixture 혼화제 */
	.btn_wrap a {margin-left:10px;}
	.btn_wrap a.btn_go {font-size: 15px;padding: 15px 37px 15px 14px;background: #707ad8 url('../images/icon_go.png') 93% 50% no-repeat;}
	.btn_wrap a.btn_go:hover {background:#535dba url('../images/icon_go.png') 93% 50% no-repeat;}
	.btn_wrap a.btn_cata_down {font-size:15px; height:48px; width:150px;}
	.business-info-content .img_admixture_intro01 img{display:block; width:100%; background:none; height:auto;}
	.business-info-content .img_admixture_intro02 img{display:block; width:100%; background:none; height:auto;} 
	.business-info-content .img_title_list.itl02 li{width:100% !important; margin-bottom:40px;}
	.business-info-content .img_title_list.itl02 li span {width:32%; float:left; clear:none;}
	.business-info-content .img_title_list.itl02 li p {width:68%; padding-left:25px; float:left; clear:none;}
	.business-info-content .img_title_list.itl03 li{width:100% !important; margin-bottom:40px;}
	.business-info-content .img_title_list.itl03 li span {width:32%; float:left; clear:none;}
	.business-info-content .img_title_list.itl03 li p {width:68%; padding-left:30px; float:left; clear:none;}

	/* 유기재 */
	.business-info-content .business_slide_wrap .img_area .img_box.img_org01 {background-size:contain;}
			
	.continue-txt-content {margin-top:40px;background-position:center 0;background-size:320px auto;}
	.continue-list-txt {padding:0;}
	.continue-list-txt {margin-top:40px;}
	.continue-list-txt .title {display:block;position:static;left:auto;top:auto;margin:0;}
	.continue-list-txt .list {margin-top:15px;padding-top:0 !important;}
	.continue-list-txt .list li {padding-left:8px;font-size:16px;line-height:26px;color:#666;text-indent:-8px;padding-right:0px;}

	.continue-info-content {margin-top:40px;}
	.continue-info-content .photo-area {height:auto;margin-top:30px;}
	.continue-info-content .photo-area .img {display:block;position:relative;right:auto;top:auto;width:100%;margin-top:20px;}
	.continue-info-content .photo-area > .txt {padding:0;}
	.continue-txt-content .imgpc {display:none; margin:bottom:20px;}
	.continue-txt-content .imgmo {display:block; margin:bottom:20px; width:100%;}


	.text-info-content + .detail-content {margin-top:40px;}


	.detail-content > .top-title {font-size:20px;line-height:36px;text-align:center; color:#343434;}
	.detail-content {margin-top:40px;}
	.detail-content > h4 {margin-top:25px;}
	.detail-content .btn-area a {width:100%;margin-right:0;margin-bottom:10px;}
	.detail-content .table-area {/* overflow-x:scroll; */width:100%;}
	.detail-content .table-area .com-table {width:100%;}
	.detail-content > .b-txt {margin-top:10px;}
	.detail-content > .b-txt .txt {display:block;}
	.detail-content > .b-txt .sub {display:block;margin-top:10px;text-align:right;}
	.iframe-content {width:100%;margin-top:40px;}

	.common-paging {height:20px;margin-top:25px; margin-bottom:25px;}

	.com-search select {width:70px; font-size:13px; height:45px;}
	.com-search input {width:calc(100% - 165px); height:45px;}
	.com-search{margin: 0px; height:45px;}
	.com-search a.btn {height:45px;line-height:45px;}	

	.info-view-area {margin-top:45px;}
	.info-view-area > .day {margin-top:10px;line-height:26px;}
	.fund .info-view-area .detail-cnt {padding:20px 0;}
	.info-view-area .link-cnt .txt {width:115px;}

	.info-list-area {width:100%;margin:40px 0 0; background:none;}
	.info-list-area .list {width:100%;}
	.info-list-area li {width:100%;height:auto;margin:0 0 30px;}
	.info-list-area li:last-child {margin-bottom:0;}
	.info-list-area li a {display:block;}
	.info-list-area li .img {display:block;width:100%;height:auto;}
	.info-list-area .txt-cnt {height:auto; padding-bottom:30px;}
	.info-list-area .txt-cnt .title {height:auto;}
	.info-list-area .txt-cnt .day {margin-top:20px;}
	
	/* 채용 */
	
	.recruit-info-content .btn_wrap .recruit_btn td {width:100% !important; }
	.recruit-info-content .hanilm ul.box_list { width:100%; padding:0px 0px 35px 0px;}
	.recruit-info-content .hanilm ul.box_list li {width: 48.5%;margin-right: 3%;margin-bottom:3%;}
	.recruit-info-content .hanilm ul.box_list li.mgr {margin-right:0px;}
	.recruit-info-content .hanilm ul.box_list li div {width:initial;height:initial;font-size: 1.0em;line-height: 1.7em;padding: 20px 0px;min-height: 87px;}
	.recruit-info-content .hanilm ul.img_list {width:100%;clear:both;padding: 0px 10px;}
	.recruit-info-content .hanilm ul.img_list li {position:relative;width:100%;min-height:auto;margin: 0px 0px 50px 0px;text-align:left;float:left;padding: 5px 0px 0px;}
	.recruit-info-content .hanilm ul.img_list li > span {position:absolute;display:block;width: 110px;height: 110px;left:0px;top:0px;margin-bottom:0px;background-size: 110px 110px !important;font-size: 14px;}
	.recruit-info-content .hanilm ul.img_list li strong {padding-left: 130px;text-align:left;font-size: 1.3em;}	
	.recruit-info-content .hanilm ul.img_list li p {padding-left: 130px;text-align:left;margin-top: 8px;font-size: 1.0em;line-height: 25px;}
	.recruit-info-content .hanilm ul.img_list li p >span {position:none; display:bloc}
	
	.recruit-info-content .btn_wrap .recruit_btn {width:100%}
	.recruit-info-content .btn_wrap .recruit_btn li {width:100%; float:none;margin-bottom: 10px;}
	.recruit-info-content .btn_wrap .recruit_btn li a {display:block;padding: 15px 30px;background:#707ad8;font-size:16px;text-align:center;max-width:350px;color:#fff;width: 90%;margin: 0 auto;}
	.recruit-info-content .btn_wrap .recruit_btn li a:hover{background:#535dba;}
	.recruit-info-content .btn_wrap .recruit_btn li a.down {text-indent:-25px; background:#707ad8 url("../images/icon_down01.png") 85% 46% no-repeat;}	
	
	.recruit-info-content .info-area .list_style01 li {font-size:15px;line-height: 26px;}
	.recruit-info-content .info-area .list_style01 li:before {top: 11px;}
	.recruit-info-content .info-area .no-list_style01 {font-size:18px;color:#3c3c3c;line-height: 1.5em;margin-bottom:40px;overflow:hidden;font-size: 1.0em;}
	.container .detail_h5 {margin-bottom:50px;}
	.recruit-info-content .recu_process {}
	.recruit-info-content .recu_process li {width: 97px;height: 97px;float:left;border:2px solid #707ad8;border-radius:75px;padding-top:30px;text-align:center;font-size: 15px;color:#3c3c3c;margin-right: 5%;margin-bottom:4%;/* min-height: 100px; */}
	.recruit-info-content .recu_process li:before {right: -15px;top: 41px;color:#363636;padding:20px 0px;}
	.recruit-info-content .recu_process li span {positon:relative;display:block;width:20px;padding-bottom: 5px;width:100%;font-weight:bold;font-size: 13px;}
	.recruit-info-content .recu_process li.m-no-arrow {margin-right:0px;}
	.recruit-info-content .recu_process li.m-no-arrow:before {content:none;}


	
	.recruit-info-content .welfare_list{width:100%; clear:both; overflow:hidden; margin-top:25px;}
	.recruit-info-content .info-area .list_style01 .title {font-size: 1.1em;}
	.recruit-info-content .info-area .list_style01 .v_align {margin-left:0px;}
	.recruit-info-content .welfare_list .wl01 .img {background:url("../images/img_welfare01.png") no-repeat 0 0; background-size:78px 79px;}
	.recruit-info-content .welfare_list .wl02 .img {background:url("../images/img_welfare02.png") no-repeat 0 0; background-size:78px 79px;}
	.recruit-info-content .welfare_list .wl03 .img {background:url("../images/img_welfare03.png") no-repeat 0 0; background-size:78px 79px;}
	.recruit-info-content .welfare_list .wl04 .img {background:url("../images/img_welfare04.png") no-repeat 0 0; background-size:78px 79px;}	
	.recruit-info-content .welfare_list li.wl01,
	.recruit-info-content .welfare_list li.wl02,
	.recruit-info-content .welfare_list li.wl03,
	.recruit-info-content .welfare_list li.wl04 {position:relative; width:100%; float:left; text-align:left; min-height:90px; margin-left:0px; margin-bottom:55px; }
	.recruit-info-content .welfare_list li ul {padding-left:110px; }
	.recruit-info-content .welfare_list li ul li {width:100%; margin-left:0px; font-size:0.9em;}	
	
	.table_style table.table02 th {font-size:14px;}
	.table_style table.table02 td {font-size:14px;}
	.table_style table.table02 th, .table_style table.table02 td {padding:10px 0px;}
	.table_style table.table02 th, .table_style table.table02 td {padding:10px 0px;}	
	.table_style table .list_style01 li {font-size:14px;}
	
	.table_style table.table01 th {padding:10px 1px; font-size:1.0em;}
	.table_style table.table01 td {padding:10px 2px; font-size:0.9em;}
	.recruit_detail.table_style table.table01 td ul {padding:0px 3px;}
	.recruit_detail.table_style table.table01 td ul li {font-size:0.9em;}
	
	/* 자료실*/
	.customer .down_area .tab_content {}
	.container .history-tab .downbox_top a {border:0px;}
	.customer .down_area .tab_content .downbox_top {overflow:hidden; border-bottom:0px !important; margin-top:10px;}
	.customer .down_area .tab_content .downbox_top {overflow:hidden; border-top:1px solid #a7a7a7; border-left:1px solid #a7a7a7; }
	.customer .down_area .tab_content .downbox_top a {display: table-cell;overflow:hidden;float:left;width:50%;border-bottom:0px;font-size: 15px;line-height: 37px;margin:0px;color:#333;text-align:center;padding: 12px 10px;background:#fff;border-bottom:1px solid #a7a7a7;border-right:1px solid #a7a7a7;font-weight:500;/* vertical-align: middle; */height: 59px;}
	.customer .down_area .tab_content .downbox_top a.line2{ line-height:17px !important;}
	.customer .down_area .tab_content .downbox_top a.line2 span {display:block; width:100%; text-align:center; line-heigth:20px;}
	.customer .down_area .tab_content .downbox_top a:after{display:none; width:0px; }
	.customer .down_area .tab_content .downbox_top a:hover,
	.customer .down_area .tab_content .downbox_top a:active,
	.customer .down_area .tab_content .downbox_top a.on {background:#535dba; color:#fff;}
	.customer .down_area .tab_content .downbox_top .no-mr {margin-right:0px !important;}
	.customer .down_area .tab_content .downbox_bottom .cnt_item {padding:20px 0px;}
	.customer .down_area .tab_content .downbox_bottom .down_list_area ul li a {padding:20px 25px;}
	.customer .down_area .tab_content .downbox_bottom .down_list_area ul li.title a {background:#e9e9e9 url("../images/icon_down_list_off.png") no-repeat 95% 50%;color:#3c3c3c;text-align:left;background-size: 30px 30px;}
	.customer .down_area .tab_content .downbox_bottom .cnt_item .item_img iframe {height: 530px !important;} 
	.cnt_item.on a.print_file {display:none;}



	/* 반응형 추가사항 */
	.pro_info-list-area {width:100%; margin:40px 20px 0;}
	.pro_info-view-area .detail-cnt {margin-top:40px;}
	.pro_info-view-area .detail-cnt  img {width:100%;}
	.pro_info-view-area > .title {display:block;margin-top:8px;font-size:20px;line-height:36px;color:#333;}
	.pro_info-list-area {width:100%; height:1500px; margin:40px 0 0; background:none;}
	.pro_info-list-area .list {width:100%;}
	.pro_info-list-area li {width:100%; height:auto; }
	.pro_info-list-area li .img {display:block; max-width:100%; height:auto; }
	.pro_info-list-area .txt-cnt-frame {width:100%; height:auto;  margin: 0 auto; border: none;}
	.txt-cnt-frame img {max-width:100%; margin: 0; margin-left: -100px}
	.pro_info-list-area li{margin: 0; }
	.pro_info-list-area .txt-cnt-frame .pro_main_txt {height:auto; font-size:18px; margin: 0; padding-top:81px; margin-left: -50px;}
	.pro_info-list-area .txt-cnt-frame .pro_main_title {height:auto; font-size:18px; margin-top: 10px; margin-left: -50px;}
	.pro_info-list-area .txt-cnt-frame .pro_main_day {margin-top:13px; font-size:18px; margin-top: 5px; margin-left: -50px;}
	.pro_info-list-area li:nth-child(1) {display: block; margin-left: 25%; margin-top: 5%; margin-right: 70%; margin-bottom: 5%;}
	.pro_info-list-area li:nth-child(2) {clear: both; margin-left: 25%; margin-top: 5%; margin-right: 70%; margin-bottom: 5%;}
	.pro_info-list-area li:nth-child(3) {clear: both; margin-left: 25%; margin-top: 5%; margin-right: 70%; margin-bottom: 5%;}
	.pro_info-list-area li:nth-child(4) {clear: both; margin-left: 25%; margin-top: 5%; margin-right: 70%; margin-bottom: 5%;}
	.pro_info-list-area li:nth-child(5) {clear: both; margin-left: 25%; margin-top: 5%; margin-right: 70%; margin-bottom: 5%;}
	.pro_info-list-area li:nth-child(6) {clear: both; margin-left: 25%; margin-top: 5%; margin-right: 70%; margin-bottom: 5%;}
	.detail-content{width:100%;}
	
	
	
	/* 반응형 추가사항  */
    .info-view-area .detail-cnt {margin-top:40px;}
    .info-view-area .detail-cnt  img {width:100%;}
    .info-view-area > .title {display:block; color:#333;}
	.costomer-content .com-table.input input[type="file"] {height:24px;}


	.bisiness-txt-wrap:before {display:none;}
	.bisiness-txt-content {margin-top:60px;}
	.bisiness-txt-content > h3 {padding-left:10px;font-size:30px;line-height:40px;}
	.bisiness-txt-content > h3:before {width:3px;height:3px;top:20px;}
	.bisiness-txt-content .info-area {min-height:auto;margin-top:20px;}
	.bisiness-txt-content .info-area .img {position:static !important;left:auto !important;top:auto !important;}
	.bisiness-txt-content .info-area.left {padding:0;}
	.bisiness-txt-content .info-area.left .img {padding:0;}
	.bisiness-txt-content .info-area.left .img:before {display:none;}
	.bisiness-txt-content .info-area.left .img img {position:static;left:auto;top:auto;display:block;width:100%;}
	.bisiness-txt-content .info-area .title {margin-top:30px;}
	.bisiness-txt-content > h3 + .info-area {margin-top:15px;}
	.bisiness-txt-content .info-area.right {padding:0;}
	.bisiness-txt-content .info-area.right .img {right:auto;top:auto;padding:0;}
	.bisiness-txt-content .info-area.right .img:before {display:none;}
	.bisiness-txt-content .info-area.right .img img {position:static;right:auto;top:auto;display:block;width:100%;}

	.privacy-wrap th , .privacy-wrap td {padding:5px;text-align:center;}

	/* 메인페이지 영역 */
	.main .container {padding:0;}
	.fullpage > .section {height:auto !important;}
	.fullpage .num-1 {height:622px;}
	
	
	/* 메인 */
	.main-banner-area .banner {display:block;height:100%;}
	.main-banner-area .banner a , .main-banner-area .banner span {display:block;height:100%;background:no-repeat center center;background-size:cover;}
	.main-banner-area .banner.b-1 a, .main-banner-area .banner.b-1 span {background:url('../bg/bg1.jpg') center center no-repeat; background-size:cover;}
	.main-banner-area .banner.b-1 a, .main-banner-area .banner.b-2 span {background:url('../bg/bg2.jpg') center center no-repeat; background-size:cover;}

	.fullpage .num-2 {background:#ffffff;}
	.fullpage .num-2 .content {width:100%;height:auto; min-height:-webkit-fill-available;}
	.fullpage .num-2 .top-area {position:static; left:auto;top:auto; width:100%;height:auto; padding-top:80px; background:none; }
	.fullpage .num-2 .top-area .title {display:inline-block;position:static; color:#2d2d2d; margin-top:30px; font-size:33px; font-weight:700; line-height:30px; height:inherit;}
	.fullpage .num-2 .top-area .detail-txt {position:static; left:auto; top:auto;font-size:14px;text-align:center; margin-top:5px;}
    .fullpage .num-2 .business-list-wrap {padding:0px 30px;}
    .fullpage .num-2 .business-list-wrap .business-list {width:100%;}
   	.section.num-2 .business-list {margin:30px 0px; background:#fff; overflow:hidden;}	
	.section.num-2 .business-list > li {position:relative;width:100% !important;float:left;min-height: 130px;height:auto;border-bottom:0px solid #dfdfdf;}
	.section.num-2 .business-list > li.list-1,
	.section.num-2 .business-list > li.list-2,
	.section.num-2 .business-list > li.list-3,
	.section.num-2 .business-list > li.list-4,
	.section.num-2 .business-list > li.list-5,
	.section.num-2 .business-list > li.list-6{position:relative; left:auto; top: auto; }
	.section.num-2 .business-list > li > a {position:absolute; left:0px; top:0px; overflow:hidden;}
	.section.num-2 .business-list > li > a > img {display:block;width: 120px;height: 120px;float:left;border-right:0px solid #dfdfdf;border-top:0px;border-left:0px;border-bottom:0px;margin-top:5px;margin-left:5px;}
	.section.num-2 .business-list .title {padding-left: 150px;display:block;text-align:left;margin: 2% 0px 1% 0px;font-size: 20px;line-height:27px;color:#181818;font-weight:700;}
	.section.num-2 .business-list .txt {padding-left: 150px;margin-bottom:15px;text-align:left;font-size: 13px;letter-spacing:-0.07em;line-height:21px;color:#8e8e8e;padding-right: 6px;}
	.section.num-2 .business-list .more-btn {position: absolute !important;right:2%;top: 80%;background: none;position:inherit;display:block;width: auto;height:25px;display: block;margin: 0;left: auto;border: 0px;text-indent: 0px;font-size: 12px;}
		

	.fullpage .num-3 .content {width:auto;  min-height:auto; padding-top:80px;}
	.fullpage .num-3 .top-area {position:relative;left:auto;top:auto !important;width:100%;height:auto; padding-top:0px; background:none; }
	.fullpage .num-3 .top-area .title {display:block;position:static;top:auto;left:auto;width:100%;margin-top:20px;text-align:center; font-size:33px; height:inherit; }
	.fullpage .num-3 .top-area .detail-txt {display:block;position:static;top:auto;left:auto;width:100%;margin-top:5px;font-size:14px;text-align:center;}
    .fullpage .num-3 .ideology_wrap {margin-top:30px;}    
	.fullpage .num-3 .ideo_view {width:100%; padding:0px 40px;}
	
/*
.fullpage .num-3 .ideo_view {height:420px;}
.fullpage .num-3 .ideo_view {position: relative; }
.fullpage .num-3 .ideo_view {width:1500px; padding:0px 50px; margin:0 auto; position:relative;}
.fullpage .num-3 .ideo_view .ideo_box {float: left; box-sizing: border-box; width:1400px; height:420px;}*/
.fullpage .num-3 .ideo_view .ideo_box {}
.fullpage .num-3 .ideo_view .ideo_box.ideo01{background: url('../images/m_ideology_slide01.png') center top no-repeat; background-size:95%;/* width: 100% !important; */}
.fullpage .num-3 .ideo_view .ideo_box.ideo02{background:url('../images/m_ideology_slide02.png') center top  no-repeat; background-size:95%;}
.fullpage .num-3 .ideo_view .ideo_box.ideo03{background:url('../images/m_ideology_slide03.png') center top  no-repeat; background-size:95%;}
.fullpage .num-3 .ideo_view .ideo_box.ideo04{background:url('../images/m_ideology_slide04.png') center top  no-repeat; background-size:95%;}



	.fullpage .section.num-4 .top-area {position:relative;left:auto;top:auto !important;width:100%; height:auto; padding-top:0px; background:none; }
	.fullpage .section.num-4 .top-area .title {display:block;position:static;top:auto;left:auto;width:100%;margin-top: 30px;text-align:center;font-size:33px;height:inherit;}
	.fullpage .section.num-4 .top-area .detail-txt {display:block;position:static;top:auto;left:auto;width:100%;margin-top: 5px;font-size:14px;text-align:center;}
	.section.num-4 .content {width:100%; min-height:auto; margin:0; padding-top:80px; height:auto;}
    .section.num-4 .pr-wrap {padding-top: 0px;margin-top: 0px;}
   	.section.num-4 .content .pr-wrap .news-btn {position:absolute;right:30px;top:0px;left:auto;padding:6px 10px;font-size: 12px;display: none;}	
    .section.num-4 .pr-wrap .news-list {overflow:hidden;width:100%;padding:0px 30px;margin-top: 30px;background:none;height:inherit;}
    .section.num-4 .content .news-list .news-table {width:100%; background:#fff; }
    .section.num-4 .content .news-list .news-table table{width:100%; table-layout:fixed}
    .section.num-4 .content .news-list .news-table td{padding:20px 15px; border-top:1px solid #b8b8b8;  font-size:18px; vertical-align:middle; color:#3c3c3c; text-align:left;}
    .section.num-4 .content .news-list .news-table td a {display:block; cursor:pointer;}
    .section.num-4 .content .news-list .news-table td.n_date {font-size:14px; color:#878787; text-align: center; }
    .section.num-4 .content .news-list .news-table tr:first-child td {border-top:0px;}
    .section.num-4 .content .news-list .news-table .in-txt{padding:10px 0;}
    .section.num-4 .content .news-list .news-table .title{text-align:left; font-size:16px; padding-left:5px;  max-width:200px; text-overflow:ellipsis; overflow:hidden; word-break: break-all; word-wrap: break-word; white-space:nowrap; float:left;}
    .section.num-4 .content .news-list .news-table .icon_new {float:left; display:block; width:53px; height:21px; background:#707ad8; color:#fff; text-align:center; font-size:13px; line-height:21px;}    
    .section.num-4 .pr-list-wrap {padding:0px 0px 80px 0px;}
	.section.num-4 .pr-list {margin-top:40px; padding:0px; width:100%; text-align:center;}
	.section.num-4 .pr-list > li {display:inline-block; position:static;left:auto !important; width:100% !important; height:190px !important; vertical-align:top; float:left; background-size: contain;}
    .section.num-4 .pr-list > li.list-1 {background: url(../images/m_bg_prbox_01.png) center center no-repeat; background-size: cover;}
    .section.num-4 .pr-list > li.list-2 {background: url(../images/m_bg_prbox_02.png) center center  no-repeat; background-size:cover;}
    .section.num-4 .pr-list > li.list-3 {background: url(../images/m_bg_prbox_03.png) center center  no-repeat; background-size:cover;}  
	.section.num-4 .pr-list .title {display:block;margin-top: 23px;padding-left:0px;font-size: 19px;font-weight: 400;line-height:20px;color:#fff;}
	.section.num-4 .pr-list .txt {display:none; text-indent:-99999px;}
	.section.num-4 .pr-list .more-btn {display:block;height: 23px;margin: 10px 0px;background: url(../images/main_award_more.png) center 100% no-repeat;text-indent:-9999px;}
    
    
    /* 추가사항  */
    .textframe{width:82%; height: auto; margin-top: 20px; margin-bottom: 20px; }
    #pinterest_frame{width:88%; height: auto; margin-top:833px; margin-left: 6%;}
    .pic_thirdteenth{width: 93%; height: 40%; margin: 19px 27px 4px 0px;}
    .pic_first{width:45%; height: 25%;}
    .pic_fifth{width:93%; height: 40%;}
    
    
    /* footer */
    footer .family-area .family-site .title {line-height:60px;g}
    .family-area .family-site ul {width:100%; bottom:60px;}
    .family-area .family-site ul li{width:50%; float:left;}
    .family-area .family-site ul li a{width:100%; line-height:55px; background:#535eba; opacity:0.9;}

}

@media all and (max-width:500px) {

	.main-banner-area .banner.b-1 a , .main-banner-area .banner.b-1 span {}
	.main-banner-area .banner.b-2 a , .main-banner-area .banner.b-2 span {}
	.fullpage .num-2 .banner-area .banner-scroll {overflow:hidden;width:100%;padding:0 20px;}
	.fullpage .num-2 .banner-area > div > div {display:inline-block;position:relative;left:auto !important;top:auto;float:left;height:auto; width:100%;margin-bottom:20px;}
	.fullpage .num-2 .banner-area > div > div .over-item:before {bottom:0;}
	.fullpage .num-2 .banner-area > div > div .info-cnt .icon-txt {top:-124px;}
	.fullpage .num-2 .banner-area > div > div .over-item .txt {left:0;}
	.fullpage .num-2 .banner-area .info-cnt {min-height:350px;border-top: 1px solid #5db3e4; border-bottom: 1px solid #5db3e4;}

	.fullpage .num-2 .banner-area .banner-1 .info-cnt {}
	.fullpage .num-2 .banner-area .banner-2 .info-cnt {}
	.fullpage .num-2 .banner-area .banner-3 .info-cnt {}
	.fullpage .num-2 .banner-area .banner-4 .info-cnt {}
	.section.num-4 .pr-list {padding-bottom:80px;}
	.section.num-4 .pr-list > li {display:block;position:static;left:auto !important;width: 100% !important;height:auto !important;margin:0 auto;float:left;}
	.section.num-4 .pr-list > li img {width:100%;height:auto;}
	.section.num-4 .pr-list .txt {height:auto;}
	footer .family-area {top:0px;left:0px;}

/* 반응형 추가사항 */
	.picframe img{width:100%;}
	.textframe .text2{width:100%; height:auto; margin-left:-49px; margin-bottom:0px;}
	.textframe .btnlink{margin-left:-47px;}

	#pinterest_frame{margin-top: 646px; height:auto; overflow:auto; width:100%; margin-left:0px;}
	.pic_first{width:48%;  margin:0; margin-right:3px; margin-left:3px; margin-bottom:5px;}
	.pic_first img{display: block; width:100%; height:auto;}
	.pic_fifth{width:97.5%; margin:0px 3px 5px 3px;}
	.pic_fifth img{display: block; width:100%; height:auto;}
	.picframe .mainimg{max-width:100%; height:auto; margin-left:2px;}
	.textframe .textdetail{width:313px; height: auto; margin-top: 20px; margin-left:-45px;}
	.pic_thirdteenth{width: 97.5%; margin-right:4px; margin-bottom:5px; margin-top:0px;}
	.pic_thirdteenth img{display:block; width:100%; height:auto;}
	button.btn_style{margin-left: 28%;}
	
	.pic_first:hover .cover {display:none; }
	.pic_fifth:hover .cover_fifth { display:none;}
	.pic_thirdteenth:hover .cover_third { display:none; }
	footer .address {font-size:13px;}
	footer .btn-list li:nth-child(3){display:block;}
	footer .btn-list li:nth-child(2):after{content:"";position:absolute;right:0;top:3px;width:1px;height:12px;background:#7c7c7c;}

	.top{display:block; position:fixed; z-index:9999; right:5%; bottom:20px;  width:50px; height:50px; box-sizing:border-box; padding-top:35px; background:#222222; font-size:13px; color:#fff; font-weight:300; letter-spacing:1.5px; text-align:center;}
	.top:before,
	.top:after{content:''; display:block; position:absolute; top:22px; left:50%; width:16px; height:4px; background:#fff; border-radius:10px; transition:all 0.5s ease;}
	.top:before{margin-left:-13px; transform:rotate(-50deg);}
	.top:after{margin-left:-4px; transform:rotate(50deg);}
	.top:focus{outline:none;}
	.top:hover:before,
	.top:hover:after{top:20px;}


}


/* 탭 */
header.tablet.on .content:before {display:none !important;}
header.tablet.down .menu-list > li > a {color:#fff;}
header.tablet {min-width:100%;}
header.tablet h1 a {left:20px;top:28px;width:125px;height:24px;background-size:125px 24px;}
header.tablet .content {width:100%;}
header.tablet .site-btn {display:none;}
header.tablet .lang-btn {display:none;}
header.tablet .mobile-menu {display:block;position:absolute;right:20px;top:29px;width:25px;height:22px;background:url("../images/mobile_menu.png") no-repeat 0 0;text-indent:-9999px;}
header.tablet nav {display:none;/*visibility:hidden;*/position:absolute;right:0;top:80px;width:320px;margin-left:0;z-index:-1;/*opacity:0;transition:opacity 0.5s ease , visibility 0.5s ease;*/}
header.tablet nav.on {display:block;/*visibility:visible;opacity:1;*/z-index:10;}
header.tablet .menu-list > li {float:none;}
header.tablet .menu-list > li > a {display:block;position:relative;width:100%;height:60px;padding-left:38px;border-bottom:1px solid #5a5c62;background:#45484e;font-size:18px;line-height:58px;text-align:left;color:#fff;}
header.tablet .menu-list > li > a:before {position:absolute;left:auto;right:20px;top:25px;width:19px;height:10px;background:url("../images/mobile_menu_arrow.png") no-repeat 0 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
header.tablet .menu-list > li:first-child > a:before {display:block;}
header.tablet .menu-list > li.on > a:before {-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
header.tablet .menu-list > li.on >  ul.depth-2 {display:block;}
header.tablet ul.depth-2 {display:none;}
header.tablet ul.depth-2 > li > a {display:block;width:100%;height:60px;border-bottom:1px solid #5a5c62;background:#55575d;font-size:16px;line-height:58px;text-align:center;color:#fff;}
header.tablet ul.depth-2 > li > a > .small {display:inline-block;margin-left:8px;font-size:12px;color:#b6b8c1;letter-spacing:-1px;}
header.tablet.down h1 a {background-size:125px 24px;}
header.tablet.down .mobile-menu {background:url("../images/mobile_men2.png") no-repeat 0 0;}

header.tablet .menu-list > li.on > a , .menu-list > li > a:hover {color:#65c2ff;}