@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url("//fonts.googleapis.com/earlyaccess/notosanskr.css");

body, html {font-family:'Noto Sans KR'; font-weight:400; margin:0; padding:0; font-size:16px; width:100%; overflow:auto; overflow-x:auto; word-wrap:normal; word-break:keep-all;}
a {text-decoration:none;}
::selection {background-color:#000; color:#FFF;}
::-moz-selection {background-color:#000; color:#FFF;}
.wrap {width:1180px; margin:auto;}
.wrap-header {width:100%; height:75px; background-color:rgba(255, 255, 255, 1.0); display:flex; position:relative; z-index:10000; border-bottom:#E1E1E1 solid 1px;}
.header {display:flex; padding:0;}
.header-logo {display:flex; align-self:center; justify-content:center;}
.gnb {display:flex; margin:auto 0 auto auto;}
.header nav {text-align:center; height:75px;}
.header nav > ul {list-style:none; padding:0px; display:flex;}
.header nav > ul > li {font-weight:500; float:left; width:150px; height:47px; line-height:1; margin-top:13px; position:relative; font-size:16px; color:rgba(78,78,78,1); cursor:pointer;}
.header .header-on {color:rgba(0, 93, 170, 1) !important; font-weight:700;}
.header nav > ul > li:hover {font-weight:700; color:rgba(0,93,170,1.0);}
.header a {color:#4E4E4E;}
.header a:hover {font-weight:700;}
.header a:visited {color:#4E4E4E;}
/*드롭다운 하위메뉴*/
.header ul .drop-menu {position:absolute; top:46px; left:0%; width:100%; padding:0px 10px; background-color:rgba(255,255,255,1.0);}
.header ul .drop-menu li {font-weight:500; font-size:14px; height:auto; color:rgba(78,78,78,1.0); text-transform:uppercase; padding:7px 0; line-height:normal;}
.header ul .drop-menu a {text-decoration:none; color:rgba(78,78,78,1.0);}
.header ul .drop-menu li a:hover {font-weight:700; opacity:1;}
.header ul .drop-menu li {display:none;}
.header li:hover >ul.drop-menu {padding-top:30px; height:auto; padding-bottom:30px; opacity:1;}
.header li:hover > ul.drop-menu li {opacity:1; transition:.2s ease-in; display:block;}
.top-section{width:100%; height:307px; background-size:cover; background-repeat:no-repeat; background-position:center; position:relative;}
.top-section .top-background div{background-color:rgba(0,0,0, 0.3); width:100%; height:auto; position:absolute; color:#FFF; padding:142px 0px 93px 0; display:flex; align-items:center; justify-content:center;}
.top-section .top-background div > p {font-size:36px; font-weight:700; line-height:0;}
.top-section .sub-nav {width:100%; height:48px; background-color:rgba(0, 0, 0, 0.5); position:absolute; border-bottom:solid 1px rgba(225, 225, 225, 0.25); z-index:999; transition:ease-in-out 0.3s;}
.top-section .sub-nav .wrap {border-left:solid 1px rgba(225, 225, 225, 0.25);}
.top-section .sub-nav .wrap .fix-nav {margin:0; padding:0; font-size:14px; display:flex; height:48px; list-style:none;}
.top-section .sub-nav .wrap .fix-nav .go-home {width:auto; height:48px; border-right:solid 1px rgba(225, 225, 225, 0.25); padding:0; margin:0; top:0;}
.top-section .sub-nav .wrap .fix-nav .category {display:inline-block; list-style:none; margin:0; border-right:solid 1px rgba(225, 225, 225, 0.25);}
.top-section .sub-nav .wrap .fix-nav .category > ul >li:hover{background-color:rgba(0,58,106,0.5);}
.top-section .sub-nav .wrap .fix-nav .category a {text-decoration:none; color:#FFF; display:flex; align-items:center; width:170px; height:48px; padding-left:20px;}
.top-section .sub-nav .wrap .fix-nav .category a >.main-category {width:100%;}
.top-section .sub-nav .wrap .fix-nav .category a > div > span {right:0; padding-right:15px; margin-left:10px;}
#main-category-menu, #sub-category-menu, #last-category-menu02 {position:absolute; list-style:none; margin:0; padding:0; transition:ease-in-out 0.3s; background-color:rgba(0, 0, 0, 0.5); width:190px; height:auto;}
#last-category-box01 {width:233px;}
#last-category-menu01 {position:absolute; list-style:none; margin:0; padding:0; transition:ease-in-out 0.3s; background-color:rgba(0, 0, 0, 0.5); width:253px; height:auto;}
#last-category-menu01 a {width:auto;}
.notice-menu {display:flex;}
/*스크롤내렸을때 고정 및 효과변경*/
.top-section .top-bar-fix {position:fixed; top:0; left:0; width:100%; background-color:#005DAA; border-bottom:solid 1px rgba(225, 225, 225, 0.25); transition:ease-in-out 0.3s;}
.sub-menu-fix {border-bottom:solid 1px rgba(225, 225, 225, 0.25); transition:ease-in-out 0.3s;}
#pc-tab {display:block;}
#m-tab {display:none;}
.tab-section {height :70px; border-bottom:solid 1px #E1E1E1;}
.tab-section .tab-menu {height:inherit;}
.tab-section .tab-menu ul {display:flex; list-style:none; margin:0; justify-content:center; padding-left:0; border-right:solid 1px #E1E1E1;}
.tab-section .tab-menu ul > a {width:100%; cursor:pointer;}
.tab-section .tab-menu ul > a > li {height:70px; display:flex; align-self:center; justify-content:center; align-items:center; border-left:solid 1px #E1E1E1; color:#4E4E4E;}
.tab-section .tab-menu .active-tab {height:68px; border-bottom:solid 3px #005DAA; font-weight:700;}
#about-05 {padding-bottom:80px;}
/********************본문****************************/
.main-text {width:100%; height:auto;}
.main-text .main-desc {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.main-text .main-desc .main-title{display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:28px; margin-top:0px; margin-bottom:40px; padding-top:80px; font-weight:700; line-height:1; font-family:'Noto Sans KR'}
/*타이틀 아래 부가설명 영역*/
.main-text .main-desc .desc {display:flex; flex-direction:column; align-items:center;}
.main-text .main-desc .desc p {line-height:0.45; margin-top:0px; font-size:16px; font-weight:400; color:#4E4E4E;}
.main-text .main-desc img{margin-top:0px;}
/********************본문끝****************************/
/**************회사소개 - CEO인사말 시작*****************/
.main-text .main-desc .ceo-container {margin:20px 0px 80px; padding:0;}
.main-text .main-desc .ceo-container .ceo-title {margin:0px 40px; line-height:0.9; border-bottom:2px solid #005DAA;}
.main-text .main-desc .ceo-container .ceo-title p {font-size:21px; color:#4E4E4E;}
.main-text .main-desc .ceo-container .ceo-title span {font-size:24px; font-weight:700; color:#005DAA;}
.main-text .main-desc .ceo-container .ceo-desc {margin:0px 40px; color:#4E4E4E; font-size:18px;}
.main-text .main-desc .ceo-container .ceo-desc p {line-height:1.6;}
.main-text .main-desc .ceo-container .ceo-desc .ceo-sign {display:flex; width:auto; justify-content:flex-end; align-items:flex-end; align-self:flex-end; flex-direction:column; margin:0px; padding-right:40px;}
.main-text .main-desc .ceo-container .ceo-desc .ceo-sign > div {display:flex; flex-direction:row; justify-content:center; align-items:flex-end; margin:0; padding:0;}
.main-text .main-desc .ceo-container .ceo-desc .ceo-sign > div p {font-size:24px; line-height:0;}
.main-text .main-desc .ceo-container .ceo-desc .ceo-sign > div > div {display:flex; flex-direction:column; align-items:center; margin-left:10px;}
.main-text .main-desc .ceo-container .ceo-desc .ceo-sign div img {margin:0; padding:0;}
.main-text .main-desc .ceo-container .ceo-desc .ceo-sign .pc-icon {display:flex;}
.main-text .main-desc .ceo-container .ceo-desc .ceo-sign .m-icon {display:none;}
/**************회사소개 - CEO인사말 끝*****************/
/**************회사소개 - 미션&비전&핵심가치 시작*****************/
.main-text .main-desc .mvc-container {width:100%; height:auto; margin:40px 0px 80px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:0px; z-index:-2;}
.main-text .main-desc .mvc-container .mission-vision-container {height:auto; margin-top:0; display:flex; flex-direction:row; width:100%;}
.main-text .main-desc .mvc-container .mission-vision-container .mission-container {width:50%; height:auto; margin-right:-10px; margin-left:10px; padding:10px 0px 10px; display:flex; justify-content:flex-end; align-items:center;}
.main-text .main-desc .mvc-container .mission-vision-container .mission-container .mission-circle {width:230px; height:230px; border-radius:50%; background:url(../images/about/bg_mission.png) repeat; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.main-text .main-desc .mvc-container .mission-vision-container .mission-container .mission-circle div,.main-text .main-desc .mvc-container .mission-vision-container .vision-container .vision-circle div, .main-text .main-desc .mvc-container .core-value-circle div {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.main-text .main-desc .mvc-container .mission-vision-container .mission-container .mission-circle p,.main-text .main-desc .mvc-container .mission-vision-container .vision-container .vision-circle p, .main-text .main-desc .mvc-container .core-value-circle p {color:#FFF; line-height:0; font-size:24px; font-weight:700; margin-top:11px;}
.main-text .main-desc .mvc-container .mission-vision-container .mission-container .mission-circle span,.main-text .main-desc .mvc-container .mission-vision-container .vision-container .vision-circle span, .main-text .main-desc .mvc-container .core-value-circle span {color:#FFF; font-size:28px; font-weight:700;}
.main-text .main-desc .mvc-container .mission-vision-container .mission-container .mission-text {text-align:center; margin-right:20px; color:#4E4E4E; line-height:0.45; font-size:18px;}
.main-text .main-desc .mvc-container .mission-vision-container .vision-container {width:50%; height:auto; margin-left:-10px; padding:10px 0px 10px; display:flex; justify-content:flex-start; align-items:center;}
.main-text .main-desc .mvc-container .mission-vision-container .vision-container .vision-circle {width:230px; height:230px; border-radius:50%; background:url(../images/about/bg_vision.png) repeat; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.main-text .main-desc .mvc-container .mission-vision-container .vision-container .vision-text {text-align:center; color:#4E4E4E; line-height:0.45; margin-left:20px; font-size:18px;}
.main-text .main-desc .mvc-container .line {width:2px; height:120px; background-color:#E1E1E1; margin:20px 0px;}
.main-text .main-desc .mvc-container .dot {width:10px; height:10px; border-radius:50%; border:2px solid #E1E1E1; margin-top:-20px;}
.main-text .main-desc .mvc-container .core-value-circle {width:230px; height:230px; border-radius:50%; background-color:#003A6A; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.main-text .main-desc .mvc-container .core-value-container {width:100%; height:auto; display:flex; align-items:center; align-self:center; justify-content:center; flex-direction:row; margin-top:-123px; z-index:-1;}
.main-text .main-desc .mvc-container .core-value-container .icon-circle {width:230px; height:230px; border-radius:50%; border:2px solid #E1E1E1; background-color:white; display:flex; align-items:center; justify-content:center;}
.main-text .main-desc .mvc-container .core-value-container .icon-circle div {display:flex; flex-direction:column; text-align:center; width:auto; height:auto;}
.main-text .main-desc .mvc-container .core-value-container .icon-circle div img {margin:-20px 0px -0px; width:100px; height:100px;}
.main-text .main-desc .mvc-container .core-value-container .icon-circle div p {line-height:1.45; font-size:21px; margin:0px; color:#4E4E4E; font-weight:700;}
/**************회사소개 - 미션&비전&핵심가치 끝*****************/
/**************회사소개 - 경영철학 시작*****************/
.main-text .main-desc .motive-container {width:100%; height:auto; padding:0px 0px 40px;}
.main-text .main-desc .motive-container .motive-contents {background-color:#F7F7F7; height:450px; margin-bottom:181px;}
.main-text .main-desc .motive-container .motive {display:flex; flex-direction:column; align-items:center; align-self:center; justify-content:center; height:auto; padding:20px 0px 20px 0px;}
.main-text .main-desc .motive-container .motive img {margin:40px 0px;}
.main-text .main-desc .motive-container .motive .motive-desc {height:auto; text-align:center;}
.main-text .main-desc .motive-container .motive .motive-desc p{line-height:1.45; color:#4E4E4E;}
.main-text .main-desc .motive-container .motive .motive-desc span {font-size:21px; font-weight:700; color:#005DAA;}
.main-text .main-desc .motive-sub-container {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; align-self:center; width:100%; height:450px; margin:20px 0px;}
.main-text .main-desc .motive-sub-container .motive-sub-contents {background-color:#FFF; width:49%; height:350px; display:flex; flex-direction:column; align-items:center; box-shadow:1px 1px 20px rgba(0, 0, 0, 0.1);}
.main-text .main-desc .motive-sub-container .motive-sub-contents .motive-desc {padding:0px 40px; margin-bottom:20px; width:87%;}
/*경영이념*/
.main-text .main-desc .management-philosophy-container {width:100%; height:480px; display:flex; justify-content:space-around; align-items:flex-start; align-self:flex-start; flex-direction:row; position:relative;}
.main-text .main-desc .management-philosophy-container .management-philosophy-contents {width:20%; height:100%; display:flex; align-items:center; justify-content:center; margin:0; padding:0; position:relative;}
.main-text .main-desc .management-philosophy-container .management-philosophy-contents img {padding:0; margin:0;}
.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-desc {color:#FFF; position:absolute; left:0; margin:0; padding:0; width:100%; height:100%; top:0; display:flex; justify-content:center; flex-direction:column; align-items:center; align-self:center;}
.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-desc p {font-size:21px; line-height:1.45; font-weight:700; text-align:center; margin:0; padding:0;}
.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-show-box {display:none; flex-direction:column; align-items:center; justify-content:center; background-color:#003A6A; position:absolute; width:100%; height:480px; top:0; left:0;}
.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-show-box .inline-box {width:80%; height:85%; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #FFF;}
.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-show-box .inline-box .title {margin:0px 0px 40px; display:flex; flex-direction:column; align-items:center;}
.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-show-box .inline-box .title p {margin:0; padding:0; font-size:21px; line-height:1.45; font-weight:700; color:#FFF;}
.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-show-box .inline-box .desc {padding:0px 20px; position:relative; display:block; width:86%;}
.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-show-box .inline-box .desc p{color:#FFF; line-height:1.45; text-align:center; margin-bottom:0;}
.main-text .main-desc .management-philosophy-container .management-philosophy-contents:hover .management-philosophy-show-box {display:flex;}
/**************회사소개 - 경영철학 끝*****************/
/**************회사소개 - 회사연혁 시작*****************/
#history-pc {display:block;}
#history-mobile {display:none;}
.main-desc .history-desc {margin:40px 0px 80px 0px; width:100%; display:flex; flex-direction:column;}
.main-desc .history-desc .history-01, .main-desc .history-desc .history-02{width:100%; height:auto; padding:0; display:flex; flex-direction:row;}
.main-desc .history-desc .contents-left{width:50%; border-right:solid 1px #E1E1E1; padding:40px 0px 20px 0px; text-align:right;}
.main-desc .history-desc .contents-right {width:50%; padding:40px 0px 20px 0px; text-align:left;}
.main-desc .history-desc .contents-left .years {font-size:28px; color:#005DAA; margin:0px 40px 10px 0px; font-weight:700;}
.main-desc .history-desc .contents-right .years {font-size:28px; color:#005DAA; margin:0px 0px 10px 40px; font-weight:700;}
.main-desc .history-desc .contents-left .text-left {border-right:solid 10px #005DAA; margin-right:40px; padding:0px 20px 0px 0px; height:auto;}
.main-desc .history-desc .contents-left .text-left p,.main-desc .history-desc .contents-right .text-right p {line-height:1; font-size:15px; font-weight:400; color:#4E4E4E;}
.main-desc .history-desc .contents-right .years {font-size:28px; color:#005DAA; margin:0px 0px 10px 40px; font-weight:700;}
.main-desc .history-desc .contents-right .text-right {border-left:solid 10px #005DAA; margin-left:40px; padding:0px 0px 0px 20px; height:auto;}
.main-desc .history-desc .history-01 .contents-right img {width:100%; height:auto; padding:0px 0px 0px 40px;}
.main-desc .history-desc .history-02 .contents-left img {height:auto; padding:0px 40px 0px 0px;}
.main-desc .history-desc .circle {width:20px; height:20px; border-radius:50%; background-color:#005DAA; margin:45px -11px; z-index:1;}
/**************회사소개 - 회사연혁 끝******************/
/**************사업분야 - 시작****************/
.main-text .main-desc .brand-logo {position:relative; margin-top:80px;}
.main-text .main-desc .slogan {font-family:'KoPub Batang', serif; font-weight:100; font-size:36px; color:rgba(128, 128, 128, 0.6); font-style:italic; margin-top:40px; line-height:1;}
/*사업분야 쇼핑몰 바로가기*/
.shop-link {z-index:1; height:180px; display:flex; justify-content:flex-end; align-items:flex-end; align-self:center; position:relative; margin-top:0px; right:0;}
.shop-link .link-box {cursor:pointer; z-index:1; width:180px; height:180px; background-color:#282828; position:relative; padding:0px 0px 0px 0px; color:#000; text-decoration:none; top:20px;}
.shop-link .link-box:hover {background-color:#003A6A;}
.shop-link .link-box a {color:#FFF;}
.shop-link .link-box div {padding:20px 0px 0px 30px;}
.shop-link .link-box div p {line-height:0.45; font-size:16px; font-weight:400;}
/* 한 페이지에 2번째 링크박스 */
.shop-link2 {position:absolute !important; z-index:2 !important; left:-400px;}
/*사업분야 하단 이미지*/
.pictures-area {width:inherit; height:860px; background-image:url(//nnxnetworks.cdn3.cafe24.com/nni/assets/images/business/shimano.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; margin-top:-120px;}
/**************인재채용 - 인재상&채용절차 시작****************/
#hire-01 .desc {}
#hire-01 .desc p {width:100%; line-height:1.45; text-align:center;}
.main-text .main-desc .human-resources-container {width:100%; height:480px; display:flex; margin:40px 0px 0px; justify-content:space-around; align-items:flex-start; align-self:flex-start; flex-direction:row; position:relative;}
.main-text .main-desc .human-resources-container .human-resources-contents {width:20%; height:100%; display:flex; align-items:center; justify-content:center; padding:0; position:relative; margin:0px 5px; background-color:#F7F7F7;}
.main-text .main-desc .human-resources-container .human-resources-contents img {padding:0; margin:0;}
.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-desc {color:#000; position:absolute; margin:0; padding:0; width:100%; height:100%; top:0; left:0; display:flex; justify-content:center; flex-direction:column; align-items:center; align-self:center;}
.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-desc p {font-size:21px; line-height:1.45; font-weight:700; text-align:center; margin:0; padding:0;}
.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-show-box {display:none; flex-direction:column; align-items:center; justify-content:center; background-color:#EFEFEF; position:absolute; width:inherit; height:480px; width:100%; top:0; left:0;}
.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-show-box .inline-box {width:80%; height:85%; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #FFF;}
.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-show-box .inline-box .title {margin:0px 0px 40px; display:flex; flex-direction:column; align-items:center;}
.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-show-box .inline-box .title p {margin:0; padding:0; font-size:21px; line-height:1.45; font-weight:700; color:#003A6A;}
.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-show-box .inline-box .desc {padding:0px 20px; position:relative; display:block; width:86%;}
.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-show-box .inline-box .desc p{color:#4E4E4E; line-height:1.45; text-align:center; margin-bottom:0;}
.main-text .main-desc .human-resources-container .human-resources-contents:hover .human-resources-show-box {display:flex;}
.main-text .main-desc .hire-step-container {display:flex; flex-direction:row; justify-content:space-around; height:auto; margin-bottom:80px;}
.pc-icon {display:block; margin-top:91px;}
.m-icon {display:none; margin-top:0px;}
.main-text .main-desc .hire-step-container .step {width:200px; height:inherit;}
.main-text .main-desc .hire-step-container .step img {margin:0px 0px 20px;}
.main-text .main-desc .hire-step-container .step .title {color:#005DAA; font-weight:700; margin-bottom:20px; text-align:center; justify-content:center; height:50px; display:flex; flex-direction:column;}
.main-text .main-desc .hire-step-container .step .title p {font-size:21px; line-height:0.45; margin-bottom:10px; margin-top:10px;}
.main-text .main-desc .hire-step-container .step .step-desc {text-align:center; padding:0px 0px; color:#4E4E4E; margin:0; line-height:1.45;}
.main-text .main-desc .hire-step-container .step .step-desc span {font-weight:700;}
.main-text .main-desc .hire-step-container .step-arrow {display:flex; justify-content:center; align-items:center; margin-top:230px; height:0;}
/**************인재채용 - 인재상&채용절차 끝****************/
/**************인재채용 - 복리후생 시작****************/
.main-text .main-desc .benefits-container {width:100%; height:auto; margin-bottom:80px;}
.main-text .main-desc .benefits-container .benefits-contents {width:100%; height:auto; margin:0; display:flex; flex-direction:column; padding:20px 0px;}
.main-text .main-desc .benefits-container .benefits-contents .benefit {display:flex; flex-direction:row; align-items:center; height:auto;}
.main-text .main-desc .benefits-container .benefits-contents .benefit img {margin:0; margin-left:0px; margin-right:80px; width:auto; height:auto;}
.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc {display:flex; flex-direction:column; width:100%; height:auto; padding:10px 20px;}
.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc .benefit-title {font-size:21px; font-weight:700; color:#005DAA; line-height:0; margin-bottom:20px; margin-right:20px;}
.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc .benefit-list {display:flex; flex-direction:row; margin-right:20px;}
.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc .list-01,.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc .list-02{width:50%; padding:0; line-height:0;}
.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc .list-01 p,.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc .list-02 p{line-height:0.8; margin-left:20px; margin-top:0; color:#4E4E4E;}
/*복리후생 하단 사진영역*/
.main-text .main-desc .benefits-picture-container {width:100%; height:100%; background-color:#282828; display:flex; flex-direction:row;}
.main-text .main-desc .benefits-picture-container .picture-box {display:flex; flex-direction:row; padding:0; margin:0px 0px 0px 0px;}
.main-text .main-desc .benefits-picture-container .picture-box .contents {width:25%; height:99%; min-height:99%; max-height:99%; position:relative; overflow:hidden;}
.main-text .main-desc .benefits-picture-container .pc-icon {display:block;}
.main-text .main-desc .benefits-picture-container .m-icon {display:none;}
.main-text .main-desc .benefits-picture-container .contents * {-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out;}
.main-text .main-desc .benefits-picture-container img {display:block; max-width:100%; position:relative; opacity:1; margin:0px;}
.main-text .main-desc .benefits-picture-container p {z-index:2; color:#FFF; position:absolute;}
.main-text .main-desc .benefits-picture-container .contents:hover img {-webkit-transform:scale(1.08); transform:scale(1.08);}
.main-text .main-desc .benefits-picture-container .contents:hover .contents-show {display:flex;}
.main-text .main-desc .benefits-picture-container .contents .contents-show {width:100%; height:100%; position:absolute; display:none; justify-content:center; align-items:center; align-self:center; flex-direction:column; background-color:rgba(0, 0, 0, 0.25); z-index:1; margin:0px;}
.main-text .main-desc .benefits-picture-container .contents .contents-show > div {display:flex; justify-content:center; align-items:center; flex-direction:column; align-self:center; width:99%;}
.main-text .main-desc .benefits-picture-container .contents .contents-show img {min-width:80px; max-width:80px; padding:0; z-index:1;}
.main-text .main-desc .benefits-picture-container .contents .contents-show p {padding:0; margin:0; position:relative;}
/**************인재채용 - 복리후생 끝*****************/
/**************인재상 - 조직문화 시작*****************/
.main-text .main-desc .org-culture-container {width:100%; background-color:#F7F7F7; display:flex; flex-direction:column; justify-content:center; align-items:center; align-self:center; padding-top:20px; padding:40px 0px 40px; margin-top:40px;}
.main-text .main-desc .org-culture-container .org-culture {display:flex; flex-direction:row; align-items:center; align-self:flex-start; width:auto; margin-top:0px; padding-left:120px;}
.main-text .main-desc .org-culture-container .org-culture .org-culture-icon {display:flex; flex-direction:column; align-items:center;}
.main-text .main-desc .org-culture-container .org-culture .org-culture-icon img {margin:0px 0px 0px;}
.main-text .main-desc .org-culture-container .org-culture .org-culture-icon span {font-size:21px; font-weight:700;}
.main-text .main-desc .org-culture-container .org-culture .org-culture-icon p {margin-top:0px; line-height:0.8;}
.main-text .main-desc .org-culture-container .org-culture .org-culture-desc {display:flex; flex-direction:column; margin-left:60px;}
.main-text .main-desc .org-culture-container .org-culture .org-culture-desc .org-culture-title {font-size:18px; font-weight:700; color:#005DAA; margin:0; padding:0; line-height:0;}
.main-text .main-desc .org-culture-container .org-culture .org-culture-desc .org-culture-text {margin:0px 0px 0px 20px; color:#4E4E4E;}
/**************인재상 - 조직문화 끝*****************/
/**************고객센터*****************/
.cs-contents{padding-bottom:80px;}
/**************고객센터 - 공지사항 시작*****************/
.main-text .main-desc .notice-title {width:100%; height:auto; padding:0; background-color:#f7f7f7; margin:0;}
/**************고객센터 - 공지사항 끝*****************/
/**************고객센터 - 문의하기 시작*****************/
.main-text .main-desc a, .main-text .main-desc a:visited {}
.main-text .main-desc .qna {margin-top:20px; padding:20px 0px 0px; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.main-text .main-desc .qna form {border-top:2px solid #282828; border-bottom:2px solid #282828; padding:20px 0px 20px; margin:0px; width:100%;}
.main-text .main-desc .qna div {display:flex; align-items:center; margin-bottom:20px; border-bottom:1px solid #E1E1E1; padding:0px 20px;}
.main-text .main-desc .qna p {width:120px; margin-right:40px; margin-bottom:40px; line-height:1; color:#000;}
.main-text .main-desc .qna input {border-radius:2px; border:1px solid #808080; padding:10px; width:100%; margin-bottom:20px;}
.main-text .main-desc .qna select {margin:0; padding:10px; width:100%; border:1px solid #808080; margin-bottom:20px;}
.main-text .main-desc .qna textarea {border-radius:2px; border:1px solid #808080; padding:10px; width:100%; resize:none; font-family:'Nanum Barun Gothic'; font-size:16px; margin-bottom:20px;}
.main-text .main-desc .qna .private-container {display:flex; flex-direction:column; align-self:center; align-items:center; height:auto; position:relative; width:100%; border-bottom:0px solid #000; padding:20px 0px 0px;}
.main-text .main-desc .qna .private-container > div {display:flex; flex-direction:column; align-items:flex-start; margin-top:20px; border-bottom:0px solid #000;}
.main-text .main-desc .qna .private-container p {width:auto; line-height:1; margin:0px 0px 20px 0px;}
.main-text .main-desc .qna .private-container span {font-size:14px; color:#4E4E4E;}
.main-text .main-desc .qna .private-container .private {display:flex; flex-direction:column; background-color:#F7F7F7; width:920px; margin-top:20px; padding:20px 0px 0px 20px; margin-bottom:0; border-bottom:0px solid #E1E1E1;}
.main-text .main-desc .qna .private-container .private span {font-size:16px;}
.main-text .main-desc .qna .private-container .private-desc {display:flex; flex-direction:column; align-items:flex-start; align-self:flex-start; border-bottom:0px solid #E1E1E1; margin-bottom:0;}
.main-text .main-desc .qna .private-container .private-desc p {line-height:0.45; font-size:14px; color:#000;}
.main-text .main-desc .qna .agree {width:100%; padding:0px; display:flex; align-items:center; justify-content:center; align-self:center; border-bottom:0px solid #E1E1E1;}
.main-text .main-desc .qna .agree input[type="checkbox"] {margin-right:10px; margin-top:20px; width:auto;}
.main-text .main-desc .qna .submit {width:75px; padding:15px 20px; border-radius:2px; border:1px solid #E1E1E1; background-color:#005DAA; color:#FFF; margin-right:5px;}
.main-text .main-desc .qna .cancle {width:75px; padding:15px 20px; border-radius:2px; border:1px solid #E1E1E1; background-color:#F7F7F7; color:#4E4E4E; margin-left:5px;}
/**************고객센터 - 문의하기 시작*****************/
/**************고객센터 - 오시는길 시작*****************/
.main-text .main-desc .cs-map {display:flex; flex-direction:column; align-items:center; justify-content:center; align-self:flex-start; text-align:left; width:100%; border-top:solid 1px #E1E1E1; padding:20px 0px;}
.main-text .main-desc .cs-map div {width:100%; margin:0px;}
.main-text .main-desc .cs-map .m-icon {display:none;}
.main-text .main-desc .cs-map .pc-icon {display:block;}
.main-text .main-desc .cs-map .pc-icon p{display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; align-self:flex-start; color:#4E4E4E; line-height:1; width:100%;}
.main-text .main-desc .cs-map p span {width:100px; padding-right:20px; font-weight:700; color:#000;}
/**************고객센터 - 오시는길 끝*****************/
/**************서비스이용약관 및 개인정보취급방침 시작*****************/
.main-text .main-desc .privacy {padding:0px; width:inherit; color:#4E4E4E; margin-bottom:80px;}
.main-text .main-desc .privacy div {margin-top:40px; padding:0px 20px 0px;}
.main-text .main-desc .privacy div p {line-height:1.45;}
.main-text .main-desc .privacy div span {font-weight:700; color:#005DAA; font-size:18px;}
.main-text .main-desc .privacy .sub {margin-top:0px; font-size:14px;}
.main-text .main-desc .privacy .sub p {line-height:1.45;}
.main-text .main-desc .privacy .sub-privacy {padding:10px 20px; background-color:#F7F7F7; font-size:14px; margin-top:0px; line-height:0.45;}
/**************서비스이용약관 및 개인정보취급방침 끝*****************/
footer {width:100%; height:auto; background-color:#282828;}
footer .wrap {display:flex; padding:40px 0 30px 0;}
footer .wrap .site-link {margin-left:80px; width:100%;}
footer .wrap .site-link ul{display:flex; flex-direction:row; list-style:none; padding-left:0; align-items:flex-start; margin-bottom:40px;}
footer .wrap .site-link ul> li{line-height:0; margin-right:20px; margin-top:-8px; color:#FFF; font-weight:400;}
footer a {color:#FFF; font-weight:400;}
footer a:hover {color:#FFF;}
footer a:visited {color:#FFF; font-weight:400;}
footer .wrap .site-link p {line-height:0.6; font-size:14px; color:#808080;}
#move-top {position:fixed; right:2%; bottom:50px; display:none;}