html, body {width:100%; min-height:100%;}
html {overflow-y:scroll; overflow-x:hidden; filter:expression(document.execCommand("BackgroundImageCache", false, true));}
body {background:#fff; overflow-x:hidden; -webkit-text-size-adjust:none;}
#wrap {width:100%; overflow:hidden;}
.overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:500;}

#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {position:relative; width:100%; max-width: 980px; margin:0 auto; box-sizing:border-box;}
.inner:after {display:block; content:""; clear:both;}
.pc {display:block !important;}
.tablet {display:none !important;}
.mobile {display:none !important;}
.tabmo {display:none !important;}

*::placeholder { color:#999; }                     
*::-webkit-input-placeholder { color:#999; }
*:-moz-placeholder { color:#999; }             
*::-moz-placeholder { color:#999; }           
*:-ms-input-placeholder { color:#999 !important; }      
*::-ms-input-placeholder { color:#999; } 


/*header*/
#header {position:fixed; left: 0; top: 0; width: 100%; height:100px; background: #fff; border-bottom: 1px solid #dfdfdf; z-index: 500; box-sizing: border-box;}
.headerWrap {width: 100%; max-width: 1500px; margin: 0 auto;}
.headerWrap:after {display:block; content:""; clear:both;}
.headerWrap h1 {float: left; width: 282px; padding-top: 22px;}
.headerWrap h1 img {width: 100%; vertical-align: top;}

.headerWrap .floatR:after {display:block; content:""; clear:both;}
.headerWrap .top_util_wrap {float: left; margin-top: 37px; margin-right: 30px;}
.headerWrap .top_util_wrap:after {display:block; content:""; clear:both;}
.headerWrap .top_util_wrap li {position: relative; float: left; padding-left: 16px; margin-left: 15px; font-size: 15px; font-weight: 400;}
.headerWrap .top_util_wrap li:first-child {padding-left: 0; margin-left: 0;}
.headerWrap .top_util_wrap li:before {content:''; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #ccc; transform:translateY(-50%);}
.headerWrap .top_util_wrap li:first-child:before {display: none;}
.headerWrap .top_util_wrap li a {color: #666;}
#header .lang {position: relative;}
#header .lang select {height: 20px; padding: 0 30px 0 0; background:#fff url('/images/common/icon/select_arrow02.png') no-repeat right center; background-size: 10px; border: none; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #003a8b; font-weight:400; cursor:pointer; box-sizing:border-box; vertical-align: top;}
#header .lang select::-ms-expand {
  /* for IE 11 */
  display: none;
}
#header .lang .tt {color: #003a8b; cursor: pointer;}
#header .lang .tt:after {content:'▼'; position: relative; top: -2px; padding-left: 25px; font-size: 11px;}
#header .lang .list {display: none; position: absolute; left: -10px; width: 100%; padding: 5px 10px; background: #fff; box-sizing: border-box;}
#header .lang .list a {display: block; font-weight: 300;}
#header .lang .list a:hover {color: #003a8b;}

.headerWrap .btn_menu {float: left; width: 100px; height: 100px; padding-top: 28px; background: #333; text-align: center; box-sizing: border-box; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.headerWrap .btn_menu span {display: block; padding-top: 33px; background: url('/images/common/btn/btn_menu.png') no-repeat center top; font-size: 13px; font-weight: 400; color: #fff; line-height: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.headerWrap .btn_menu.open {background: #f5f5f5;}
.headerWrap .btn_menu.open span {background-image: url('/images/common/btn/btn_close02.png'); color: #003a8b;}

/* allmenu */
#allmenu {position: fixed; top: 100px; right: -700px; width: 700px; height: calc(100% - 100px); z-index: 10000;}
#allmenu.on {display: block; right: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
#allmenu .allmenuWrap {position: relative; height: 100%; background: #fff; z-index: 10;}
#allmenu .menu {position: relative; height: 100%;}
#allmenu .menu:before {content:''; position: absolute; top: 0; left: 300px; width: 1px; height: 100%; background: #e5eaf3;}
#allmenu .menu dl {position: relative;}
#allmenu .menu dl dt {position: relative; width: 300px; border-bottom: 1px solid #e5eaf3; font-size: 20px; font-weight: 500; color: #333; line-height: 96px; text-indent: 40px; z-index: 1; cursor: pointer;}
#allmenu .menu dl dt:after {content:''; position: absolute; top: 0; right: -1px; width: 1px; height: 0; background: #003585; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#allmenu .menu dl.on dt,
#allmenu .menu dl.on dt a {color: #003585;}
#allmenu .menu dl.on dt:after {height: 100%;}
#allmenu .menu dl dt a {display: block;}
#allmenu .menu dl dd {display: none; position: absolute; left: 300px; top: 30px; z-index: 20;}
#allmenu .menu dl dd ul {padding-left: 40px;}
#allmenu .menu dl dd ul li {font-size: 15px; font-weight: 400; line-height: 48px;}
#allmenu .menu dl dd ul li a {display: block; color: #666; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#allmenu .menu dl dd ul li.on a,
#allmenu .menu dl dd ul li a:hover {color: #003585;}
#allmenu .m_blind {display: none; position: fixed; top: 100px; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1;}
#allmenu .lang {display: none;}

/*main contents */

#mainVisual {position: relative; margin-top: 100px;}
#mainVisual .list {width: 100%; height: 600px; background-repeat: no-repeat; background-position: center top;}
#mainVisual .list.MV01 {background-image: url('/images/main/mainvisual_01.jpg');}
#mainVisual .list.MV02 {background-image: url('/images/main/mainvisual_02.jpg');}
#mainVisual .list.MV03 {background-image: url('/images/main/mainvisual_03.jpg');}
#mainVisual .list.MV04 {background-image: url('/images/main/mainvisual_04.jpg');}
#mainVisual .slide-controls {position: absolute; top: 50%; right: 50%; width: 140px; transform:translateY(-50%); margin-right: -490px;}
#mainVisual .slide-controls ul li {position: relative; font-size: 15px; line-height: 40px; opacity: 0.6; filter:alpha(opacity=0.6); -mox-opacity:0.6; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#mainVisual .slide-controls ul li:before {content:''; position: absolute; left: -70px; top: 50%; width: 55px; height: 1px; margin-top: -1px; background: #fff; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#mainVisual .slide-controls ul li a {color: #fff; cursor: pointer; white-space: nowrap;}
#mainVisual .slide-controls ul li.slick-active {font-size: 17px; font-weight: 500; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#mainVisual .slide-controls ul li.slick-active:before {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}

.main_titleArea {margin-bottom: 35px;}
.main_titleArea h2 {font-size: 38px; font-weight: 400; color: #333; line-height: 1;}

.main_intro {background: #013f90; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif;}
.main_intro a {display: block; padding: 80px 0; color: #fff;}
.main_intro .tt {display: block; font-size: 48px; font-weight: 400; color: #fff; line-height: 1;}
.main_intro p {padding-top: 20px; font-size: 20px; line-height: 28px;}
.main_intro .more {display: block; padding-top: 40px; font-size: 15px; color: #a3afca;}

.main_about_company {padding-top: 75px;}
.main_about_company .inner {display:flex; flex-wrap:wrap; flex-direction:row-reverse; align-items:center; max-width: 100%; padding: 0;}
.main_about_company .ImgArea {width: 45%; padding-right: 60px; box-sizing: border-box;}
.main_about_company .ImgArea img {width: 100%;}
.main_about_company .TxtArea {width: 50%;}
.main_about_company .TxtArea .main_titleArea h2 {color: #003a8b;}
.main_about_company .TxtArea .txt_con {position: absolute; left: 50%; top: 50%; width: 485px; margin-left: -490px; transform:translateY(-50%);}
.main_about_company .TxtArea .txt_con:after {display:block; content:""; clear:both;}
.main_about_company .TxtArea .txt_con .btn_more01 {float: right; margin-top: 75px;}

.main_business {padding: 135px 0;}
.main_business .inner {max-width: 100%;}
.main_business .ImgArea {position: relative; float: left; width: 45%; padding-left: 60px; box-sizing: border-box;}
.main_business .ImgArea .business_slider div {vertical-align: top;}
.main_business .ImgArea .list {width: 100%; height: 500px; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.main_business .ImgArea .list img {display: none;}
.main_business .ImgArea .slick-dots {position: absolute; width: 100%; left: 0; bottom: 40px; text-align: center; z-index: 99;}
.main_business .ImgArea .slick-dots li {display: inline-block; margin: 0 8px; vertical-align: middle;}
.main_business .ImgArea .slick-dots li button {display: block; width: 15px; height: 15px; background: #fff; border: none; padding: 0; cursor: pointer; font-size: 0; line-height: 0; text-indent: -9999px; border-radius: 100%;}
.main_business .ImgArea .slick-dots li.slick-active button {background-color: #003a8b;}
.main_business .TxtArea {float: left; width: 55%; height: 500px; padding: 85px 4%; background: #f5f5f5; box-sizing: border-box;}
.main_business .TxtArea .main_titleArea {margin-bottom: 80px;}
.main_business .TxtArea .search_area {overflow: hidden;}
.main_business .TxtArea .search_area .cols {float: left; width: 47.5%; max-width: 250px; margin-left: 2%;}
.main_business .TxtArea .search_area .cols:first-child {margin-left: 0;}
.main_business .TxtArea .search_area .cols .tt {display: block; margin-bottom: 30px; font-size: 23px; font-weight: 400; color: #003a8b; line-height: 1;}
.main_business .TxtArea .search_area .cols select {position: relative; width: 100%; height: 50px; border: none; padding: 0; border-bottom: 2px solid #333; background: url('/images/common/icon/select_arrow.png') no-repeat; background-position: calc(100% - 22px) center; border-radius:0; -webkit-border-radius:0; -webkit-appearance: none; -moz-appearance: none;  appearance: none; font-size: 17px; font-weight: 300; color: #333; cursor: pointer;}
.main_business .TxtArea .search_area .cols select::-ms-expand {
  /* for IE 11 */
  display: none;
}
.main_business .TxtArea .btn_more02 {margin-top: 50px;}

.main_recruit {padding: 130px 0; background: url('/images/main/recruit_bg.jpg') no-repeat center top; background-size: cover; text-align: center;}
.main_recruit a {display: block; color: #fff;}
.main_recruit .main_titleArea {margin-bottom: 0 !important;}
.main_recruit .main_titleArea h2 {font-size: 48px; color: #fff;}
.main_recruit .main_titleArea .more {display: inline-block; height: 60px; line-height: 60px; padding: 0 40px; margin-top: 30px; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif; background: #003a8b; font-size: 20px;}

.main_rnd {padding: 140px 0; text-align: center;}
.main_rnd .TxtArea {margin-top: 30px; line-height: 28px;}
.main_rnd .TxtArea strong {display: block; padding-bottom: 20px; font-size: 23px; font-weight: 400;}

.main_contact {background: url('/images/main/contact_bg.jpg') no-repeat center top; background-size: cover;}
.main_contact a {display: block; padding: 65px 0;}
.main_contact .main_titleArea {float: left; margin-bottom: 0 !important;}
.main_contact .main_titleArea h2 {color: #fff; line-height: 96px;}
.main_contact .more {float: right; display: block; width: 96px; height: 96px; background: url('/images/main/btn_more01.png') no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -9999px;}

/* 서브비주얼 */
#subVisual {display: table; width: 100%; height: 280px; margin-top: 100px; background: url('/images/common/subvisual_01.jpg') no-repeat center top; background-size: cover; text-align: center; color: #fff;}
#subVisual.subVsal_02 {background-image: url('/images/common/subvisual_02.jpg');}
#subVisual.subVsal_03 {background-image: url('/images/common/subvisual_03.jpg');}
#subVisual.subVsal_04 {background-image: url('/images/common/subvisual_04.jpg');}
#subVisual .subv-title {display: table-cell; vertical-align: middle;}
#subVisual .subv-title span {display: block; padding-bottom: 15px; font-size: 20px; line-height: 1;}
#subVisual .subv-title h2 {font-size: 40px; font-weight: 400; line-height: 1;}

/* 서브메뉴 */
#SNB {height: 60px; background: #003a8b;}
#SNB .menu {text-align: center; font-size: 0;}
#SNB .menu li {position: relative; display: inline-block; max-width: 25%; font-size: 16px; vertical-align: top;}
#SNB .menu li:before {content:''; position: absolute; top: 50%; left: 0; width: 1px; height: 18px; background: rgba(255,255,255,0.3); transform:translateY(-50%);}
#SNB .menu li:first-child:before {display: none;}
#SNB .menu li a {display: flex; align-items:center; justify-content:center; height: 60px; padding: 0 45px; font-size: 18px; font-weight: 400; color: #afbdd1;}
#SNB .menu li.snb_on a {color: #fff;}

/*sub contents*/
.sub #contents {}

.contentsArea .section {padding: 100px 0;}
.contentsArea .Inner_section {padding-top: 100px;}
.contentsArea .Inner_section:first-child {padding-top: 0 !important;}
.contentsArea .Inner_section02 {padding-top: 140px;}
.contentsArea .Inner_section02:first-child {padding-top: 0;}
.contentsArea h4,
#Business h3 {margin-bottom: 45px; font-size: 38px; font-weight: 500; text-align: center; color: #003a8b; line-height: 1;}

/* 회사소개 */
.TitleArea01 {height: 400px; background-repeat: no-repeat; background-position: right top; color: #f5f5f5;}
.TitleArea01 h3 {padding-top: 145px; margin-bottom: 25px; font-size: 48px; font-weight: 400; line-height: 1;}
.TitleArea01 p {position: relative; padding-left: 90px; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif; font-size: 23px; font-weight: 400; line-height: 1.4;}
.TitleArea01 p:before {content:''; position: absolute; top: 50%; left: 0; width: 60px; height: 1px; background: #fff; transform:translateY(-50%);}
.TitleArea01.right {background-position: left top; text-align: right;}
.TitleArea01.right p {padding-left: 0; padding-right: 75px;}
.TitleArea01.right p:before {display: none;}
.TitleArea01.right p:after{content:''; position: absolute; top: 50%; right: 0; width: 60px; height: 1px; background: #fff; transform:translateY(-50%);}

#Introduction .intro_con {position: relative;}
#Introduction .intro_con:after {content:''; clear: both; display: block;}
#Introduction h3 {position: absolute; top: -20px; right: 0; font-size: 150px; font-weight: 400; color: #f5f5f5; line-height: 1;}
#Introduction .TxtArea {position: relative; padding-top: 55px; letter-spacing: -1px; z-index: 1;}
#Introduction .TxtArea .tt {position: relative; display: block; padding-bottom: 55px; font-size: 38px; font-weight: 400; line-height: 57px; z-index: 1;}
#Introduction .TxtArea b {display: block; padding-bottom: 20px; font-size: 20px; font-weight: 400; line-height: 35px;}
#Introduction .TxtArea p {line-height: 28px;}
#Introduction .ImgArea {margin-top: 50px;}

#History .TitleArea01 {background-image: url('/images/company/history_bg.jpg');}
#History .history_list .list {position: relative; margin-top: 80px;}
#History .history_list .list:first-child {margin-top: 0;}
#History .history_list .list .year {display: block; margin-bottom: 25px; font-size: 60px; font-weight: 400; color: #a3aeca; line-height: 1;}
#History .history_list .list .history_con {position: relative; margin-right: 50%;}
#History .history_list .list .history_con:before {content:''; position: absolute; top: 0; left: 0; width: 185px; height: 1px; background: #003a8b;}
#History .history_list .list .history_con:after {content:''; position: absolute; top: 0; left: 185px; width: calc(100% - 185px); height: 1px; background: #ebebeb;}
#History .history_list .list dl {padding-top: 36px; overflow: hidden;}
#History .history_list .list dl dt {float: left; width: 185px; font-size:30px; font-weight: 400; color: #003a8b; line-height: 24px;}
#History .history_list .list dl dd {float: left; width: calc(100% - 185px);}
#History .history_list .list dl dd li {display:flex; flex-wrap:wrap; margin-top: 36px; line-height: 24px; overflow: hidden;}
#History .history_list .list dl dd li:first-child {margin-top: 0;}
#History .history_list .list dl dd li .month {float: left; width: 70px; font-size: 20px; font-weight: 400;}
#History .history_list .list dl dd li p {float: left; width: calc(100% - 70px);}
#History .history_list .ImgArea {position: absolute; top: 85px; left: 50%; width: 50%;}
#History .history_list .ImgArea.bottom {top: inherit; bottom: -170px;}

#organization .TitleArea01 {background-image: url('/images/company/organization.jpg'); width:100%;}
#organization .ImgArea { text-align:center; width:100%;}

#Video .TitleArea01 {background-image: url('/images/company/video_bg.jpg');}
#Video .videoArea {position: relative; max-width: 1000px; height: 550px; margin: 0 auto;}
#Video .videoArea iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

#Location .TitleArea01 {background-image: url('/images/company/location_bg.jpg');}
#Location .Inner_section {max-width: 1200px; margin: 0 auto;}
#Location iframe {max-width: 100% !important; vertical-align: top;}
#Location .location_info {padding: 40px 30px; background: #7d7d7d;}
#Location .location_info dl {display:flex; flex-wrap:wrap; color: #fff; line-height: 45px;}
#Location .location_info dl dt {position: relative; width: 100px; background-repeat: no-repeat; background-position: 0 center; text-align: center; box-sizing: border-box;}
#Location .location_info dl dt:after {content:''; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; background: #fff; transform:translateY(-50%);}
#Location .location_info dl dt.address {background-image: url('/images/company/icon_address.png');}
#Location .location_info dl dt.tel {background-image: url('/images/company/icon_tel.png');}
#Location .location_info dl dt.fax {background-image: url('/images/company/icon_fax.png');}
#Location .location_info dl dd {width: calc(100% - 100px); padding-left: 35px; box-sizing: border-box;}

/* 사업분야 */
#Business .PrdList {margin-top: -2%; font-size: 0; overflow: hidden;}
#Business .PrdList li {display: inline-block; width: 32%; margin-left: 2%; margin-top: 2%; font-size: 16px; vertical-align: top;}
#Business .PrdList li:nth-child(3n-2) {margin-left: 0;}
#Business .PrdList li a {display: block;}
#Business .PrdList li .InfoArea {position: relative; padding: 30px 0;}
#Business .PrdList li .InfoArea .tt {display: block; font-size: 23px; font-weight: 400; line-height: 1;}
#Business .PrdList li .InfoArea p {padding-top: 10px; color: #666; line-height: 1.4;}
#Business .InfoArea dl dd { padding-left:35px; background: url('/images/common/bullet.gif') no-repeat 0 10px;}
#Business .InfoArea dl dd img {display:block; margin:auto;}
#Business .InfoArea .Img_Box {display:block; text-align:center;}

#Business .PrdList li .InfoArea .more {position: absolute; top: 25px; right: 30px; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif; font-size: 30px; font-weight: 400; color: #003a8b; line-height: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#Business .PrdList li:hover .InfoArea .more {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);  -ms-transform: rotate(180deg);}

#Business.view .PrdBox {display:flex; flex-wrap:wrap;}
#Business.view .PrdBox .ThumbArea {position: relative; width: 50%; box-sizing: border-box;}
#Business.view .PrdBox .ThumbArea .list img {width: 100%;}
#Business.view .PrdBox .ThumbArea .slick-arrow {position: absolute; top: 50%; transform:translateY(-50%); width: 70px; height: 70px; border: none; padding: 0; background-color: none; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; font-size: 0; line-height: 0; text-indent: -9999px; cursor: pointer; z-index: 10;}
#Business.view .PrdBox .ThumbArea .slick-arrow.slick-prev {left: 0; background-image: url('/images/business/btn_prev.png'); background-color:transparent;}
#Business.view .PrdBox .ThumbArea .slick-arrow.slick-next {right: 0; background-image: url('/images/business/btn_next.png');background-color:transparent;}
#Business.view .PrdBox .ThumbArea .slick-dots {position: absolute; width: 100%; left: 0; bottom: 30px; text-align: center; z-index: 99;}
#Business.view .PrdBox .ThumbArea .slick-dots li {display: inline-block; margin: 0 8px; vertical-align: middle;}
#Business.view .PrdBox .ThumbArea .slick-dots li button {display: block; width: 15px; height: 15px; border: 1px solid #cdcdcd; background: #fff; padding: 0; cursor: pointer; font-size: 0; line-height: 0; text-indent: -9999px; border-radius: 100%; box-sizing: border-box;}
#Business.view .PrdBox .ThumbArea .slick-dots li.slick-active button {background-color: #003a8b; border-color: #003a8b;}
#Business.view .PrdBox .TxtArea {width: 50%; padding: 50px 60px; border: 1px solid #ddd; box-sizing: border-box; line-height: 28px;}
#Business.view .PrdBox .TxtArea ul li {position: relative; padding-left: 10px; letter-spacing: -0.5px;}
#Business.view .PrdBox .TxtArea ul li:before {content:'-'; position: absolute; top: 0; left: 0; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif;}
#Business.view .DetailArea {margin-top: 40px; padding-bottom: 130px; border-bottom: 1px solid #003a8b;}
#Business.view .DetailArea .ttArea {margin-bottom: 30px; background: #f2f2f2; text-align: center; line-height: 80px;}
#Business.view .DetailArea .ttArea .tt {position: relative; display: block; font-size: 24px; font-weight: 400; color: #003a8b;}
#Business.view .DetailArea .ttArea .tt:before {content:''; position: absolute; top: 0; left: 50%; width: 30px; height: 3px; background: #003a8b; transform:translateX(-50%);}
#Business.view .DetailArea .InfoArea {line-height: 28px;}
#Business.view .DetailArea .InfoArea .img_box {display: block; text-align: center;}
#Business.view .DetailArea .InfoArea dl {margin-top: 30px;}
#Business.view .DetailArea .InfoArea dl:first-child {margin-top: 0;}
#Business.view .DetailArea .InfoArea dl dt {padding-bottom: 30px; font-size: 20px; font-weight: 400;}
#Business.view .DetailArea .InfoArea dl dd .img_box {display: block; text-align: center;}
#Business.view .DetailArea .InfoArea dl dd .img_box span {display: block; padding-top: 5px;}
#Business.view .DetailArea .InfoArea .ImgBox {margin-top: 25px; overflow: hidden;}
#Business.view .DetailArea .InfoArea .ImgBox:first-child {margin-top:0;}
#Business.view .DetailArea .InfoArea .ImgBox img {float: left; width: 49%; margin-left: 2%;}
#Business.view .DetailArea .InfoArea .ImgBox img:first-child {margin-left: 0;}
#Business.view .prdListWrap {margin-top: 100px;}

#Business.view .ImgBox {margin-top: 25px; overflow: hidden;}
#Business.view .ImgBox:first-child {margin-top:0;}
#Business.view .ImgBox img {float: left; width: 49%; margin-left: 2%;}
#Business.view .ImgBox img:first-child {margin-left: 0;}
#Business.view .ImgBox .pct {margin: 0 auto; width:85%;}
#Business .ImgArea {font-size: 0; text-align:center;}
#Business .ImgArea img {max-width: 49%; margin-left: 2%;}
#Business .ImgArea img:first-child {margin-left: 0;}
/* Tab Style */
.TabType01 {margin-bottom: 100px;}
.TabType01 ul {display:flex; flex-wrap:wrap; border: 1px solid #003a8b; box-sizing: border-box;}
.TabType01 ul li {position: relative; width: 33.333333333%; height: 60px; border-top: 1px solid #003a8b; font-size: 18px; font-weight: 400; text-align: center; box-sizing: border-box; line-height: 1.3;}
.TabType01 ul li:nth-child(-n+3) {border-top: none;}
.TabType01 ul li:before {content:''; position: absolute; top: 50%; left: -1px; width: 1px; height: 16px; background: #003a8b; transform:translateY(-50%);}
.TabType01 ul li:first-child:before {display: none;}
.TabType01 ul li a {display:flex; align-items:center; justify-content:center; width: 100%; height: 100%;}
.TabType01 ul li.on {background: #003a8b;}
.TabType01 ul li.on:before {display: none;}
.TabType01 ul li.on a {color: #fff;}

/* R&D Center */
.RndCenter {padding: 140px 0 180px; text-align: center;}
.RndCenter .ImgArea {font-size: 0;}
.RndCenter .ImgArea img {max-width: 49%; margin-left: 2%;}
.RndCenter .ImgArea img:first-child {margin-left: 0;}
.RndCenter .TxtArea {margin-top: 40px;}
.RndCenter .TxtArea .tt {display: block; padding-bottom: 20px; font-size: 23px; font-weight: 400;}
.RndCenter .TxtArea p {line-height: 28px;}
.RndCenter .organization {margin-top: 120px;}

/* 인재채용 */
.TitleArea02 {margin-bottom: 50px;}
.TitleArea02 h3 {font-size: 38px; font-weight: 400; line-height: 1;}

.Recruit .section_01 .ImgArea {padding-top: 20px; margin-bottom: 70px; text-align: center;}
.Recruit .section_01 .ImgArea img {margin: 0 auto;}
.Recruit .section_01 ul {overflow: hidden;}
.Recruit .section_01 ul li {float: left; width: 31%; margin-left: 3%; font-size: 0;}
.Recruit .section_01 ul li:first-child {margin-left: 0;}
.Recruit .section_01 ul li img {display: inline-block; width: 100px; vertical-align: top;}
.Recruit .section_01 ul li .txt {display: inline-block; width: calc(100% - 100px); padding-left: 6%; font-size: 16px; line-height: 28px; vertical-align: top; box-sizing: border-box;}
.Recruit .section_01 ul li .txt strong {display: block; padding-bottom: 18px; font-size: 23px; font-weight: 400; line-height: 1.3;}

.Recruit .section_02 {padding: 120px 0; background: url('/images/recruit/recruit_bg.jpg') no-repeat center top; background-size: cover;}
.Recruit .section_02 .TitleArea02 h3 {color: #fff;}
.Recruit .section_02 ul {display:flex; flex-wrap:wrap;}
.Recruit .section_02 ul li {width: 32%; margin-left: 2%; padding: 4%; background: #fff; box-sizing: border-box; line-height: 28px;}
.Recruit .section_02 ul li:first-child {margin-left: 0;}
.Recruit .section_02 ul li strong {display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #36498b; font-size: 23px; font-weight: 400;}

.Recruit .welfare_tb {width: 100%; table-layout: fixed; border-top: 1px solid #999;}
.Recruit .welfare_tb tr:nth-child(2n-1) th,
.Recruit .welfare_tb tr:nth-child(2n-1) td {border-bottom: 1px solid #ddd;}
.Recruit .welfare_tb tr:nth-child(2n) th,
.Recruit .welfare_tb tr:nth-child(2n) td {border-bottom: 1px solid #999; background: #f7f7f7;}
.Recruit .welfare_tb th {width: 270px; padding: 15px 0 15px 30px; font-size: 17px; font-weight: 400; text-align: left;}
.Recruit .welfare_tb th img {width: 28px; margin-top: -6px; margin-right: 30px; vertical-align: middle;}
.Recruit .welfare_tb td {padding: 15px 0; text-align: left;}

/* 개인정보처리방침 */
.rule-txt-area textarea {width: 100%; height: 600px; padding: 20px; resize:none; box-sizing: border-box;}

/*foot*/
#foot {width:100%;}
.sub #foot {border-top: 1px solid #dfdfdf;}
.footWrap {padding: 50px 0; color: #666; line-height: 28px;}
.footWrap address span {display: inline-block; padding-right: 14px;}
.footWrap .footCnt {float: left;}
.footWrap .f_util {float: right;}
.footWrap .f_util a {display: block;}
.footWrap .f_util a:first-child {color: #0a3e87;}

/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:80px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}


/*============================================================*/
/*======================= PC 1080 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1080px){

.inner {max-width: 100%; padding: 0 4%;}

/* header */
.headerWrap {max-width: 100%; padding-left: 4%; box-sizing: border-box;}

/*main contents */
#mainVisual .slide-controls {right: 4%; margin-right: 0;}

.main_about_company .inner {padding: 0 4%;}
.main_about_company .TxtArea {padding-right: 4%; box-sizing: border-box;}
.main_about_company .TxtArea .txt_con {position: static; left: 0; margin-left: 0; width: 100%; transform:translateY(0); box-sizing: border-box;}
.main_about_company .TxtArea .txt_con p br.pc2 {display: none;}
.main_about_company .ImgArea {width: 50%; padding-right: 0;}

.main_business .ImgArea {padding-left: 0; width: 50%;}
.main_business .TxtArea {width: 50%;}
}





/*============================================================*/
/*======================= PC 1180 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1180px){

/* header */
.headerWrap .top_searchArea .search_con {width: 100%; padding: 0 4%; box-sizing: border-box;}
.headerWrap .top_searchArea .btn_t_search {right: 4%;}


/* 사업분야 */
#Business.view .PrdBox .TxtArea {padding: 50px 30px;}

}

@media only screen and (max-width:500px){
#Business .InfoArea dl dd { padding-left:35px; background: url('/images/common/bullet.gif') no-repeat 0 6px;}
}