@charset "UTF-8";
.subCon { position: relative; overflow: hidden; }

.subCon.headerfix { padding-top: 100px; }

.subCon input[type="text"], .subCon input[type="number"], .subCon input[type="password"], .subCon input[type="email"], .subCon input[type="file"] { height: 50px; padding: 0 20px; font-size: 16px; font-weight: 500; color: #222; border: 1px solid #ddd; background: #fff; }

.subCon input[type="text"]::-webkit-input-placeholder, .subCon input[type="number"]::-webkit-input-placeholder, .subCon input[type="password"]::-webkit-input-placeholder, .subCon input[type="email"]::-webkit-input-placeholder, .subCon input[type="file"]::-webkit-input-placeholder { color: #999; font-weight: 400; }

.subCon input[type="text"]::-moz-placeholder, .subCon input[type="number"]::-moz-placeholder, .subCon input[type="password"]::-moz-placeholder, .subCon input[type="email"]::-moz-placeholder, .subCon input[type="file"]::-moz-placeholder { color: #999; font-weight: 400; }

.subCon input[type="text"]:-ms-input-placeholder, .subCon input[type="number"]:-ms-input-placeholder, .subCon input[type="password"]:-ms-input-placeholder, .subCon input[type="email"]:-ms-input-placeholder, .subCon input[type="file"]:-ms-input-placeholder { color: #999; font-weight: 400; }

.subCon input[type="text"]::-ms-input-placeholder, .subCon input[type="number"]::-ms-input-placeholder, .subCon input[type="password"]::-ms-input-placeholder, .subCon input[type="email"]::-ms-input-placeholder, .subCon input[type="file"]::-ms-input-placeholder { color: #999; font-weight: 400; }

.subCon input[type="text"]::placeholder, .subCon input[type="number"]::placeholder, .subCon input[type="password"]::placeholder, .subCon input[type="email"]::placeholder, .subCon input[type="file"]::placeholder { color: #999; font-weight: 400; }

.subCon input[type="text"]:-ms-input-placeholder, .subCon input[type="number"]:-ms-input-placeholder, .subCon input[type="password"]:-ms-input-placeholder, .subCon input[type="email"]:-ms-input-placeholder, .subCon input[type="file"]:-ms-input-placeholder { color: #999; font-weight: 400; }

.subCon input[type="text"]::-ms-input-placeholder, .subCon input[type="number"]::-ms-input-placeholder, .subCon input[type="password"]::-ms-input-placeholder, .subCon input[type="email"]::-ms-input-placeholder, .subCon input[type="file"]::-ms-input-placeholder { color: #999; font-weight: 400; }

.subCon input[type="number"]::-webkit-outer-spin-button, .subCon input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.subCon textarea { padding: 10px; width: 100%; font-size: 16px; font-weight: 500; color: #222; border: 1px solid #ddd; background: #fff; }

.subCon select { height: 50px; line-height: 50px; padding: 0 50px 0 20px; font-size: 16px; font-weight: 500; color: #222; border: 1px solid #ddd; background: #fff url("/common/ko//img/layout/moMenu_arrow_d.png") center right 20px no-repeat; background-size: 15px auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* sub_visual */
.sub_visual { height: 720px; position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.sub_visual .sub_visualTxt { width: 100%; padding: 0 60px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); color: #fff; text-align: center; }

.sub_visual .sub_visualTxt p { font-size: 94px; font-weight: bold; line-height: 1.1; }

.sub_visual .sub_visualTxt p span { font-size: 110px; letter-spacing: normal; font-family: "Raleway", sans-serif; }

.sub_visual .sub_visualTxt > span { display: block; margin-top: 15px; font-size: 28px; line-height: 1.4; }

.sub_visual .sub_visualTxt > a { margin-top: 35px; }

.sub_visual .shareWrap { position: absolute; bottom: 20px; right: 60px; font-size: 0; }

.sub_visual .shareWrap img { width: 50px; }

.sub_visual .shareWrap dt { width: 190px; position: absolute; top: 0; right: 70px; }

.sub_visual .shareWrap dt a { display: inline-block; margin-right: 20px; -webkit-transform: scale(0.5) rotate(-45deg); -ms-transform: scale(0.5) rotate(-45deg); transform: scale(0.5) rotate(-45deg); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; pointer-events:none; }

.sub_visual .shareWrap dt a:first-of-type { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.sub_visual .shareWrap dt a:nth-of-type(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

.sub_visual .shareWrap dt a:last-of-type { margin-right: 0; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.sub_visual .shareWrap dt.on a { -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; pointer-events:auto; }

.sub_visual .shareWrap dt.on a:first-of-type { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.sub_visual .shareWrap dt.on a:nth-of-type(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

.sub_visual .shareWrap dt.on a:last-of-type { margin-right: 0; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.sub_visual .shareWrap dd { display: inline-block; cursor: pointer; }

/* 솔루션 - 플랫폼 */
.subVisual01_01_01 { background-image: url("/common/ko//img/content/subVisual01_01_01.jpg"); }

.subVisual01_01_02 { background-image: url("/common/ko//img/content/subVisual01_01_02.jpg"); }

.subVisual01_01_03 { background-image: url("/common/ko//img/content/subVisual01_01_03.jpg"); }

.subVisual01_01_04 { background-image: url("/common/ko//img/content/subVisual01_01_04.jpg"); }

.subVisual01_01_05 { background-image: url("/common/ko//img/content/subVisual01_01_05.jpg"); }

.subVisual01_01_06 { background-image: url("/common/ko//img/content/subVisual01_01_06.jpg"); }/*20210106 추가*/

.subVisual01_01_07 { background-image: url("/common/ko//img/content/subVisual01_OneAccessEX.jpg"); }/*20210112 추가*/

/* 솔루션 - 모바일 보안 */
.subVisual01_02_01 { background-image: url("/common/ko//img/content/subVisual01_02_01.jpg"); }

.subVisual01_02_02 { background-image: url("/common/ko//img/content/subVisual01_02_02.jpg"); }

.subVisual01_02_03 { background-image: url("/common/ko//img/content/subVisual01_02_03.jpg"); }

.subVisual01_02_04 { background-image: url("/common/ko//img/content/subVisual01_02_04.jpg"); }

.subVisual01_02_05 { background-image: url("/common/ko//img/content/subVisual01_02_05.jpg"); }

.subVisual01_02_06 { background-image: url("/common/ko//img/content/subVisual01_02_06.jpg"); }

.subVisual01_02_07 { background-image: url("/common/ko//img/content/subVisual01_02_07.jpg"); }

.subVisual01_02_08 { background-image: url("/common/ko//img/content/subVisual01_02_08.jpg"); }

.appiron_hero { background-image: url("/common/ko//img/content/appiron_hero.png"); }

/* 솔루션 - PC 보안 */
.subVisual01_03_01 { background-image: url("/common/ko//img/content/subVisual01_03_01.jpg"); }

.subVisual01_03_02 { background-image: url("/common/ko//img/content/subVisual01_03_02.jpg"); }

.subVisual01_03_03 { background-image: url("/common/ko//img/content/subVisual01_03_03.jpg"); }

.subVisual01_03_04 { background-image: url("/common/ko//img/content/subVisual01_03_04.jpg"); }

.subVisual01_03_05 { background-image: url("/common/ko//img/content/subVisual01_03_05.jpg"); }

.subVisual01_03_06 { background-image: url("/common/ko//img/content/subVisual01_03_06.png"); }

/* 제품탐색기 */
.subVisual01_04_01 { background-image: url("/common/ko//img/content/subVisual01_04_01.jpg"); }

/* 서	비스 */
.subVisual02_01_01 { background-image: url("/common/ko//img/content/subVisual02_01_01.jpg"); }

.subVisual02_01_02 { background-image: url("/common/ko//img/content/subVisual02_01_02.png"); }

.subVisual02_01_03 { background-image: url("/common/ko//img/content/subVisual02_01_03.jpg"); }

.subVisual02_01_04 { background-image: url("/common/ko//img/content/subVisual02_01_04.jpg"); }

.subVisual02_01_05 { background-image: url("/common/ko//img/content/subVisual02_01_05.jpg"); }

.subVisual02_01_06 { background-image: url("/common/ko//img/content/subVisual02_01_06.jpg"); }

.subVisual02_01_07 { background-image: url("/common/ko//img/content/subVisual02_01_07.jpg"); }

.subVisual02_01_TouchEn_SAM { background-image: url("/common/ko//img/content/subVisual02_01_TouchEn_SAM.jpg"); }

/* 20200516 서비스 - 추가  */
.subVisual02_02_01 { background-image: url("/common/ko//img/content/subVisual02_02_01.jpg"); }
.subVisual02_02_02 { background-image: url("/common/ko//img/content/subVisual02_02_02.jpg"); }

/* 20200924 서비스 - 추가  */
.subVisual02_03_01 { background-image: url("/common/ko//img/content/subVisual02_03_01.png"); }


/* 레퍼런스 - 분야별 도입사례 */
.subVisual03_01_01 { background-image: url("/common/ko//img/content/subVisual03_01_01.jpg"); }

.subVisual03_01_02 { background-image: url("/common/ko//img/content/subVisual03_01_02.jpg"); }

.subVisual03_01_03 { background-image: url("/common/ko//img/content/subVisual03_01_03.jpg"); }

.subVisual03_01_04 { background-image: url("/common/ko//img/content/subVisual03_01_04.png"); }

.subVisual03_01_05 { background-image: url("/common/ko//img/content/subVisual03_01_05.png"); }

.subVisual03_01_06 { background-image: url("/common/ko//img/content/subVisual03_01_06.png"); }

/* 레퍼런스 - 업종별 특화 솔루션 */
.subVisual03_02_01 { background-image: url("/common/ko//img/content/subVisual03_02_01.jpg"); }

.subVisual03_02_02 { background-image: url("/common/ko//img/content/subVisual03_02_02.jpg"); }

.subVisual03_02_03 { background-image: url("/common/ko//img/content/subVisual03_02_03.jpg"); }

/* 고객지원 */
.subVisual04_01_01 { background-image: url("/common/ko//img/content/subVisual04_01_01.jpg"); }
.subVisual04_01_001 { background-image: url("/common/ko//img/content/subVisual04_01_001.png"); }

.subVisual04_01_02 { background-image: url("/common/ko//img/content/subVisual04_01_02.jpg"); }
.subVisual04_01_002 { background-image: url("/common/ko//img/content/subVisual04_01_002.png"); }

.subVisual04_01_04 { background-image: url("/common/ko//img/content/subVisual04_01_04.jpg"); }

/* 라온 - 인재채용 */
.subVisual05_02_01 { background-image: url("/common/ko//img/content/subVisual05_02_01.jpg"); }
.subVisual05_02_001 { background-image: url("/common/ko//img/content/subVisual05_02_001.png"); }
.subVisual05_02_002 { background-image: url("/common/ko//img/content/subVisual05_02_002.png"); }
.subVisual05_02_003 { background-image: url("/common/ko//img/content/subVisual05_02_003.png"); }
.subVisual05_02_004 { background-image: url("/common/ko//img/content/subVisual05_02_004.png"); }

/* snc - si/sm 서비스 */
.subVisual06_02_001 { background-image: url("/common/ko//img/content/subVisual06_02_001.png"); }
.subVisual06_02_002 { background-image: url("/common/ko//img/content/subVisual06_02_002.png"); }
.subVisual06_02_003 { background-image: url("/common/ko//img/content/subVisual06_02_003.png"); }

/* sub product common */
.subProd_con > div { padding-top: 100px; padding-bottom: 100px; }

.subProd_con > div h3 { font-size: 40px; font-weight: 600; }

.subProd_con > .subProd01 { padding-top: 110px; padding-bottom: 80px; text-align: center; }

.subProd_con > .subProd01 h3 { font-size: 48px; font-weight: 500; line-height: 1.5; }

.subProd01 p { margin-top: 20px; font-size: 20px; color: #666; line-height: 1.6; }

.subProd01 strong { font-weight: inherit; }

.subProd01 span { display: block; margin-top: 20px; font-size: 16px; color: #999; font-weight: 300; line-height: 1.5; letter-spacing: normal; }

.subProd01 ul { margin-top: 45px; font-size: 0; text-align: center; }

.subProd01 ul li { display: inline-block; width: 119px; vertical-align: middle; }

.subProd01 ul li:last-of-type { margin-right: 0; }

.subProd01 ul li img { width: 100%; }

.subProd_con > .subProd02 { padding-bottom: 0; background: url("/common/ko//img/content/subProd02_bg.jpg") center center no-repeat; background-size: cover; overflow: hidden; }

.subProd_con > .subProd02_01_02 { background-image: url("/common/ko//img/content/subProd02_01_02_bg.jpg"); }

.subProd_con > .subProd02_01_03 { background-image: url("/common/ko//img/content/subProd02_01_03_bg.jpg"); }

.subProd_con > .subProd02_02_01 { background-image: url("/common/ko//img/content/subProd02_02_01_bg.jpg"); }

.subProd_con > .subProd02_04_01 { background-image: url("/common/ko//img/content/subProd02_04_01.png"); }

.subProd02 ul { font-size: 0; }

.subProd02 ul li { display: inline-block; width: calc(33.33% - 20px); margin: 0 30px 95px 0; vertical-align: top; }

.subProd02 ul li:nth-of-type(3n) { margin-right: 0; }

.subProd02 ul li h3 { margin-bottom: 15px; font-size: 32px; color: #fff; font-weight: bold; line-height: 1.2; }

.subProd02 ul li p { margin-bottom: 35px; font-size: 20px; color: #fff; font-weight: bold; line-height: 1.3; }

.subProd02 ul li span { display: block; font-size: 16px; color: rgba(255, 255, 255, 0.6); font-weight: 300; line-height: 1.7; }

.subProd_con > .subProd02.subProd02_04_01 ul li { width: calc(50% - 30px); }

.subProd03 { font-size: 0; }

.subProd03 > img { width: 44.445%; margin-right: 5.555%; vertical-align: middle; position: relative; z-index: 1; }

.subProd03 .txtWrap { display: inline-block; width: 50%; vertical-align: middle; position: relative; z-index: 1; }

.subProd03 .txtWrap h3 { line-height: 1.3; }

.subProd03 .txtWrap p { font-size: 18px; color: #666; line-height: 1.4; }

.subProd03 .txtWrap ul { padding-left: 30px; font-size: 0; }

.subProd03 .txtWrap ul li { display: inline-block; width: calc((100% - 60px) / 2); margin: 80px 60px 0 0; vertical-align: top; }

.subProd03 .txtWrap ul li:nth-of-type(2n) { margin-right: 0; }

.subProd03 .txtWrap ul li span { display: block; font-size: 48px; color: #ff8400; font-weight: 200; letter-spacing: normal; }

.subProd03 .txtWrap ul li h4 { margin-top: 15px; font-size: 28px; font-weight: 600; line-height: 1.3; }

.subProd03 .txtWrap ul li p { margin-top: 10px; font-size: 16px; color: #666; font-weight: 300; line-height: 1.7; }

.subProd03 .txtWrap .subProd03_img { margin-top: 100px; padding-left: 30px; font-size: 0; }

.subProd03 .txtWrap .subProd03_img dt { margin-bottom: 15px; color: #999; }

.subProd03 .txtWrap .subProd03_img img { width: 120px; margin-right: 40px; vertical-align: top; }

.subProd03 .txtWrap .subProd03_img ul { display: inline-block; width: calc(100% - 180px); padding: 0; margin-top: 8px; vertical-align: top; }

.subProd03 .txtWrap .subProd03_img ul li { width: calc((100% - 50px) / 2); margin: 0 50px 0 0; }

.subProd03 .txtWrap .subProd03_img ul li:nth-of-type(2n) { margin-right: 0; }

.subProd03 .txtWrap .subProd03_img ul li p { color: #999; }

.subProd03_service { position: relative; }

.subProd03_service::after { content: ""; display: block; width: 300%; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #f8f8f8; }

.subProd04 { background: #272a44; text-align: center; }

.subProd04 h3 { color: #fff; }

.subProd04 .imgWrap { margin-top: 50px; }

.subProd04 .imgWrap img { max-width: 100%; border-radius: 15px; }

.subProd04_scroll .imgWrap li { margin-bottom: 50px; }

.subProd04_scroll .imgWrap li:last-of-type { margin-bottom: 0; }

.subProd04_02 { background: url("/common/ko//img/content/subProd04_bg.jpg") no-repeat center center; background-size: cover; }

.subProd04_02 h3 { margin-bottom: 60px; line-height: 1.3; }

.subProd05 h3 { margin-bottom: 40px; }

.subProd05 dl { width: 100%; padding: 20px 30px; border-top: 1px solid #eee; display: table; cursor: pointer; }

.subProd05 dl:last-of-type { border-bottom: 1px solid #eee; }

.subProd05 dl dt { display: table-cell; width: 40%; margin-right: 80px; padding-right: 40px; font-size: 0; vertical-align: middle; line-height: 1.2; }

.subProd05 dl dt .imgWrap { display: inline-block; width: 80px; height: 80px; line-height: 80px; margin-right: 20px; border-radius: 50%; vertical-align: middle; background: #ff8400; text-align: center; }

.subProd05 dl dt .imgWrap img { width: 75%; vertical-align: middle; }

.subProd05 dl dt span { display: inline-block; max-width: calc(100% - 100px); font-size: 28px; color: #ff8400; font-weight: bold; vertical-align: middle; line-height: 1.2; }

.subProd05 dl dd { display: table-cell; width: 60%; font-size: 16px; padding-left: 80px; color: #666; font-weight: 300; line-height: 1.5; border-left: 2px solid #ddd; vertical-align: middle; }

.subProd06 { background: #f8f8f8; }

.subProd06 h3 { margin-bottom: 40px; font-size: 0; }

.subProd06 ul { font-size: 0; }

.subProd06 ul li { display: inline-block; width: 460px; height: 240px; padding: 35px 30px 70px; border-radius: 10px; background: #272a44 url("/common/ko//img/content/subProd06_liBg.png") top right no-repeat; background-size: auto 100%; color: #fff; position: relative; vertical-align: top; }

.subProd06 ul.li03 li { width: calc(33.33% - 20px); margin-right: 30px; }

.subProd06 ul li:last-of-type { margin-right: 0; }

.subProd06 ul li a { display: block; height: 100%; color:#fff; }

.subProd06 ul li p { font-size: 16px; line-height: 1.3; }

.subProd06 ul li a > span { display: block; margin-top: 20px; font-size: 32px; line-height: 1.3; }

.subProd06 ul li .downWrap { display: inline-block; position: absolute; bottom: 40px; left: 30px; padding: 1px 0 1px 24px; font-size: 16px; background: url("/common/ko//img/content/icon_fileDown.png") top left no-repeat; background-size: auto 100%; color:#fff; }

.subProd06 ul li:hover .downWrap:after { content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; bottom: -4px; left: 0; }

.subProd07 { background-color:#272a44; }

.subProd07 h3 { color: #fff; }

.subProd07 .titleLine { margin:20px 0px 32px; color: #fff; background-color:#FF8400; width:108px; height:8px; border-radius:6px; }

.subProd07 .subTitle { margin-bottom:32px; font-size:24px; line-height:1.2; letter-spacing:-0.2px; font-weight:300; color:#fff; }

.subProd07 .imgWrap {}

.subProd07 .imgWrap img { width:100%; } 


/* 서비스 문의 신청 */
.prodContactCon h3 { margin-top: -40px; padding: 40px 0; border-bottom: 2px solid #222; background: url("/common/ko//img/layout/m_menu.png") center right no-repeat; background-size: 32px auto; cursor: pointer; }

.prodContactCon h3.on { background-image: url("/common/ko//img/layout/m_menu_on.png"); }

.prodContactCon .prodContact { display: none; }

.prodContact .topTxt { margin-bottom: 60px; padding: 45px 30px; font-size: 18px; color: #666; line-height: 1.6; background: #f8f8f8; text-align: center; }

.privacyCheck_wrap { margin-bottom: 60px; }

.privacyCheck_wrap h4 { margin-bottom: 30px; font-size: 24px; font-weight: 600; }

.privacyCheck_wrap .privacyTxt { height: 200px; border: 1px solid #eee; overflow-y: auto; }
.privacyCheck_wrap .privacyTxt > div { height: 100%; padding: 20px 30px 0; font-size: 16px; line-height: 2; }
.privacyCheck_wrap .privacyTxt > div p { line-height: 2; }
.privacyCheck_wrap .privacyTxt > div dl { margin-top: 0; }/*20210111 수정*/
.privacyCheck_wrap .privacyTxt > div dl dt { font-weight: 600; font-size: 20px; text-align: left; line-height: 2; }
.privacyCheck_wrap .privacyTxt > div dl dd { margin-bottom: 20px; line-height: 2; }
.privacyCheck_wrap .privacyTxt > div dl dd ul { counter-reset: chapter 0; }
.privacyCheck_wrap .privacyTxt > div dl dd ul li { line-height: 2; }
.privacyCheck_wrap .privacyTxt > div dl dd ul li span { display: block; line-height: 2; }
.privacyCheck_wrap .privacyTxt .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 10px; }
.privacyCheck_wrap .privacyTxt .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #999; }

.privacyCheck_wrap .privacyTxt_inquery { height: 200px; border: 1px solid #eee; overflow-y: auto; }
.privacyCheck_wrap .privacyTxt_inquery > div { height: 100%; padding: 20px 30px 0; font-size: 16px; line-height: 2; }
.privacyCheck_wrap .privacyTxt_inquery > div p { line-height: 2; }
.privacyCheck_wrap .privacyTxt_inquery > div dl { margin-top: 50px; }
.privacyCheck_wrap .privacyTxt_inquery > div dl dt { font-weight: 600; font-size: 20px; text-align: left; line-height: 2; }
.privacyCheck_wrap .privacyTxt_inquery > div dl dd { margin-bottom: 20px; line-height: 2; }
.privacyCheck_wrap .privacyTxt_inquery > div dl dd ul { counter-reset: chapter 0; }
.privacyCheck_wrap .privacyTxt_inquery > div dl dd ul li { line-height: 2; }
.privacyCheck_wrap .privacyTxt_inquery > div dl dd ul li span { display: block; line-height: 2; }
.privacyCheck_wrap .privacyTxt_inquery .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 10px; }
.privacyCheck_wrap .privacyTxt_inquery .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #999; }


.privacyCheck_wrap .privacy_table { margin: 10px 0; width: 100%; }

.privacyCheck_wrap .privacy_table th, .privacyCheck_wrap .privacy_table td { padding: 10px 7px; border: 1px solid #bdbdbd; line-height: 1.5;     word-break: break-all; }

.privacyCheck_wrap .privacy_table th { padding-left: 0; text-align: center; background-color: #f9f9f9; }

.privacyCheck_wrap .privacy_table td { background-color: #fff; }

.privacyCheck_wrap .privacy_table .tableCenter td { padding: 10px 0; text-align: center; }

.privacyCheck_wrap .privacy_sub { position: relative; padding-left: 22px; }

.privacyCheck_wrap .privacy_sub::before { content: "-"; position: absolute; left: 3px; top: 0; }

.privacyCheck_wrap .checkWrap { margin-top: 20px; }

.contactBoard { padding-bottom: 40px; border-bottom: 2px solid #222; }

.contactBoard > p { margin-bottom: 20px; font-size: 14px; color: #999; text-align: right; }

.contactBoard .btn_wrap a { width: 300px; }

/* 제품탐색기 */
.prodSearchCon { padding-top: 120px; padding-bottom: 100px; }

.prodSelect dl dt { margin-bottom: 28px; }

.prodSelect dl dt p { font-size: 20px; font-weight: 500; }

.prodSelect dl dt p span { font-size: 16px; }

.prodSelect dl dd ul { padding: 50px 65px 25px; font-size: 0; border: 1px solid #eee; border-top: 2px solid #222; }

.prodSelect dl dd ul li { display: inline-block; width: 215px; margin-bottom: 25px; vertical-align: top; text-align: left; }

.prodCount { margin-top: 100px; }

.prodCount h3 { margin-bottom: 30px; font-size: 24px; font-weight: 500; }

.prodCount h3 span { color: #ff8400; }

.prodCount ul { font-size: 0; }

.prodCount ul li { display: inline-block; width: calc((100% - 60px) / 4); height: 320px; margin: 0 20px 20px 0; border-radius: 10px; background: #272a44; color: #fff; vertical-align: top; position: relative; overflow: hidden; }

.prodCount ul li:nth-of-type(4n) { margin-right: 0; }

.prodCount ul li:after { content: ""; display: block; width: 370px; height: 370px; position: absolute; bottom: -370px; right: -370px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 100%; background: #ff8400; }

.prodCount ul li:hover:after { bottom: -185px; right: -185px; opacity: 1; }

.prodCount ul li a { display: block; height: 100%; padding: 40px 40px 115px; position: relative; }

.prodCount ul li p { font-size: 28px; line-height: 1.4; position: relative; z-index: 1; }

.prodCount ul li img { width: 80px; position: absolute; bottom: 30px; right: 30px; z-index: 1; }

/* 라온 - 회사소개 */
.subAbout01 { overflow: hidden; padding: 120px 0; }

.subAbout01 h3 { float: left; width: 50%; text-align: left; font-size: 48px; font-weight: 500; line-height: 1.7; }

.subAbout01 h3 strong { display: block; color: #ff8400; font-weight: inherit; }

.subAbout01 dl { float: right; width: 50%; text-align: left; }

.subAbout01 dl dt { padding-bottom: 40px; font-size: 28px; line-height: 1.5; font-weight: 500; }

.subAbout01 dl dd { padding-bottom: 20px; font-size: 18px; color: #666; line-height: 1.5; }

.subAbout01 dl dd:last-of-type { padding-bottom: 0; }

/* 시큐어 쿠가 css */
.subAbout01.secure .leftArea { float:left; width:50%; }
.subAbout01.secure .leftArea  .txt { margin-bottom:11px; font-size:24px; line-height:1.2; font-weight:500; letter-spacing:-0.2px; color:#666666; }
.subAbout01.secure .leftArea  .txt span { display:block; color:#FF8400; }
.subAbout01.secure .leftArea  .comName { color:#000; font-weight:500; font-size:48px; line-height:72px; }



.subAbout02 { padding: 100px 0 0; background: url("/common/ko//img/content/subProd02_05_01_bg.jpg") center center no-repeat; background-size: cover; overflow: hidden; }

.subAbout02 ul { font-size: 0; }

.subAbout02 ul li { overflow: hidden; display: inline-block; width: 33.33%; margin: 0 0 95px 0; vertical-align: top; }

.subAbout02 ul li:nth-of-type(3n) { margin-right: 0; }

.subAbout02 ul li img { float: left; margin-right: 40px; width: 80px; }

.subAbout02 ul li h3 { margin: 7px 0 10px; font-size: 16px; font-weight: 400; color: #fff; font-weight: bold; line-height: 1.2; }

.subAbout02 ul li p { margin-bottom: 0; padding-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 32px; color: #fff; font-weight: bold; line-height: 1.3; }

.subAbout02 ul li p span { display: inline; font-size: 24px; color: #fff; font-weight: 600; line-height: 1.7; }

.subAbout02 ul li p em { margin-left: 15px; font-size: 14px; color: rgba(255, 255, 255, 0.4); }



/*200507 수정*/
.aboutVideo {overflow: hidden; position: relative; padding: 0; height: 788px; background: url("/common/ko//img/main/section3_bg.jpg") center center no-repeat; background-size:cover;}
.aboutVideo > img {position: absolute; left: 50%; top:50%; transform:translate(-50%, -50%); width: 1280px; cursor:pointer;}

/*
.aboutVideo { overflow: hidden; position: relative; padding: 0; height: 420px; }
.aboutVideo > img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; min-width: 1920px; cursor: pointer; }
*/

.aboutVideo .videoPop{ z-index: 100; display: none; overflow: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.aboutVideo .videoPop .videoCon{ position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); width: 1280px; text-align: right; font-size: 0; }
.aboutVideo .videoPop .videoCon #videoFile{ width: 100%; height: 100%; }
.aboutVideo .videoPop .recruit_xBtn{ margin:30px 0; cursor: pointer; }




/*200413 추가*/
.history { padding:100px 0; background-color: #f8f8f8; overflow:hidden;}
.history h3 { font-size: 40px; font-weight: 600; line-height: 1.7; margin-bottom:30px;}
.history_navi { font-size: 0; height: 80px; margin-bottom:70px; }
.history_navi li { display: inline-block; margin-left: -1px; width: calc( (100% + 5px) / 6); height: 100%; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 80px; font-size: 24px; text-align: center; cursor: pointer; }
.history_navi li:first-of-type { margin-left: 0; }
.history_navi li.on { background-color: #ff8400; border: 1px solid #ff8400; color: #fff; }
.history_navi.on { z-index: 10; position: fixed; left: 50%; top: 100px; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); width: 1440px; background-color: #fff; }
.history .cont > li{margin-bottom:50px; overflow:hidden;}
.history .cont > li:last-child{margin-bottom:0;}
.history .cont > li > p{font-size:24px; font-weight:600; color:#ff8400; float:left; width:20%; clear:both; line-height:1.5;}
.history_cont {width:80%; float:right; overflow:hidden;}
.history_cont li{margin-bottom:10px; overflow:hidden;}
.history_cont li p{line-height:1.5 !important; font-size:18px; font-weight:400; color:#222222;  float:left; width:calc(100% - 50px);}
.history_cont li p.num{font-weight:600; color:#222222; margin-right:10px; float:left; width:40px; clear:both;}

/*210616 추가 화이트햇 수상작 */
.history.awards { background-color:#282945;  }
.history.awards h3 { color:#fff; }
.history.awards h4 { color:#fff; font-size:24px; }
.history.awards .crape { margin:80px 1.86% 100px 0px; width:calc(24% - 0.4%); }
.history.awards .crape:last-child {margin-right:0px; }
.history.awards .crape .img { margin-bottom:12px; }
.history.awards .crape .img img { width:100%; }
.history.awards .crape .txt { font-size:18px; line-height:28px; letter-spacing:-0.4px; font-weight:500; color:#fff; text-align:center; }
.history.awards .history_navi li { color:#fff; }
.history.awards .history_navi li.on { border:1px solid #fff; background-color:#fff; color:#282945; }
.history.awards .cont > li > p { color:#fff; width:7%; line-height: 36px !important;  }
.history.awards .history_cont { width:93%;}
.history.awards .history_cont li p { color:#fff; line-height: 36px !important; }




.subAbout03 { padding: 100px 0; font-size: 0; position:relative; }

.subAbout03.raon { background-color:#f8f8f8; }

.subAbout03.raon > .w1440 > img { margin-right: 5%; width: 62.5%; vertical-align: middle; }

.subAbout03 > img { margin-right: 5%; width: 62.5%; vertical-align: middle; }

.subAbout03 .txtWrap { }

.subAbout03 .txtWrap { display: inline-block; width: 32.5%; vertical-align: middle; }

.subAbout03 .txtWrap h3 { padding-bottom: 60px; font-size: 48px; font-weight: 600; }

.subAbout03 .txtWrap ul { padding-left: 60px; }

.subAbout03 .txtWrap ul li { margin-bottom: 50px; }

.subAbout03 .txtWrap ul li:last-of-type { margin-bottom: 0; }

.subAbout03 .txtWrap ul li h4 { padding-bottom: 20px; font-size: 24px; color: #ff8400; font-weight: 500; }

.subAbout03 .txtWrap ul li p { font-size: 18px; line-height: 1.5; }

.subAbout03.secure { background-color:#F8F8F8; }
.subAbout03.secure > .w1440 > img { margin-right: 5%; width: 62.5%; vertical-align: middle; }

.subAbout03.secure .txtWrap { vertical-align: top; padding-top:15px; color:#222; }
.subAbout03.secure .txtWrap .txt_01 { margin-bottom:30px; font-size:24px; line-height:30px; letter-spacing:-0.2px; font-weight:300; color: #222; }
.subAbout03.secure .txtWrap .txt_02 { margin-bottom:17px; font-size:36px; line-height:43px; letter-spacing:-0.4px; font-weight:500; }
.subAbout03.secure .txtWrap .btn { margin-left: auto; background-color:#FF8400; border-radius:50%; width:150px; height:150px; }
.subAbout03.secure .txtWrap .btn a { padding:40px 0px; display:block; color:#F8F8F8; font-weight:800; font-size:24px; line-height:36px; letter-spacing:-0.2px; text-align:center; }


.subAbout04 { padding: 60px 0; background-color: #f8f8f8; }

.subAbout04.secure { background-color:#fff; }

.subAbout04 .w1440 > div { padding: 40px 0; }

.subAbout04 .w1440 > div:first-of-type { border-bottom: 1px solid #ddd; }

.subAbout04 .about_txt { float: left; }

.subAbout04 .about_txt h3 { margin-bottom: 25px; font-size: 28px; font-weight: 600; line-height: 1.7; }

.subAbout04 .about_txt p { line-height: 1.5; color: #666; }

.subAbout04 ul { float: right; }

.subAbout04.secure ul { width:960px; }

.subAbout04 ul li { float: left; margin-left: 20px; margin-bottom:20px; }

.subAbout04 ul li:nth-child(n+4):nth-child(-n+6) { margin-bottom:0px; }

.subAbout04 ul li a { display: block; padding: 30px 20px; width: 300px; font-size: 20px; border-radius: 10px; color: #fff; background-color: #272a44; vertical-align: middle; }

.subAbout04 ul li:hover a { background-color: #ff8400; }

.subAbout04 ul li a img { margin-right: 20px; width: 60px; vertical-align: middle; }

.subAbout04 ul li a span { vertical-align: middle; }

.subAbout05 { padding: 100px 0; }

.subAbout05 h3 { font-size: 40px; font-weight: 600; line-height: 1.7; }

.subAbout05 .mapImage { margin: 25px 0; }

.subAbout05 .mapImage img { width: 100%; }

.subAbout05 .txtWrap { position: relative; vertical-align: middle; }

.subAbout05 .txtWrap p:first-of-type { position: absolute; left: 0; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }

.subAbout05 .txtWrap p.parkBtn { float: right; cursor: pointer; }

.subAbout05 .txtWrap p span { font-size: 20px; font-weight: 500; line-height: 1.4; vertical-align: middle; }

.subAbout05 .txtWrap p img { margin-right: 10px; width: 21px; }

.subAbout05 .parkMap { display: none; z-index: 100; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.subAbout05 .parkMap.on { display: block; }

.subAbout05 .parkMap .imgWrap { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.subAbout05 .parkMap .imgWrap .close_btn { position: absolute; right: 10px; top: 10px; cursor: pointer; }

/* 핵심역량 */
.subAbout12 { padding:100px 0px; background-color:#f8f8f8; }
.subAbout12 .title { font-size:40px; line-height:1.2; font-weight:700; margin-bottom:46px; }
.subAbout12 .areas { }
.subAbout12 .area_01 { width:32%; }
.subAbout12 .area_01 .nl { margin-bottom:80px; }
.subAbout12 .area_01 .nl ul {  }
.subAbout12 .area_01 .nl ul li { list-style: disc; font-size:18px; line-height:27px; letter-spacing:0.04px; font-weight:500; }
.subAbout12 .area_02 { width:33%;  /*background-image: url("/common/ko//img/content/polygon-lines.png");*/ background-position: right 30%; background-repeat: no-repeat; position:relative; margin-left: 130px; }
/*.subAbout12 .area_02 { width:50%; height:800px; background-image: url("/common/ko//img/content/area_02_bg.png"); background-position: center 0%; background-repeat: no-repeat; position:relative; }*/
.subAbout12 .area_02 > img { width:100%; }
.subAbout12 .area_02 .pointCi { position:absolute; top:50%; right:calc(-26%); -webkit-transform: translate(55% ,-55%); -ms-transform: translate(55% ,-55%); transform: translate(55% ,-55%); }
.subAbout12 .area_02 .ciArea { border-radius:25px; padding:60px 30px 30px 30px; width:317px; }
.subAbout12 .area_02 .ciArea  { background-color:#fff; }
.subAbout12 .area_02 .ciArea .ci { margin-bottom:56px; text-align: center; }
.subAbout12 .area_02 .ciArea .ci img { max-width:100%; }
.subAbout12 .area_02 .ciArea .link { background-color:#FF8400; border-radius:4px; }
.subAbout12 .area_02 .ciArea .link a { display:block; color:#fff; text-align:center; font-size:16px; line-height:3; font-weight:bold; }
.subAbout12 .area_03 { width:23%; padding-top: 220px; }
.subAbout12 .area_03 .ciArea { border-radius:25px; padding:30px; width:317px; }
.subAbout12 .area_03 .ciArea  { background-color:#fff; }
.subAbout12 .area_03 .ciArea .ci { margin-bottom:56px; text-align: center; }
.subAbout12 .area_03 .ciArea .ci img { max-width:100%; }
.subAbout12 .area_03 .ciArea .link { background-color:#FF8400; border-radius:4px; }
.subAbout12 .area_03 .ciArea .link a { display:block; color:#fff; text-align:center; font-size:16px; line-height:3; font-weight:bold; }

/* SNC - 회사소개 - 사업영역 */
.subAbout13 { padding:100px 0px; background-color:#f8f8f8; }
.subAbout13 .title { font-size:40px; line-height:1.2; font-weight:700; margin-bottom:46px; }
.subAbout13 .subTitle  { margin-bottom:40px; font-size:24px; line-height:29px; letter-spacing:-0.2px; color:#666666; }
.subAbout13 .p_only { }
.subAbout13 .imgs img { width:100%; }





/* 라온 - CI/BI 가이드 */
.cibiGuide01 { padding-top: 100px; padding-bottom: 70px; text-align: center; }

.cibiGuide01 p { margin-bottom: 20px; font-size: 52px; font-weight: 600; line-height: 1.4; }

.cibiGuide01 > span { font-size: 20px; color: #666; line-height: 1.5; }

.cibiGuide01 > span br { display: none; }

.cibiGuide02 { background: #f8f8f8; padding-top: 100px; padding-bottom: 100px; }

.cibiGuide02 h2 { margin-bottom: 55px; font-size: 40px; font-weight: bold; }

.cibiGuide02 dl { overflow: hidden; }

.cibiGuide02 dl dt { float: left; width: 445px; padding-right: 70px; vertical-align: top; }

.cibiGuide02 dl dt p { font-size: 24px; font-weight: 500; line-height: 1.5; }

.cibiGuide02 dl dt p span { color: #ff8400; }

.cibiGuide02 dl dt > span { display: block; margin-top: 25px; font-size: 16px; color: #666; line-height: 1.5; }

.cibiGuide02 dl dd { float: right; width: calc(100% - 445px); vertical-align: top; text-align: right; }

.cibiGuide02 dl dd img { /* width:100%; */ max-width: 100%; }

.cibiGuide03 { background: #fff; }

.cibiGuide03 dl { position: relative; }

.cibiGuide03 dl dt { float: none; width: 450px; padding: 0 0 0 70px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.cibiGuide03 dl dt a { margin-top: 35px; }

.cibiGuide03 dl dd { float: left; width: calc(100% - 450px); text-align: left; }

.cibiGuide03 dl dd ul { overflow: hidden; }

.cibiGuide03 dl dd ul li { float: left; width: calc((100% - 30px) / 2); margin-right: 30px; }

.cibiGuide03 dl dd ul li:last-of-type { margin-right: 0; }

.cibiGuide03 dl dd ul li img { width: 100%; }

.cibiGuide03 dl dd ul li .btn { margin-top: 20px; font-size: 0; }

.cibiGuide03 dl dd ul li .btn a { width: calc((100% - 10px) / 2); margin-right: 10px; }

.cibiGuide03 dl dd ul li .btn a:last-of-type { margin-right: 0; }

.cibiGuide03 dl dd ul li .btn a:hover { background: #ff8400; color: #fff; }

/* 서비스 - 링크  */
.subProd01_navi { padding-top: 40px; }

.subProd01_navi a { margin-right: 6px; }

.subProd01_navi a:last-of-type { margin-right: 0; }

.subProd01_navi a img { margin-right: 10px; width: 18px; }

.subProd01_navi a.google img { vertical-align: -4px; }

.subProd01_navi a.appstore img { vertical-align: -3px; }

/* 404 error */
.errorCon { padding-top: 150px; padding-bottom: 150px; text-align: center; }

.errorCon h2 img { width: 167px; margin: 0 0 -25px 10px; }

.errorCon h2 p { font-size: 170px; color: #ff8400; }

.errorCon > p { margin-top: 55px; font-size: 36px; font-weight: bold; line-height: 1.2; }

.errorCon > p span { color: #ff8400; }

.errorCon > span { display: block; margin-top: 15px; font-size: 16px; color: #666; line-height: 1.7; }

.errorCon .roundBtn { margin-top: 35px; }

/* 레터런스 - 모바일 솔루션 */
.reference_con { background-color:#fff; }

.reference_con > div { padding-top: 100px; padding-bottom: 100px; }

.reference_con h3 { margin-bottom: 40px; font-size: 40px; font-weight: 700; }

.reference_txt dl { margin-bottom: 100px; font-size: 0; }

.reference_txt dl dt { display: inline-block; vertical-align: top; width: 30%; font-size: 40px; color: #fff; font-weight: 700; }

.reference_txt dl dd { display: inline-block; vertical-align: top; width: 66%; font-size: 16px; color: rgba(255, 255, 255, 0.7); }

.reference_txt dl dd span { display: inline-block; line-height: 1.8; }

.reference_txt dl dd span:first-of-type { padding-bottom: 40px; }

.reference_txt div img { width: 100%; }

.reference01 { padding-top: 110px; text-align: center; }

.reference01 h2 { margin: 20px 0; font-size: 48px; font-weight: 500; line-height: 1.3; }

.reference01 p { font-size: 20px; color: #666; line-height: 1.5; }

.reference01 .tit { font-size: 20px; font-weight: 600; color: #ff8400; }
.reference01 img { margin:95px auto 0 auto; }

.reference02 { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.reference02_01_01 { background-image: url("/common/ko//img/content/reference02_01_01_bg.jpg"); }

.reference02_01_001 { background-image: url("/common/ko//img/content/reference02_bg.png"); }

.reference02_02_01 { background-image: url("/common/ko//img/content/reference02_02_01_bg.jpg"); }

.reference02 p { margin: 0 auto; width:100%;  max-width: 1100px; text-align: center; line-height: 1.8; font-size: 18px; color: rgba(255, 255, 255, 0.7); }

.reference02 p:last-of-type { margin-top: 50px; }

.reference02 .contentsArea { display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-around; justify-content: space-between; }
.reference02 .contentsArea .titleArea { padding:0px 40px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; width: 50%; height:400px; position:relative;  background-color: #ffffff1a; }
.reference02 .contentsArea .titleArea > .title { position:relative;color:#fff; font-size:28px; line-height:42px; font-weight:700; letter-spacing:-0.4px; }
.reference02 .contentsArea .titleArea > .title:before { content:''; position:absolute; top:-23px; left:0px; width:132px; height:2px; background-color:#FF8400; }
.reference02 .contentsArea .txtArea { padding:0px 40px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; width: 50%; height:400px; color:#fff9; font-weight:300; font-size:24px; line-height:28px; letter-spacing:0.2px; word-break: normal; }


.reference02 .contentsArea .titleArea:nth-of-type(1) { border-radius: 100px 0px 0px; }
.reference02 .contentsArea .titleArea:nth-of-type(4) { border-radius: 0px 100px 0px 0px; }
.reference02 .contentsArea .titleArea:nth-of-type(5) { border-radius: 0px 0px 0px 100px; }


.reference03 { overflow: hidden; font-size: 0; }
.reference03.bg_fafafa { background-color:#fafafa;}
.reference03.bg_fafafa > .w1440 { margin:0 auto; display:block; }

.reference03 > div { display: inline-block; vertical-align: middle; }

.reference03 .reference03_txt { margin-right: 7%; width: 43%; }

.reference03 .reference03_txt p { line-height: 1.8; font-size: 16px; color: #666; }

.reference03 .reference03_txt p:last-of-type { margin-top: 40px; }

.reference03 .reference03_img { width: 50%; }

.reference03 .reference03_img img { width: 100%; }

.reference03 .sectionTitle { font-size:40px; line-height:48px; letter-spacing:-0.4px;  font-weight:700; color:#000; }

.reference03 .sectionSubTitle { margin-bottom:20px; font-size:20px; line-height:24px; font-weight:700; color:#000;  }

.reference03 .boxTypes { margin-top:40px; width: 100%; }

.reference03 .boxType_01 ul { font-size: 0; }

.reference03 .boxType_01 ul li { display: inline-block; width: calc((100% - 60px) / 4); height: 320px; margin: 0 20px 20px 0; border-radius: 10px; background: #272a44; color: #fff; vertical-align: top; position: relative; overflow: hidden; }

.reference03 .boxType_01 ul li:nth-of-type(4n) { margin-right: 0; }

.reference03 .boxType_01 ul li:after { content: ""; display: block; width: 370px; height: 370px; position: absolute; bottom: -370px; right: -370px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 100%; background: #ff8400; }

.reference03 .boxType_01 ul li:hover:after { bottom: -185px; right: -185px; opacity: 1; }

.reference03 .boxType_01 ul li a { display: block; height: 100%; padding: 40px 40px 115px; position: relative; color:#fff; }

.reference03 .boxType_01 ul li p { font-size: 28px; line-height: 1.4; position: relative; z-index: 1; color:#fff; }

.reference03 .boxType_01 ul li img { width: 80px; position: absolute; bottom: 30px; right: 30px; z-index: 1; }



.reference03 .boxType_02 ul { font-size: 0; }

.reference03 .boxType_02 ul li { display: inline-block; width: 460px; height: 240px; padding: 35px 30px 70px; border-radius: 10px; background: #272a44 url("/common/ko//img/content/subProd06_liBg.png") top right no-repeat; background-size: auto 100%; color: #fff; position: relative; vertical-align: top; }

.reference03 .boxType_02 ul.li03 li { width: calc(33.33% - 20px); margin-bottom:30px; margin-right: 30px; }

.reference03 .boxType_02 ul li:nth-of-type(3n) { margin-right: 0; }

.reference03 .boxType_02 ul li a { display: block; height: 100%; color:#fff; }

.reference03 .boxType_02 ul li p { font-size: 16px; line-height: 1.3; }

.reference03 .boxType_02 ul li a > span { display: block; margin-top: 20px; font-size: 32px; line-height: 1.3; }

.reference03 .boxType_02 ul li .downWrap { display: inline-block; position: absolute; bottom: 40px; left: 30px; padding: 1px 0 1px 24px; font-size: 16px; background: url("/common/ko//img/content/icon_fileDown.png") top left no-repeat; background-size: auto 100%; color:#fff; }

.reference03 .boxType_02 ul li:hover .downWrap:after { content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; bottom: -4px; left: 0; }



.reference04 { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.reference04_01_01 { background-image: url("/common/ko//img/content/reference04_bg.jpg"); }

.reference04 .reference04_img p { padding-top: 40px; text-align: center; line-height: 1.5; color: #666; }

.reference_scroll > div { display: block; }

.reference_scroll .img_wrap { border: 2px solid #e2e2e2; margin-top: 90px; margin-right: -40px; margin-left: -40px; position: relative;}/*20210119 수정*/

.reference_scroll .img_wrap img { padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; }

.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ opacity:1; }

.reference_scroll .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.4); }

/*레퍼런스 - 이미지 오버 시 텍스트 20210119*/
.img_hover{visibility: hidden;}
.img_hover > ul{position:relative; width: 100%; height: 100%;}
.img_hover ul li li{position:relative; font-size: 16px; line-height: 1.5em; color: transparent; transition: color .3s;}
.img_hover > ul > li{position:absolute; padding: 20px; background: transparent; width: 15%; transition: background .3s;}
.img_hover > ul.company > li{width: 20%;}
.img_hover > ul > li > p{display: none;}

.img_hover ul.company > li.dept > ul > li{float: left; margin-right: 20px;}

.img_hover ul.company > li > ul > li > p{font-size: 16px; line-height: 28px; color: #ff8800; font-weight: normal; border: 1px solid #ff8400; border-radius: 14px; padding: 0 10px; margin-bottom: 10px; text-align: center; width: 100%;}

.img_hover ul.company > li > ul > li > ul > li{padding-left: 10px;}

.img_wrap:hover .img_hover{visibility: visible; position:absolute; width:100%; height: 100%;  left: 0; top: 0;}
.img_wrap:hover .img_hover ul li li{color: #222;}
.img_wrap:hover .img_hover > ul > li{background: #f3f3f3;}

.img_wrap .img_hover{visibility: visible; position:absolute; width:100%; height: 100%;  left: 0; top: 0;}
.img_wrap .img_hover ul li li{color: #222;}
.img_wrap .img_hover > ul > li{background: #f3f3f3;}

.reference_scroll .img_wrap.public { padding: 100px 0px; }
.img_hover ul.public > li:nth-child(1){top: 11.5%; left: 11%;}
.img_hover ul.public > li:nth-child(2){top: 3.1%; right: 11%;}
.img_hover ul.public > li:nth-child(3){bottom: 5.8%; left: 11%;}
.img_hover ul.public > li:nth-child(4){bottom: 3%; right: 11%;}

.reference_scroll .img_wrap.finance { padding: 100px 0px 50px; }
.img_hover ul.finance > li:nth-child(1){top: 3.5%; left: 11%;}
.img_hover ul.finance > li:nth-child(2){top: 3.5%; right: 11%;}
.img_hover ul.finance > li:nth-child(3){bottom: 8.9%; left: 11%;}
.img_hover ul.finance > li:nth-child(4){bottom: 3.1%; right: 11%;}

.reference_scroll .img_wrap.company { padding: 120px 0px 50px; }
.img_hover ul.company > li:nth-child(1){top: 11.6%; left: 11%;}
.img_hover ul.company > li:nth-child(2){top: 3.4%; right: 11%; width: auto;}
.img_hover ul.company > li:nth-child(3){bottom: 3.1%; left: 11%;}
.img_hover ul.company > li:nth-child(4){bottom: 6.2%; right: 11%;}

/* 레터런스 - 공공기관 */
.refer_requirement { background-color: #f8f8f8; }

.refer_requirement ul { font-size: 0; }

.refer_requirement ul li { display: inline-block; width: 240px !important; position: relative; padding: 65px 0; text-align: center; background-color: #fff; }

.refer_requirement ul li::before, .refer_requirement ul li::after { content: ""; display: block; position: absolute; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); width: 1px; height: 80px; background-color: #f8f8f8; }

.refer_requirement ul li::before { left: 0; }

.refer_requirement ul li::after { right: 0; }

.refer_requirement ul li:first-of-type::before { display: none; }

.refer_requirement ul li:last-of-type::after { display: none; }

.refer_requirement ul li img { display: block; margin: 0 auto 30px; width: 80px; }

.refer_requirement ul li span { font-size: 16px; line-height: 1.5; font-weight: 500; }


/*레퍼런스 - 컴플라이언스 20210119*/
.refer_compliance {background-color: #f8f8f8}
.refer_compliance table{width: 100%; table-layout:fixed; word-break:break-all;}
.refer_compliance table thead{border-top: 2px solid #222; background: #fff; text-align: center;}
.refer_compliance table th, .refer_compliance table td{border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 16px 20px; line-height: 1.4em; font-size: 14px; font-weight: normal; color: #222;}
.refer_compliance table thead tr th:last-child, .refer_compliance table tbody tr td:last-child{border-right: none;}
.refer_compliance table tbody th{text-align: left;}
.refer_compliance table tbody tr:nth-child(even){background: #fff;}
.refer_compliance table td.o{background-color: rgba(255, 132, 0, 0.1); background-image: url("/common/ko//img/content/comp_o.png"); background-size: 16px; background-position: center; background-repeat: no-repeat;}

/*20210119 레퍼런스 - 제품리스트*/
.refer_product {background-color: #f8f8f8;}


/* 주주총회 */
.shareCon { margin-bottom: 100px; }

.shareCon:last-of-type { margin-bottom: 0; }

.shareCon > h4 { margin-bottom: 30px; font-size: 28px; font-weight: 500; }

.share_info:first-of-type { border-top: 2px solid #222; }

.share_info > dt { padding: 25px 100px 25px 30px; font-size: 18px; font-weight: 500; line-height: 1.5; border-bottom: 1px solid #eee; background: #f8f8f8; }

.share_info > dd { padding-left: 30px; border-bottom: 1px solid #eee; }

.share_info > dd dl { padding: 25px 60px 25px 30px; font-size: 0; border-bottom: 1px solid #eee; }

.share_info > dd dl:last-of-type { border-bottom: 0; }

.share_info > dd dl dt { display: inline-block; width: 135px; font-size: 18px; font-weight: 500; vertical-align: top; line-height: 2; }

.share_info > dd dl dd { display: inline-block; width: calc(100% - 135px); vertical-align: top; }

.share_info > dd dl dd span { display: inline-block; margin-right: 170px; font-size: 18px; vertical-align: top; line-height: 2; }

.share_info > dd dl dd span:last-of-type { margin-right: 0; }

.share_info .defaultTable table { border-top: 0; table-layout: auto; }

.share_info .defaultTable table tr th { height: 70px; font-size: 17px; font-weight: 500; background: #ddd; }

.share_info .defaultTable table tr td { padding: 25px 30px; font-size: 16px; }

.share_info .rowTable table { border-top: 1px solid #eee; }

.share_info .rowTable table tr th { height: auto; padding: 25px 30px; font-size: 18px; text-align: left; }

.share_info .rowTable table tr td { padding: 25px 30px; font-size: 16px; text-align: left; color: #222; }

.last .share_info > dt { background: #f8f8f8 url("/common/ko//img/layout/m_menu.png") center right 60px no-repeat; background-size: 20px auto; cursor: pointer; }

.last .share_info > dd { display: none; }

.last .share_info > dt.on { background-image: url("/common/ko//img/layout/m_menu_on.png"); }

.last .share_info > dd.on { display: block; }

/* 장애문의 */
.disabilityTop { margin-bottom: 100px; padding: 60px 0 95px; background: #f8f8f8; text-align: center; }

.disabilityTop dt { margin-bottom: 45px; font-size: 18px; color: #666; line-height: 1.5; }

.disabilityTop dt span { display: inline-block; margin-right: 15px; line-height: 1.5; vertical-align: middle; }

.disabilityTop dd { font-size: 0; }

.disabilityTop dd ul { display: inline-block; padding-left: 20px; margin-left: 20px; border-left: 1px solid #ddd; vertical-align: top; position: relative; }

.disabilityTop dd ul:first-of-type { padding-left: 0; margin-left: 0; border-left: 0; }

.disabilityTop dd ul li { display: inline-block; width: 220px; height: 100px; line-height: 100px; margin-right: 10px; border-radius: 10px; background: #272a44 url("/common/ko//img/icon/down_icon_white.png") right 30px center no-repeat; text-align: left; vertical-align: top; }

.disabilityTop dd ul li:last-of-type { margin-right: 0; }

.disabilityTop dd ul:nth-of-type(2) li { background-color: #ff8400; }

.disabilityTop dd .browserFile li:first-of-type { background-image: url("/common/ko//img/icon/chrome_icon_white.png"); }

.disabilityTop dd .browserFile li:nth-of-type(2) { background-image: url("/common/ko//img/icon/firefox_icon_white.png"); }

.disabilityTop dd .browserFile li:last-of-type { background-image: url("/common/ko//img/icon/opera_icon_white.png"); }

.disabilityTop dd ul li > a { display: block; height: 100%; line-height: 100px; }

.disabilityTop dd ul li span { display: inline-block; width: 100%; padding: 0 30px; font-size: 20px; color: #fff; font-weight: 500; line-height: 1.2; vertical-align: middle; }

.disabilityTop dd ul p { width: 100%; font-size: 18px; font-weight: 600; position: absolute; bottom: -35px; left: 0; }

.disabilityTop dd ul .downSelect { position: relative; height: auto; line-height: 1; background: #272a44; cursor: pointer; }

.disabilityTop dd ul .downSelect span { height: 100px; line-height: 100px; background: url("/common/ko//img/icon/circle_arrow_down_white.png") right 30px center no-repeat; }

.disabilityTop dd ul .downSelect span.on { background-image: url("/common/ko//img/icon/circle_arrow_up_white.png"); }

.disabilityTop dd ul .downSelect .downFlie_select { display: none; width: 100%; padding: 10px 30px 20px; position: absolute; top: 90px; left: 0; border-radius: 0 0 10px 10px; background: #272a44; z-index: 1; }

.disabilityTop dd ul .downSelect .downFlie_select a { display: block; height: 48px; line-height: 48px; font-size: 18px; color: #fff; border-bottom: 1px solid #3d4057; background: url("/common/ko//img/icon/filedown_icon_white.png") right center no-repeat; font-weight: 500; }

.disabilityTop dd ul .downSelect .downFlie_select a:last-of-type { border-bottom: 0; }

.disabilityTop.keyshap dd ul:nth-of-type(2) li { background-color: #272a44; }

.faqCon:last-of-type { padding-bottom: 100px; }

.faqCon > h4 span { font-weight: 400; font-family: "SCDream", "Noto Sans KR",sans-serif; }

.faqCon .share_info > dt { background: #f8f8f8 url("/common/ko//img/layout/m_menu.png") center right 60px no-repeat; background-size: 20px auto; }

.faqCon dd { padding: 60px; }

.faqCon dd > *:last-child { margin-bottom: 0; }

.faqCon dd h3 { margin: 50px 0 25px; font-size: 22px; font-weight: 600; }

.faqCon dd h3:first-child { margin-top: 0; }

.faqCon dd h4 { margin-bottom: 25px; font-size: 18px; line-height: 1.5; }

.faqCon dd .img { display: inline-block; margin-bottom: 30px; padding: 50px 100px; background: #f8f8f8; }

.faqCon dd .img img { max-width: 100%; }

.faqCon dd > span { display: block; margin-bottom: 15px; font-size: 18px; line-height: 1.5; }

.faqCon dd p { display: block; margin-bottom: 25px; font-size: 18px; line-height: 1.5; font-weight: 600; }

.faqCon dd > a { width: 300px; margin-bottom: 25px; }

.faqCon dd strong { font-size: 18px; line-height: 1.7; }

.faqCon dd .purpleBtn { font-size: 18px; color: #272a44; text-decoration: underline; }

.faqCon dd ul { margin-bottom: 25px; }

.faqCon dd ul li { margin-bottom: 5px; padding-left: 15px; font-size: 18px; line-height: 1.5; position: relative; }

.faqCon dd ul li:before { content: "-"; position: absolute; top: 0; left: 0; }

.faqCon dd ul li:last-of-type { margin-bottom: 0; }

.faqCon .defaultTable { margin-bottom: 25px; }

.faqCon .defaultTable .w200 { width: 200px; }

.raonCall_center { padding: 50px 0 60px; background: #f8f8f8; text-align: center; font-size: 0; }

.raonCall_center dt { display: inline-block; margin-right: 30px; vertical-align: middle; }

.raonCall_center dt img { width: 106px; }

.raonCall_center dd { display: inline-block; vertical-align: middle; }

.raonCall_center dd strong { font-size: 24px; font-weight: 600; }

.raonCall_center dd p { margin: 15px 0; font-size: 40px; color: #ff8400; font-weight: 600; letter-spacing: normal; }

.raonCall_center dd span { font-size: 16px; color: #666; }

.faqCon03 > h3 { margin-bottom: 55px; padding: 50px 0; font-size: 18px; color: #666; background: #f8f8f8; text-align: center; }

.faqCon03 dl { padding-bottom: 100px; margin-bottom: 100px; border-bottom: 1px solid #ddd; }

.faqCon03 dl:last-of-type { margin-bottom: 0; border-bottom: 0; }

.faqCon03 dl dt { margin-bottom: 25px; }

.faqCon03 dl dt p { margin-bottom: 15px; font-size: 25px; font-weight: 600; line-height: 1.4; }

.faqCon03 dl dt span { font-size: 20px; color: #666; font-weight: 300; line-height: 1.4; }

.faqCon03 dl dd { font-size: 0; }

.faqCon03 dl dd > div { display: inline-block; width: calc((100% - 40px) / 2); margin-right: 40px; vertical-align: middle; }

.faqCon03 dl dd > div:last-of-type { margin-right: 0; }

.faqCon03 dl dd > div img { width: 100%; }

.faqCon03 dl dd > div p { margin-top: 14px; font-size: 16px; }

.faqCon03 dl dd > div p span { display: inline-block; width: 28px; height: 28px; line-height: 28px; margin-right: 15px; font-size: 14px; color: #fff; font-weight: 600; border-radius: 50%; background: #2b2d3d; text-align: center; }

.faqCon03 dl dd > div p strong { display: inline-block; height: 10px; margin: 0 10px; border-left: 5px solid #646679; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }

.faqCon04 .contactBoard { padding-bottom: 100px; border-bottom: 0; }

.subProd_con .contactBoard { border-bottom: 0; }

/* 라온 복지제도 */
.welfareCon { padding-top: 100px; padding-bottom: 100px; text-align: center; }

.welfareCon h3 { font-size: 48px; margin-bottom: 20px; font-weight: 500; line-height: 1.5; }

.welfareCon h4 { font-size: 20px; color: #666; line-height: 1.5; }

.welfareCon ul { margin-top: 50px; text-align: left; font-size: 0; }

.welfareCon ul li { display: inline-block; width: calc((100% - 60px) / 4); height: 230px; padding: 40px 130px 40px 40px; margin: 20px 20px 0 0; border-radius: 10px; background: #f8f8f8; vertical-align: top; position: relative; }

.welfareCon ul li:nth-of-type(4n) { margin-right: 0; }

.welfareCon ul li p { font-size: 24px; font-weight: 600; }

.welfareCon ul li span { display: block; margin-top: 15px; font-size: 16px; color: #666; line-height: 1.7; }

.welfareCon ul li img { width: 80px; position: absolute; bottom: 20px; right: 20px; }

/* 패밀리사 소개 */
.family01 { padding-top: 120px; padding-bottom: 60px; }

.family01 ul { font-size: 0; }

.family01 ul li { display: inline-block; width: calc((100% - 40px) / 2); height: 300px; padding: 50px 60px; margin: 0 40px 40px 0; color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; vertical-align: top; position: relative; }

.family01 ul li:nth-of-type(2n) { margin-right: 0; }

.family01 ul li.family01_01 { background-image: url("/common/ko//img/content/family01_img01.jpg"); }

.family01 ul li.family01_02 { background-image: url("/common/ko//img/content/family01_img01.jpg"); }

.family01 ul li.family01_03 { background-image: url("/common/ko//img/content/family01_img03.jpg"); }

.family01 ul li.family01_04 { background-image: url("/common/ko//img/content/family01_img04.jpg"); }

.family01 ul li.family01_05 { background-image: url("/common/ko//img/content/family01_img05.jpg"); }

.family01 ul li.family01_06 { background-image: url("/common/ko//img/content/family01_img06.jpg"); }

.family01 ul li.family01_07 { background-image: url("/common/ko//img/content/family01_img07.jpg"); }

.family01 ul li p { font-size: 40px; font-weight: 600; }

.family01 ul li p strong { font-size: 46px; }

.family01 ul li > strong { display: inline-block; width: 50px; height: 3px; margin: 25px 0; background: #ff8400; }

.family01 ul li > span { display: block; font-size: 18px; line-height: 1.7; }

.family02 { padding-top: 100px; padding-bottom: 60px; color: #fff; background: url("/common/ko//img/content/family02_bg.jpg") center center no-repeat; background-size: cover; }

.family02 h3 { margin-bottom: 60px; font-size: 40px; font-weight: 600; }

.family02 ul { font-size: 0; }

.family02 ul li { display: inline-block; width: 50%; margin-bottom: 40px; vertical-align: top; }

.family02 ul li img { width: 320px; margin-right: 30px; vertical-align: top; }

.family02 ul li .txt { display: inline-block; width: calc(100% - 350px); vertical-align: top; }

.family02 ul li .txt p { margin-bottom: 20px; font-size: 24px; }

.family02 ul li .txt span { display: block; font-size: 16px; font-weight: 300; }

/*20201223 추가 start*/
.family03 { padding-top: 100px; padding-bottom: 100px; color: #fff; background: #272a44; }

.family03 .family03Con{width: 100%;}

.family03 h3 { margin-bottom: 60px; font-size: 40px; font-weight: 600;}

.family03 p{line-height: 1.5; font-size: 20px; font-weight: 400; color: #fff; margin-bottom: 30px;}

.family03 img{width: 100%;}

/*20201223 추가 end*/

/* 라온 라이프 */
.raonLifeCon { padding: 120px 0; }

.raonLifeCon h3 { margin-bottom: 35px; font-size: 48px; font-weight: 500; text-align: center; }

.raonLifeCon h3 span { font-size: 56px; color: #ff8400; letter-spacing: -0.035em; font-weight: 600; }

.raonLifeCon > p { font-size: 18px; font-weight: 500; color: #666; text-align: center; }

.raonLifeCon > dl { position: relative; font-size: 0; }

.raonLifeCon > dl:first-of-type { margin-top: 100px; }

.raonLifeCon > dl:after { content: ""; display: block; width: 50%; height: 100%; background: #f8f8f8; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: content-box; box-sizing: content-box; z-index: -1; }

.raonLifeCon > dl dt { display: inline-block; width: 38.542%; padding-top: 130px; vertical-align: top; text-align: right; }

.raonLifeCon > dl dt .txt { display: inline-block; width: 100%; max-width: 530px; padding-left: 60px; text-align: left; }

.raonLifeCon > dl dt p { margin-bottom: 35px; font-size: 40px; font-weight: 600; }

.raonLifeCon > dl dt .txt > span { font-size: 18px; color: #666; font-weight: 300; line-height: 1.5; }

.raonLifeCon > dl dd { display: inline-block; width: 61.458%; }

.raonLifeCon > dl dd .raonLife_slide ul li { width: 440px; padding: 100px 0 120px; margin-right: 30px; }

.raonLifeCon > dl dd .raonLife_slide ul li .img { margin-bottom: 30px; position: relative; }

.raonLifeCon > dl dd .raonLife_slide ul li .img .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }

.raonLifeCon > dl dd .raonLife_slide ul li.swiper-slide-active .img .bg { display: none; }

.raonLifeCon > dl dd .raonLife_slide ul li.swiper-slide-active .img { -webkit-box-shadow: 15px 26px 30px 0px rgba(0, 0, 0, 0.25); box-shadow: 15px 26px 30px 0px rgba(0, 0, 0, 0.25); }

.raonLifeCon > dl dd .raonLife_slide ul li .img img { width: 100%; }

.raonLifeCon > dl dd .raonLife_slide ul li p { margin-bottom: 15px; font-size: 20px; font-weight: 600; }

.raonLifeCon > dl dd .raonLife_slide ul li span { font-size: 16px; color: #666; font-weight: 300; line-height: 1.7; }

.raonLifeCon > dl dd .raonLife_slide ul li > *:last-child { margin-bottom: 0; }

.raonLifeCon > dl:nth-of-type(2n) { overflow: hidden; }

.raonLifeCon > dl:nth-of-type(2n):after { display: none; }

.raonLifeCon > dl:nth-of-type(2n) dt { float: right; text-align: left; }

.raonLifeCon > dl:nth-of-type(2n) dd { float: left; }

.raonLifeCon > dl:nth-of-type(2n) dd .raonLife_slide ul li { margin: 0 0 0 30px; }

.raonLifeCon .swiper-control-wrap { margin-top: 100px; font-size: 0; }

.raonLifeCon .swiper-container-horizontal > .swiper-pagination-bullets, .raonLifeCon .swiper-pagination-custom, .raonLifeCon .swiper-pagination-fraction { display: inline-block; width: auto; position: relative; bottom: auto; left: auto; font-size: 16px; color: #999; font-weight: 500; vertical-align: middle; }

.raonLifeCon .swiper-pagination .swiper-pagination-current { display: inline-block; font-size: 20px; color: #222; font-weight: 500; }

.raonLifeCon .swiper-pagination .swiper-pagination-total { font-size: 16px; font-weight: 500; color: #999; }

.raonLifeCon .swiper-button-wrap { display: inline-block; margin-right: 30px; border: 1px solid #ddd; font-size: 0; vertical-align: middle; }

.raonLifeCon .swiper-button-next, .raonLifeCon .swiper-button-prev { display: inline-block; position: relative; top: 0; width: 60px; height: 60px; line-height: 60px; margin-top: 0; background-size: auto; }

.raonLifeCon .swiper-button-prev, .raonLifeCon .swiper-container-rtl .swiper-button-next { border-right: 1px solid #ddd; background-image: url("/common/ko//img/common/left_arrow_black.png"); left: 0; }

.raonLifeCon .swiper-button-next, .raonLifeCon .swiper-container-rtl .swiper-button-prev { background-image: url("/common/ko//img/common/right_arrow_black.png"); right: 0; }

/* 채용정보 */
.recruitCon .centerScrollTab ul { text-align: center; }

.recruitCon h3 { font-size: 28px; font-weight: 600; }

.recruit01 { text-align: center; }

.recruit01 div p { font-size: 48px; font-weight: 500; line-height: 1.4; }

.recruit01 div p span { color: #ff8400; }

.recruit01 div p span.raleway { font-size: 56px; font-weight: 600; }

.recruit01 div > span { display: inline-block; margin-top: 20px; font-size: 20px; color: #666; line-height: 1.5; }

.recruit01 div > span br { display: none; }

.recruit01 .recruit01_img { margin-top: 100px; }

.recruit01 .recruit01_img img { width: 100%; max-width: 1440px; }

.recruit02 { padding-top: 100px; padding-bottom: 130px; }

.recruit02 > p { text-align: right; font-weight: 300; color: #999; }

.recruit02 > p > img { margin-right: 10px; vertical-align: middle; }

.recruit02 > p > span { vertical-align: middle; }

.recruit02 ol { margin: 30px 0; text-align: center; font-size: 0; }

.recruit02 ol li { display: inline-block; position: relative; margin-right: 20px; padding: 40px; width: calc((100% - 80px) / 5); height: 440px; border: 1px solid #ddd; border-radius: 10px; text-align: left; vertical-align: top; background-repeat: no-repeat; background-position: right 40px bottom 40px; background-size: 80px; }

.recruit02 ol li:nth-of-type(1) { background-image: url("/common/ko//img/icon/recruit02_icon1.png"); }

.recruit02 ol li:nth-of-type(2) { background-image: url("/common/ko//img/icon/recruit02_icon2.png"); }

.recruit02 ol li:nth-of-type(3) { background-image: url("/common/ko//img/icon/recruit02_icon3.png"); }

.recruit02 ol li:nth-of-type(4) { background-image: url("/common/ko//img/icon/recruit02_icon4.png"); }

.recruit02 ol li:last-of-type { margin-right: 0; background-color: #ff8400; border: 0; background-image: url("/common/ko//img/icon/recruit02_icon5.png"); color: #fff; }

.recruit02 ol li span { display: block; font-size: 48px; color: #ff8400; font-weight: 200; letter-spacing: normal; }

.recruit02 ol li:last-of-type span { color: #fff; }

.recruit02 ol li h4 { position: absolute; left: 40px; top: 110px; width: 65%; font-size: 24px; font-weight: 600; line-height: 1.6; }

.recruit02 ol li p { margin-top: 120px; font-size: 16px; font-weight: 300; color: #666; line-height: 1.75; }

.recruit02 > .subTxtBox { margin-left: auto; width: 485px; }

.recruit02 > .subTxtBox > p {  display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; align-content: center; justify-content: flex-start; margin-bottom:5px;  font-weight: 300; color: #999; }

.recruit02 > .subTxtBox > p > img { margin-right: 10px; vertical-align: middle; }

.recruit02 > .subTxtBox >  p > span { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; }


.recruit03 { padding: 100px 0; background-color: #f8f8f8; }

.recruit03 ul { font-size: 0; }

.recruit03 ul li { display: inline-block; padding-right: 20px; width: 50%; vertical-align: top; }

.recruit03 ul li:last-child { display: inline-block; padding-right:0; width: 100%; text-align:center; margin-top:40px;} /*200410 추가*/
.recruit03 ul li:last-child > a{margin-right:20px;}/*200410 추가*/
.recruit03 ul li:last-child > a:last-child{margin-right:0;}/*200410 추가*/

.recruit03 ul li div h3 { margin-bottom: 10px; font-weight: 600; font-size: 28px; line-height: 1.6; }

.recruit03 ul li div p { position: relative; padding-left: 20px; color: #666; font-weight: 300; font-size: 16px; line-height: 1.75; }

.recruit03 ul li div p::before { content: "-"; position: absolute; left: 0; }

.recruit_story { padding-top: 80px; }

.recruit_navi { font-size: 0; height: 80px; }

.recruit_navi li { display: inline-block; margin-left: -1px; width: calc( (100% + 5px) / 6); height: 100%; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 80px; font-size: 24px; text-align: center; cursor: pointer; }

.recruit_navi li:first-of-type { margin-left: 0; }

.recruit_navi li.on { background-color: #ff8400; border: 1px solid #ff8400; color: #fff; }

.recruit_navi.on { z-index: 10; position: fixed; left: 50%; top: 100px; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); width: 1440px; background-color: #fff; }

.recruit_Con { padding-bottom: 80px; }

.recruit_Con > div { display: table; width: 100%; position: relative; padding: 100px 0; min-height: 580px; }

.recruit_Con > div > div { width: 50%; }

.recruit_Con .recruit_txt { display: table-cell; vertical-align: middle; padding-left: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.recruit_Con .recruit_Con02 .recruit_txt { padding-left: calc(50% + 30px); width: 100%; }

.recruit_Con .recruit_txt div + div { margin-top: 50px; }

.recruit_Con .recruit_txt div span { font-size: 20px; color: #ff8400; font-weight: 600; }

.recruit_Con .recruit_txt div h3 { margin: 20px 0 25px 0; font-size: 40px; line-height: 1.3; }

.recruit_Con .recruit_txt div p { font-size: 18px; color: #666; line-height: 1.7; }

.recruit_Con .recruit_txt div p + p { margin-top: 30px; }

.recruit_Con .recruit_ConImg { position: absolute; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); text-align: center; font-size: 0; }

.recruit_Con .recruit_Con01 .recruit_ConImg { right: 0; }

.recruit_Con .recruit_Con02 .recruit_ConImg { left: 0; }

.recruit_Con .recruit_ConImg div { position: relative; display: inline-block; padding: 0 15px; width: 50%; cursor: pointer; }

.recruit_Con .recruit_ConImg div.onlyImg { cursor: default; }

.recruit_Con .recruit_ConImg div img { width: 100%; max-width: 320px; }

.recruit_Con .recruit_ConImg div span { display: block; margin: 20px 0 0 0; font-size: 20px; font-weight: 600; }

.recruit_Con .recruit_ConImg div::after { content: ""; position: absolute; left: 50%; top: 43%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60px; height: 74px; background: url("/common/ko//img/icon/recruit_play.png") no-repeat 0 0; }

.recruit_Con .recruit_ConImg div:hover::after { background-image: url("/common/ko//img/icon/recruit_play_on.png"); }

.recruit_Con .recruit_ConImg div.onlyImg::after { display: none; }

.recruit_pop { display: none; z-index: 100; position: fixed; left: 0; top: 0; width: 100% !important; height: 100%; background-color: rgba(0, 0, 0, 0.55); }

.recruit_pop .recruit_popCon { display: none; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; }

.recruit_pop .recruit_popCon .youtube { display: inline-block; margin-right: 30px; width: 850px; height: 478px; background-color: #000; }

.recruit_pop .recruit_popCon .youtube iframe { width: 100%; height: 100%; }

.recruit_pop .recruit_popCon .recruit_xBtn { cursor: pointer; }

.recruitCall_center { margin-bottom: 60px; padding: 50px 0; text-align: center; background-color: #f8f8f8; }

.recruitCall_center p { font-size: 18px; font-weight: 400; line-height: 1.5; }

.recruitCall_center p + p { margin-top: 10px; color: #ff8400; }

.recruitCon .faqCon { padding-bottom: 50px; }

.faqCon .recruit_info:first-of-type { border-top: 2px solid #222; }

.faqCon .recruit_info .tit_tag { width: 130px; font-size: 16px; text-align: center; color: #999; }

.faqCon .recruit_info .raleway { width: 90px; font-size: 24px; text-align: center; font-weight: 500; vertical-align: top; line-height: 1.25; }

.faqCon .recruit_info .txt { width: calc(100% - 220px); font-size: 18px; font-weight: 500; }

.faqCon .recruit_info > dt { padding: 25px 100px 25px 0; font-size: 0; border-bottom: 1px solid #eee; background: #f8f8f8; }

.faqCon .recruit_info > dt > span { display: inline-block; vertical-align: middle; line-height: 1.5; }

.faqCon .recruit_info > dd { padding-left: 130px; border-bottom: 1px solid #eee; vertical-align: middle; }

.faqCon .recruit_info > dd span { display: inline-block; margin-bottom: 0; }

.faqCon .recruit_info.on .raleway { color: #ff8400; }

.faqCon .recruit_info.on dt .txt { color: #ff8400; }

.last .recruit_info > dt { background: #f8f8f8 url("/common/ko//img/layout/m_menu.png") center right 60px no-repeat; background-size: 20px auto; cursor: pointer; }

.last .recruit_info > dd { display: none; }

.last .recruit_info > dt.on { background-image: url("/common/ko//img/layout/m_menu_on.png"); }

.last .recruit_info > dd.on { display: block; }

/* 라온인 */
.raonPeopleCon { padding-top: 120px; padding-bottom: 120px; }

.raonPeopleCon h3 { margin-bottom: 25px; font-size: 48px; font-weight: 500; text-align: center; }

.raonPeopleCon h3 span { color: #ff8400; }

.raonPeopleCon > p { font-size: 20px; text-align: center; }

.raonPeopleCon > div { height: 680px; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; }

.raonPeopleCon > div .txtWrap { width: 380px; height: 380px; padding: 35px 40px; position: absolute; top: 110px; left: 70px; }

.raonPeopleCon > div .txtWrap h4 { font-size: 32px; font-weight: 600; line-height: 1.37; }

.raonPeopleCon > div .txtWrap h4 span { display: block; line-height: 1.37; }

.raonPeopleCon > div .txtWrap p { margin-top: 20px; font-size: 18px; line-height: 1.6; }

.raonPeopleCon > div .txtWrap .icon { margin: 45px -10px 0 0; text-align: right; }

.raonPeopleCon .raonPeople01 { margin-top: 100px; background-image: url("/common/ko//img/content/raonPeople01_bg.jpg"); }

.raonPeopleCon .raonPeople01 .txtWrap { background: rgba(255, 132, 0, 0.8); color: #fff; }

.raonPeopleCon .raonPeople01 .txtWrap h4 span { color: #272a44; }

.raonPeopleCon .raonPeople02 { background-image: url("/common/ko//img/content/raonPeople02_bg.jpg"); }

.raonPeopleCon .raonPeople02 .txtWrap { left: auto; right: 70px; background: rgba(39, 42, 68, 0.8); color: #fff; }

.raonPeopleCon .raonPeople02 .txtWrap h4 span { color: #ff8400; }

.raonPeopleCon .raonPeople03 { background-image: url("/common/ko//img/content/raonPeople03_bg.jpg"); }

.raonPeopleCon .raonPeople03 .txtWrap { background: rgba(255, 255, 255, 0.8); color: #272a44; }

.raonPeopleCon .raonPeople03 .txtWrap h4 span { color: #ff8400; }

.raonPeopleCon .raonPeople04 { height: 760px; background-image: url("/common/ko//img/content/raonPeople04_bg.jpg"); }

.raonPeopleCon .raonPeople04 .txt { position: absolute; top: 50%; left: 110px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.raonPeopleCon .raonPeople04 .txt p { margin-bottom: 25px; font-size: 40px; color: #fff; line-height: 1.5; }

.raonPeopleCon .raonPeople04 .txt p span { font-size: 48px; color: #ff8400; font-weight: 600; }

.raonPeopleCon .raonPeople04 .txt > span { display: block; margin-bottom: 55px; font-size: 18px; color: rgba(255, 255, 255, 0.7); line-height: 1.6; }

/* 라온패밀리2 */
.raonFamilyCon { padding: 100px 0; }

.raonFamilyCon h3 { margin-bottom: 100px; font-size: 36px; font-weight: 500; text-align: center; line-height: 1.5; }

.raonFamilyCon h3 span { font-size: 36px; color: #ff8400; letter-spacing: -0.035em; font-weight: 500; }

.raonFamilyCon .raonFamily_01 { background-image: url(/common/ko//img/content/family001_img01.png); background-size: cover; background-position-x: center; }
.raonFamilyCon .raonFamily_02 { background-image: url(/common/ko//img/content/family001_img02.png); background-size: cover; background-position-x: center; }
.raonFamilyCon .raonFamily_03 { background-image: url(/common/ko//img/content/family001_img03.png); background-size: cover; background-position-x: center; }

/*.raonFamilyCon .raonFamilys { position:relative;  margin-right:100px;  margin-bottom:15px;  color:#fff; background-position: center center; background-size: cover; background-repeat: no-repeat; text-align:left; background-color:#F8F8F8; }*/
.raonFamilyCon .raonFamilys {  margin-right:100px;  margin-bottom:15px;  color:#fff; background-position: center center; background-size: cover; background-repeat: no-repeat; text-align:left; background-color:#F8F8F8; 
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}
.raonFamilyCon .raonFamilys .sectionBg { padding:71px 60px 0px 60px; width:calc(100% -  min(489px, 40%)); height:500px; background-color: rgb(40 41 69 / 100%); }
.raonFamilyCon .raonFamilys .linkArea { display:block; position:relative; width: min(489px, 40%); height: 500px; }
.raonFamilyCon .raonFamilys:nth-child(even) { margin-left:100px; margin-right:0px;}
.raonFamilyCon .raonFamilys:nth-child(even) .sectionBg { margin-left:auto; background-color:rgb(255 132 0 / 100%); }
.raonFamilyCon .raonFamilys:last-child { margin-bottom:0px; }
.raonFamilyCon .raonFamilys .ci { margin-bottom:24px; }
.raonFamilyCon .raonFamilys .company { margin-bottom:24px; font-size:min(40px, 2.5vw); line-height:1.4; letter-spacing:-0.4px; font-weight:700; }
.raonFamilyCon .raonFamilys .txt { height:auto; margin-bottom:min(44px, 2.5vw); font-size:min(16px, 1.1111vw); letter-spacing:-0.32px; line-height:1.7; font-weight:300; }
.raonFamilyCon .raonFamilys .call { font-size:24px; line-height:1.7; letter-spacing:-0.1px; font-weight:500; }

.raonFamilyCon .raonFamilys .home_link { position:absolute; width:150px; right:55px; bottom:65px; background-color:#FF8400; border-radius: 50%; }
.raonFamilyCon .raonFamilys .home_link a { padding: 46px 0px; display:block;   color:#f8f8f8; font-size:24px; line-height:29px; letter-spacing:-0.02px; text-align:center; font-weight:500; }
.raonFamilyCon .raonFamilys:nth-child(even) .home_link { left:55px; right:0px;}

/*통합 브로셔 다운로드 추가 20201224*/
.brochure{overflow: hidden; position: relative; padding: 0; height: 379px; background: #121d39; cursor: pointer; }
.brochure .w1440{width: 100%; max-width: 1440px; margin: auto;}
.brochure .w1440 img{width: 100%;}

.aboutVideo {overflow: hidden; position: relative; padding: 0; height: 788px; background: url("/common/ko//img/main/section3_bg.jpg") center center no-repeat; background-size:cover;}


/* 라온 그룹 소개 */
.subAbout11 { padding:100px 0px; }
.subAbout11 .nl {}
.subAbout11 .nl .infoArea { width:50%; }
.subAbout11 .nl .infoArea .info { }
.subAbout11 .nl .infoArea .info .ci { position:relative; margin-bottom:52px; }

.subAbout11 .nl .infoArea .info .ci:after { position:absolute; content:""; left:0px; bottom:-27px; width:72px; height:8px; border-radius:4px; background-color:#ff8400}
.subAbout11 .nl .infoArea .info .comName { margin-bottom:18px; font-size:min(2.8571vw, 40px); line-height:48px; color:#222; letter-spacing:-0.4px; font-weight:bold; }
.subAbout11 .nl .infoArea .info .txt { font-size:min(1.2857vw, 18px); line-height:1.5; color:#666;}
.subAbout11 .nl .img { width:50%; }
.subAbout11 .nl .img img { width:100%; }

.subAbout11 .nl:nth-child(1) .info { padding-top:3.6861vw; }
.subAbout11 .nl:nth-child(1) .info .ci img { width:min(100%, 177px); }
.subAbout11 .nl:nth-child(2) .info { padding-top:3.0786vw; padding-left:40px; }
.subAbout11 .nl:nth-child(2) .info .ci img { width:min(100%, 187px); }
.subAbout11 .nl:nth-child(3) .info { padding-top: 4.36vw; }
.subAbout11 .nl:nth-child(3) .info .ci img { width:min(100%, 129px); }


@media all and (max-width: 1520px) { /* w1440 끝나는 시점 */
	.prodCount ul li { height: 21.05vw; margin: 0 1.32vw 1.32vw 0; }
	.prodCount ul li a { padding: 2.63vw 2.63vw 7.57vw; }
	.prodCount ul li p { font-size: 1.84vw; }
	.prodCount ul li img { width: 5.26vw; bottom: 1.97vw; right: 1.97vw; }
	.prodCount ul li:after { width: 24.34vw; height: 24.34vw; bottom: -24.34vw; right: -24.34vw; }
	.prodCount ul li:hover:after { bottom: -12.17vw; right: -12.17vw; }
	.subAbout01.w1440 { padding: 7.89vw 3.95vw; }
	.subAbout02 ul li img { margin-right: 1.97vw; }
	.subAbout03 { padding: 7.89vw 3.95vw; }
	.aboutVideo .videoPop .videoCon{padding: 0 60px; width: 100%;}
	.subAbout04 .about_txt h3 { margin-bottom: 1.32vw; font-size: 1.84vw; }
	.subAbout04 .about_txt p { font-size: 1.18vw; }
	.subAbout04 ul li { margin-left: 1.32vw; }
	.subAbout04 ul li a { padding: 1.97vw 1.32vw; width: 19.74vw; font-size: 1.32vw; }
	.subAbout04 ul li a img { margin-right: 1.32vw; width: 3.95vw; }
	.subAbout05.w1440 { padding: 7.89vw 3.95vw; }
	.subProd06 ul.li03 li { width: calc(33.33% - 1.32vw); margin-right: 1.97vw; }
	.subProd06 ul.li03 li:last-of-type { margin-right: 0; }
	.cibiGuide03 dl dt { width: 430px; padding: 0 0 0 50px; }
	.cibiGuide03 dl dd { width: calc(100% - 430px); }
	.welfareCon { padding-top: 6.58vw; padding-bottom: 6.58vw; }
	.welfareCon h3 { font-size: 3.16vw; margin-bottom: 1.32vw; }
	.welfareCon h4 { font-size: 1.32vw; }
	.welfareCon ul { margin-top: 3.29vw; }
	.welfareCon ul li { width: calc((100% - 3.96vw) / 4); height: 15.13vw; padding: 2.63vw 6.2vw 2.63vw 2.63vw; margin: 1.32vw 1.32vw 0 0; border-radius: 0.66vw; }
	.welfareCon ul li p { font-size: 1.58vw; }
	.welfareCon ul li span { margin-top: 0.99vw; font-size: 1.05vw; }
	.welfareCon ul li img { width: 5.26vw; bottom: 1.32vw; right: 1.32vw; }
	.disabilityTop dd ul { padding-left: 0; margin-left: 0; border-left: 0; }
	.disabilityTop dd ul:nth-of-type(1) { margin-right: 10px; }
	.disabilityTop.browser dd ul:last-of-type { padding: 30px 0 0; margin: 65px 0 0; border-left: 0; border-top: 1px solid #ddd; }
	.disabilityTop.keyshap dd ul:last-of-type { display: block; width: 680px; margin: 65px auto 0; }
	.recruit01 .recruit01_img { padding: 0 60px; }
	.recruit_navi.on { padding: 0 60px; width: 100%; }
	.recruit_navi li { font-size: 1.58vw; }
	.recruit_Con { padding-bottom: 5.26vw; }
	.recruit_Con > div { display: table; position: relative; padding: 6.58vw 0; min-height: 38.16vw; }
	.recruit_Con .recruit_txt { padding-left: 1.97vw; }
	.recruit_Con .recruit_Con02 .recruit_txt { padding-left: calc(50% + 1.97vw); }
	.recruit_Con .recruit_txt div + div { margin-top: 3.29vw; }
	.recruit_Con .recruit_txt div span { font-size: 1.97vw; }
	.recruit_Con .recruit_txt div h3 { margin: 1.32vw 0 1.64vw 0; font-size: 2.63vw; }
	.recruit_Con .recruit_txt div p { font-size: 1.45vw; }
	.recruit_Con .recruit_txt div p + p { margin-top: 1.97vw; }
	.recruit_Con .recruit_ConImg div { padding: 0 0.99vw; }
	.recruit_Con .recruit_ConImg div span { margin-top: 1.32vw; font-size: 1.97vw; }
	.recruit_Con .recruit_ConImg div::after { width: 3.95vw; height: 4.87vw; background-size: 100% auto; }
	.recruit_pop .recruit_popCon { padding: 0 60px; }
	.raonPeopleCon { padding: 120px 0 0; }
    
    .brochure {height:auto;}
    .img_hover ul li li{font-size: 1vw;}/*20210119 추가*/
    .img_hover > ul > li{padding: 1.2vw;}/*20210119 추가*/ 
    .img_hover ul li li li{font-size: 1vw;}/*20210120 추가*/
    .img_hover ul.company > li > ul > li > p{font-size: 1vw; line-height: 1.8vw; border-radius: 0.9vw; padding: 0 10px; margin-bottom: 0.5vw; width: 100%;}/*20210120 추가*/
	
	/* 분야별 특화 솔루션 */
	.subAbout04.secure ul { width: calc(100% - 250px); }
	
		
	/* 라온 패밀리 */	
	.subAbout11 .nl:nth-child(1) .info { padding-top:2.9891vw; }
	.subAbout11 .nl:nth-child(1) .info .ci img { width:min(100%, 177px); }
	.subAbout11 .nl:nth-child(2) .info { padding-top:2.4786vw; padding-left:40px; }
	.subAbout11 .nl:nth-child(2) .info .ci img { width:min(100%, 187px); }
	.subAbout11 .nl:nth-child(3) .info { padding-top: 4.36vw; }
	.subAbout11 .nl:nth-child(3) .info .ci img { width:min(100%, 129px); }
	
	.subAbout12 .area_01 { width: 38%; }
	.subAbout12 .area_01 .nl { margin-bottom:70px; }
	.subAbout12 .area_01 .nl:last-child { margin-bottom:0px; }
	.subAbout12 .area_01 .nl ul li { font-size:1.1842vw; }
	.subAbout12 .area_02 { width: 445px; margin-top:-15px; margin-left: 20px; }
	
	
	.reference02 .contentsArea .titleArea { height:min(400px, 26.3158vw); }
	.reference02 .contentsArea .titleArea > .title { font-size:1.5789vw; }
	.reference02 .contentsArea .txtArea { height:min(400px, 26.3158vw); font-size:1.3816vw; }
	
	
	
	.reference03 .boxType_01 ul li { height: 21.05vw; margin: 0 1.32vw 1.32vw 0; }
	.reference03 .boxType_01 ul li a { padding: 2.63vw 2.63vw 7.57vw; }
	.reference03 .boxType_01 ul li p { font-size: 1.84vw; }
	.reference03 .boxType_01 ul li img { width: 5.26vw; bottom: 1.97vw; right: 1.97vw; }
	.reference03 .boxType_01 ul li:after { width: 24.34vw; height: 24.34vw; bottom: -24.34vw; right: -24.34vw; }
	.reference03 .boxType_01 ul li:hover:after { bottom: -12.17vw; right: -12.17vw; }
	

}

@media all and (max-width: 1300px) {
	.cibiGuide03 dl dt { float: right; position: relative; top: 0; right: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	
	.subAbout12 .area_01 { width: 40%; }
	.subAbout12 .area_01 .nl { margin-bottom:70px; }
	.subAbout12 .area_02 { width: 445px; margin-top:-15px; margin-left:0px; }
	
	
}



@media all and (max-width: 1280px) { .recruit02 ol { margin-bottom: 10px; }
	.recruit02 ol li { margin-bottom: 20px; padding: 2.5vw; width: calc((100% - 20px) / 2); height: 25vw; background-position: center right 2.5vw; }
	.recruit02 ol li:nth-of-type(2) { margin-right: 0; }
	.recruit02 ol li:nth-of-type(5) { margin-right: 0; }
	.recruit02 ol li span { font-size: 4.33vw; }
	.recruit02 ol li h4 { font-size: 3vw; left: 2.5vw; top: 35%; }
	.recruit02 ol li p { margin-top: 7.5vw; font-size: 2vw; }
	
	.subAbout12 .area_01 { width: 40%; }
	.subAbout12 .area_01 .nl { margin-bottom:70px; }
	.subAbout12 .area_02 { width: 440px; margin-top:-15px; }
	
}
	
	

@media all and (max-width: 1200px) { 
	.subProd03 { font-size: 0; }
	.subProd03 > img { width: 45%; margin-right: 5%; }
	.subProd03 .txtWrap ul { padding-left: 20px; }
	.subProd03 .txtWrap ul li { display: block; width: 100%; margin: 30px 0 0; font-size: 0; vertical-align: top; }
	.subProd03 .txtWrap ul li span { display: inline-block; width: 88px; vertical-align: top; }
	.subProd03 .txtWrap ul li .txt { display: inline-block; width: calc(100% - 88px); vertical-align: top; }
	.subProd03 .txtWrap ul li h4 { margin-top: 0; }
	.subProd03 .txtWrap .subProd03_img { margin-top: 30px; padding-left: 0; }
	.subProd03 .txtWrap .subProd03_img img { margin-right: 30px; }
	.subProd03 .txtWrap .subProd03_img ul { width: calc(100% - 170px); padding: 0; }
	.subProd03 .txtWrap .subProd03_img ul li { width: 100%; margin: 0 0 30px 0; }
	.subProd03 .txtWrap .subProd03_img ul li .txt { width: 100%; }
	.subProd03 .txtWrap .subProd03_img ul li:last-of-type { margin-bottom: 0; }
	.prodCount ul li { width: calc(33.33% - 1.12vw); margin: 0 1.67vw 1.67vw 0; height: 26.67vw; }
	.prodCount ul li:nth-of-type(4n) { margin-right: 1.67vw; }
	.prodCount ul li:nth-of-type(3n) { margin-right: 0; }
	.prodCount ul li:after { width: 30.83vw; height: 30.83vw; bottom: -30.83vw; right: -30.83vw; }
	.prodCount ul li:hover:after { bottom: -15.42vw; right: -15.42vw; }
	.prodCount ul li a { padding: 3.33vw 3.33vw 9.58vw; }
	.prodCount ul li p { font-size: 2.33vw; }
	.prodCount ul li img { width: 6.67vw; bottom: 2.50vw; right: 2.50vw; }
	.subAbout03 >  .w1440 > .img { margin-right: 5%; width: 62.5%; }
	.subAbout03 .txtWrap { width: 32.5%; }
	.subAbout03 .txtWrap h3 { padding-bottom: 4vw; font-size: 40px; }
	.subAbout03 .txtWrap ul { padding-left: 2.5vw; }
	.subAbout03 .txtWrap ul li { margin-bottom: 50px; }
	.subAbout03 .txtWrap ul li:last-of-type { margin-bottom: 0; }
	.subAbout03 .txtWrap ul li h4 { padding-bottom: 1.67vw; font-size: 24px; }
	.subAbout03 .txtWrap ul li p { font-size: 18px; }

	.subAbout03.secure .w1440 img { margin-right: 0px !important; width: 100% !important; }
	.subAbout03.secure .txtWrap { width:100%; margin-top:5.0000vw; text-align:center; }
	.subAbout03.secure .txtWrap { padding-top:1.2500vw; }
	.subAbout03.secure .txtWrap .txt_01 { margin-bottom:2.5000vw; font-size:min(24px, 2.0000vw);  }
	.subAbout03.secure .txtWrap .txt_02 { margin-bottom:1.4167vw; font-size:min(36px, 3.0000vw);  }
	.subAbout03.secure .txtWrap .btn { width:12.5000vw; height:12.5000vw; margin:0 auto; }
	.subAbout03.secure .txtWrap .btn a { padding:3.3333vw 0px;  font-size:2.0000vw; line-height:3.0000vw;}



	.cibiGuide02 dl dt { width: 425px; padding-right: 50px; }
	.cibiGuide02 dl dd { width: calc(100% - 425px); }
	.cibiGuide03 dl dt { padding: 0 0 0 50px; }
	.welfareCon { padding-top: 8.33vw; padding-bottom: 8.33vw; }
	.welfareCon h3 { font-size: 4.00vw; margin-bottom: 1.67vw; }
	.welfareCon h4 { font-size: 1.67vw; }
	.welfareCon ul { margin-top: 4.17vw; }
	.welfareCon ul li { width: calc(33.33% - 1.12vw); height: 19.17vw; padding: 3.33vw 10.83vw 3.33vw 3.33vw; margin: 1.67vw 1.67vw 0 0; border-radius: 0.83vw; }
	.welfareCon ul li:nth-of-type(4n) { margin-right: 1.67vw; }
	.welfareCon ul li:nth-of-type(3n) { margin-right: 0; }
	.welfareCon ul li p { font-size: 2.00vw; }
	.welfareCon ul li span { margin-top: 1.25vw; font-size: 1.33vw; }
	.welfareCon ul li img { width: 6.67vw; bottom: 1.67vw; right: 1.67vw; }
	.family01 ul li span br { display: none; }
	.family02 ul li img { width: 300px; }
	.family02 ul li .txt { width: calc(100% - 330px); }
	.raonLifeCon > dl dt { width: 360px; }
	.raonLifeCon > dl dt .txt { padding: 0 30px; }
	.raonLifeCon > dl dt .txt > span br { display: none; }
	.raonLifeCon > dl dd { width: calc(100% - 360px); } 
	
	/* 라온 패밀리 */	
	.subAbout11 .nl:nth-child(1) .info { padding-top:2.1891vw; }
	.subAbout11 .nl:nth-child(1) .info .ci img { width:min(100%, 177px); }
	.subAbout11 .nl:nth-child(2) .info { padding-top:1.0786vw; padding-left:30px; }
	.subAbout11 .nl:nth-child(2) .info .ci img { width:min(100%, 187px); }
	.subAbout11 .nl:nth-child(3) .info { padding-top:3.36vw; }
	.subAbout11 .nl:nth-child(3) .info .ci img { width:min(100%, 129px); }
	
	/* 분야별 특화 솔루션 */
	.subAbout04.secure ul {}

	.subAbout12 .area_01 { width: 37%; }
	.subAbout12 .area_01 .nl { margin-bottom:70px;}
	.subAbout12 .area_02 { width: 450px; margin-top: -10px; }
	
	.subAbout12 .area_02 .pointCi { -webkit-transform: translate(30% ,-55%); -ms-transform: translate(30% ,-55%); transform: translate(30% ,-55%); }
	.subAbout12 .area_02 .ciArea { width: 217px;     padding: 30px 15px 15px 15px; border-radius:12.5px; }
	.subAbout12 .area_02 .ciArea .ci { margin-bottom:28px; }
	.subAbout12 .area_02 .ciArea .ci img { width:100px; }
	.subAbout12 .area_02 .ciArea .link a { font-size: 10px; line-height: 30px; }
	
	.reference03 .boxType_01 ul li { width: calc(33.33% - 1.12vw); margin: 0 1.67vw 1.67vw 0; height: 26.67vw; }
	.reference03 .boxType_01 ul li:nth-of-type(4n) { margin-right: 1.67vw; }
	.reference03 .boxType_01 ul li:nth-of-type(3n) { margin-right: 0; }
	.reference03 .boxType_01 ul li:after { width: 30.83vw; height: 30.83vw; bottom: -30.83vw; right: -30.83vw; }
	.reference03 .boxType_01 ul li:hover:after { bottom: -15.42vw; right: -15.42vw; }
	.reference03 .boxType_01 ul li a { padding: 3.33vw 3.33vw 9.58vw; }
	.reference03 .boxType_01 ul li p { font-size: 2.33vw; }
	.reference03 .boxType_01 ul li img { width: 6.67vw; bottom: 2.50vw; right: 2.50vw; }
	
}

@media all and (max-width: 1080px) { /* tablet */
	.subCon input[type="text"], .subCon input[type="number"], .subCon input[type="password"], .subCon input[type="email"], .subCon input[type="file"] { height: 70px; padding: 0 30px; font-size: 24px; }
	.subCon textarea { padding: 30px; font-size: 24px; }
	.subCon select { height: 70px; line-height: 70px; padding: 0 80px 0 30px; font-size: 24px; background-position: center right 30px; background-size: 31px auto; }
	.sub_visual { height: 640px; }
	/* 솔루션 - 플랫폼 */
	.subVisual01_01_01 { background-image: url("/common/ko//img/content/m_subVisual01_01_01.jpg"); }
	.subVisual01_01_02 { background-image: url("/common/ko//img/content/m_subVisual01_01_02.jpg"); }
	.subVisual01_01_04 { background-image: url("/common/ko//img/content/m_subVisual01_01_04.jpg"); }
	.subVisual01_01_05 { background-image: url("/common/ko//img/content/m_subVisual01_01_05.jpg"); }
	/* 솔루션 - 모바일 보안 */
	.subVisual01_02_01 { background-image: url("/common/ko//img/content/m_subVisual01_02_01.jpg"); }
	.subVisual01_02_02 { background-image: url("/common/ko//img/content/m_subVisual01_02_02.jpg"); }
	.subVisual01_02_03 { background-image: url("/common/ko//img/content/m_subVisual01_02_03.jpg"); }
	.subVisual01_02_04 { background-image: url("/common/ko//img/content/m_subVisual01_02_04.jpg"); }
	.subVisual01_02_05 { background-image: url("/common/ko//img/content/m_subVisual01_02_05.jpg"); }
	.subVisual01_02_06 { background-image: url("/common/ko//img/content/m_subVisual01_02_06.jpg"); }
	.subVisual01_02_07 { background-image: url("/common/ko//img/content/m_subVisual01_02_07.jpg"); }
	.subVisual01_02_08 { background-image: url("/common/ko//img/content/m_subVisual01_02_08.jpg"); }
	/* 솔루션 - PC 보안 */
	.subVisual01_03_01 { background-image: url("/common/ko//img/content/m_subVisual01_03_01.jpg"); }
	.subVisual01_03_02 { background-image: url("/common/ko//img/content/m_subVisual01_03_02.jpg"); }
	.subVisual01_03_03 { background-image: url("/common/ko//img/content/m_subVisual01_03_03.jpg"); }
	.subVisual01_03_04 { background-image: url("/common/ko//img/content/m_subVisual01_03_04.jpg"); }
	.subVisual01_03_05 { background-image: url("/common/ko//img/content/m_subVisual01_03_05.jpg"); }
	/* 제품탐색기 */
	.subVisual01_04_01 { background-image: url("/common/ko//img/content/m_subVisual01_04_01.jpg"); }
	/* 서비스 */
	.subVisual02_01_01 { background-image: url("/common/ko//img/content/m_subVisual02_01_01.jpg"); }
	.subVisual02_01_02 { background-image: url("/common/ko//img/content/m_subVisual02_01_02.png"); }
	.subVisual02_01_03 { background-image: url("/common/ko//img/content/m_subVisual02_01_03.jpg"); }
	.subVisual02_01_04 { background-image: url("/common/ko//img/content/m_subVisual02_01_04.jpg"); }
	.subVisual02_01_05 { background-image: url("/common/ko//img/content/m_subVisual02_01_05.jpg"); }
	.subVisual02_01_06 { background-image: url("/common/ko//img/content/m_subVisual02_01_06.jpg"); }
	.subVisual02_01_07 { background-image: url("/common/ko//img/content/m_subVisual02_01_07.jpg"); }
    .subVisual02_01_TouchEn_SAM { background-image: url("/common/ko//img/content/m_subVisual02_01_TouchEn_SAM.jpg"); }
    
	/* 레퍼런스 - 분야별 도입사례 */
	.subVisual03_01_01 { background-image: url("/common/ko//img/content/m_subVisual03_01_01.jpg"); }
	.subVisual03_01_02 { background-image: url("/common/ko//img/content/m_subVisual03_01_02.jpg"); }
	.subVisual03_01_03 { background-image: url("/common/ko//img/content/m_subVisual03_01_03.jpg"); }
	.subVisual03_01_04 { background-image: url("/common/ko//img/content/m_subVisual03_01_04.png"); }
	.subVisual03_01_05 { background-image: url("/common/ko//img/content/m_subVisual03_01_05.png"); }
	.subVisual03_01_06 { background-image: url("/common/ko//img/content/m_subVisual03_01_06.png"); }
	/* 레퍼런스 - 업종별 특화 솔루션 */
	.subVisual03_02_01 { background-image: url("/common/ko//img/content/m_subVisual03_02_01.jpg"); }
	.subVisual03_02_02 { background-image: url("/common/ko//img/content/m_subVisual03_02_02.jpg"); }
	.subVisual03_02_03 { background-image: url("/common/ko//img/content/m_subVisual03_02_03.jpg"); }
	/* 고객지원 */
	.subVisual04_01_01 { background-image: url("/common/ko//img/content/m_subVisual04_01_01.jpg"); }
	.subVisual04_01_02 { background-image: url("/common/ko//img/content/m_subVisual04_01_02.jpg"); }
	.subVisual04_01_04 { background-image: url("/common/ko//img/content/m_subVisual04_01_04.jpg"); }
	/* 라온 - 인재채용 */
	.subVisual05_02_01 { background-image: url("/common/ko//img/content/m_subVisual05_02_01.jpg"); }
	.sub_visual .sub_visualTxt { padding: 0 40px; }
	.sub_visual .sub_visualTxt p { font-size: 80px; }
	.sub_visual .sub_visualTxt p span { font-size: 94px; }
	.sub_visual .sub_visualTxt > span { font-size: 28px; }
	.sub_visual .shareWrap { bottom: 30px; right: 40px; }
	.sub_visual .shareWrap img { width: 66px; }
	.sub_visual .shareWrap dt { width: 260px; right: 66px; }
	.subProd_con > div h3 { font-size: 52px; }
	.subProd_con > .subProd01 { padding-top: 90px; padding-bottom: 100px; }
	.subProd_con > .subProd01 h3 { font-size: 60px; line-height: 1.3; }
	.subProd01 h3 strong { display: block; line-height: 1.3; }
	.subProd01 h3 br { display: none; }
	.subProd01 p { margin-top: 30px; font-size: 32px; line-height: 1.5; }
	.subProd01 p strong { display: block; line-height: 1.5; }
	.subProd01 p br { display: none; }
	.subProd01 span { margin-top: 30px; font-size: 24px; }
	.subProd01 ul { margin-top: 45px; }
	.subProd01 ul li { width: 160px; }
	.subProd_con > .subProd02 { padding-bottom: 100px; background: url("/common/ko//img/content/m_subProd02_bg.jpg") bottom center no-repeat; background-size: cover; }
	.subProd_con > .subProd02_01_02 { background: url("/common/ko//img/content/m_subProd02_01_02_bg.jpg") center center no-repeat; background-size: cover; }
	.subProd_con > .subProd02_01_03 { background: url("/common/ko//img/content/m_subProd02_01_03_bg.jpg") center center no-repeat; background-size: cover; }
	.subProd_con > .subProd02_02_01 { background: url("/common/ko//img/content/m_subProd02_02_01_bg.jpg") center bottom no-repeat; background-size: cover; }
	.subProd02 ul li { display: block; width: 100%; margin: 0 0 70px 0; }
	.subProd02 ul li:last-of-type { margin-bottom: 0; }
	.subProd02 ul li h3 { font-size: 40px; }
	.subProd02 ul li p { font-size: 28px; }
	.subProd02 ul li span { font-size: 24px; line-height: 1.5; }
	.subProd02 ul li span br { display: none; }
	.subProd03 > img { width: 100%; margin: 0 0 60px 0; vertical-align: top; }
	.subProd03 .txtWrap { display: block; width: 100%; vertical-align: top; }
	.subProd03 .txtWrap h3 { margin-bottom: 20px; }
	.subProd03 .txtWrap p { font-size: 28px; line-height: 1.5; }
	.subProd03 .txtWrap ul li { margin: 60px 0 0; }
	.subProd03 .txtWrap ul li span { width: 115px; font-size: 60px; }
	.subProd03 .txtWrap ul li .txt { width: calc(100% - 115px); }
	.subProd03 .txtWrap ul li h4 { font-size: 40px; }
	.subProd03 .txtWrap ul li p { margin-top: 20px; font-size: 24px; line-height: 1.5; }
	.subProd03 .txtWrap .subProd03_img { margin-top: 75px; padding-left: 30px; }
	.subProd03 .txtWrap .subProd03_img dt { margin-bottom: 40px; }
	.subProd03 .txtWrap .subProd03_img img { width: 166px; margin-right: 50px; }
	.subProd03 .txtWrap .subProd03_img ul { width: calc(100% - 216px); margin-top: 15px; }
	.subProd03 .txtWrap .subProd03_img ul li { margin: 0 0 60px 0; }
	.subProd04 .imgWrap { margin-top: 60px; }
	.subProd04 .imgWrap img { width: 100%; }
	.subProd04_scroll .imgWrap { margin-right: -40px; margin-left: -40px; }
	.subProd04_scroll .imgWrap img { width: 2000px; padding: 0 40px; -webkit-box-sizing: content-box; box-sizing: content-box; max-width: inherit; }
	.subProd04_02 { background-image: url("/common/ko//img/content/m_subProd04_bg.jpg"); }
	.subProd04_02 h3 { margin-bottom: 5.56vw; }
	.subProd04_02 .imgWrap img { width: 81.26%; }
	.subProd05 h3 { margin-bottom: 50px; }
	.subProd05 dl { display: block; padding: 35px 30px; border-width: 2px; }
	.subProd05 dl dt { display: block; width: 100%; margin: 0 0 24px 0; padding-right: 0; }
	.subProd05 dl dt .imgWrap { margin: 0 0 15px; vertical-align: top; }
	.subProd05 dl dt span { display: block; max-width: 100%; width: 100%; font-size: 36px; vertical-align: top; }
	.subProd05 dl dd { display: block; width: 100%; font-size: 24px; padding-left: 0; border-left: 0; }
	.subProd06 h3 { margin-bottom: 50px; }
	.subProd06 ul li { width: 640px; height: 300px; padding: 45px 45px 90px; border-radius: 10px; }
	.subProd06 ul.li03 { margin-bottom: -30px; }
	.subProd06 ul.li03 li { width: calc((100% - 30px) / 2); margin: 0 30px 30px 0; }
	.subProd06 ul.li03 li:nth-of-type(2n) { margin-right: 0; }
	.subProd06 ul li p { font-size: 22px; }
	.subProd06 ul li a > span { margin-top: 25px; font-size: 44px; }
	.subProd06 ul li .downWrap { bottom: 50px; left: 45px; padding: 1px 0 1px 34px; font-size: 22px; }
	
	.subProd_con > .subProd02.subProd02_04_01 ul li { width:100%; }
	
	.subProd07 h3 { font-size: 40px; }
	.subProd07 .titleLine { margin:28px 0px; width:10.0000vw; height:8px; border-radius:6px; }
	.subProd07 .subTitle { margin-bottom:6.4815vw; font-size:24px; line-height:1.7; }


	
	.prodContactCon h3 { border-bottom-width: 4px; background-size: 36px auto; }
	.prodContact .topTxt { padding: 70px 80px; font-size: 28px; line-height: 1.5; }
	.prodContact .topTxt br { display: none; }
	.privacyCheck_wrap { margin-bottom: 100px; }
	.privacyCheck_wrap h4 { font-size: 32px; }
	.privacyCheck_wrap .privacyTxt { height: 360px; padding: 0 40px; border-width: 2px; }
	.privacyCheck_wrap .privacyTxt > div { padding: 30px 0 0; }
	.privacyCheck_wrap .checkWrap { margin-top: 30px; }
	.contactBoard { padding-bottom: 60px; border-bottom-width: 4px; }
	.contactBoard > p { font-size: 20px; }
	.contactBoard .btn_wrap a { width: 100%; }
	.prodSelect dl dd ul li { width: 270px; padding-right: 10px; }
	.prodCount ul li { width: calc(33.33% - 1.24vw); margin: 0 1.85vw 1.85vw 0; height: 29.63vw; }
	.prodCount ul li:nth-of-type(4n) { margin-right: 1.85vw; }
	.prodCount ul li:nth-of-type(3n) { margin-right: 0; }
	.prodCount ul li:after { display: none; }
	.prodCount ul li a { padding: 3.70vw 3.70vw 10.65vw; }
	.prodCount ul li p { font-size: 2.59vw; }
	.prodCount ul li img { width: 7.41vw; bottom: 2.78vw; right: 2.78vw; }
	.subAbout01.w1440 { padding: 9.26vw 8.33vw; }
	.subAbout01 h3 { float: none; margin-bottom: 6.48vw; width: 100%; font-size: 5.56vw; }
	.subAbout01 dl { float: none; width: 100%; }
	.subAbout01 dl dt { padding-bottom: 3.70vw; font-size: 2.96vw; }
	.subAbout01 dl dd { padding-bottom: 1.85vw; font-size: 2.22vw; }
	.subAbout02 { padding: 9.26vw 0; background: url("/common/ko//img/content/m_subProd02_05_01_bg.jpg") center center no-repeat; background-size: cover; }
	.subAbout02 .w1440 { padding: 0 7.41vw; }
	.subAbout02 ul li { display: block; margin: 0 0 8.33vw 0; width: 100%; }
	.subAbout02 ul li:last-of-type { margin-bottom: 0; }
	.subAbout02 ul li img { margin-right: 6.02vw; width: 12.96vw; }
	.subAbout02 ul li h3 { margin: 1.39vw 0 0.93vw; font-size: 2.59vw; font-weight: 400; }
	.subAbout02 ul li p { font-size: 4.81vw; }
	.subAbout02 ul li p span { font-size: 3.33vw; line-height: 1.5; }
	.subAbout02 ul li p em { margin-left: 2.78vw; font-size: 2.22vw; }
	
	 /*200507 수정*/
	.aboutVideo {overflow: hidden; position: relative; height: auto; background: url("/common/ko//img/main/m_section3_bg.jpg") center center no-repeat; background-size:cover;}
	.aboutVideo > img {position: relative; left: 0; top: 0; transform:translate(0, 0); padding: 100px 0; width: 100%;}
     	
     /*
	.aboutVideo { height: auto; }
	.aboutVideo > img { position: relative; top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); min-width: inherit; }
	*/
	.aboutVideo .videoPop .videoCon{padding: 0 40px;}
	
	
	
	.subAbout03 { padding: 11.11vw 5.56vw; }
	.subAbout03:after { content:''; position:absolute; height:1px; width:90%; bottom:0px; left:50%; -webkit-transform: translateX(50%); -ms-transform:translateX(50%); transform:translateX(-50%); border-bottom:1px solid #ddd; }
	.subAbout03 > .w1440 > img { width: 55%; }
	.subAbout03 > img { width:100%; margin-right:0px; }
	
	.subAbout03 .txtWrap { width: 100%; }
	.subAbout03 .txtWrap h3 { padding: 4.63vw 0 4.63vw 0; font-size: 4.44vw; }
	.subAbout03 .txtWrap ul { padding-left: 2.78vw; }
	.subAbout03 .txtWrap ul li { margin-bottom: 3.7vw; }
	.subAbout03 .txtWrap ul li:last-of-type { margin-bottom: 0; }
	.subAbout03 .txtWrap ul li h4 { padding-bottom: 1.85vw; font-size: 2.41vw; }
	.subAbout03 .txtWrap ul li p { font-size: 1.85vw; }
	.subAbout04 { padding: 5.56vw 0; background-color: #f8f8f8; }
	.subAbout04 .w1440 > div { padding: 3.7vw 0; }
	.subAbout04 .about_txt { float: none; margin-bottom: 3.7vw; }
	.subAbout04 .about_txt h3 { margin-bottom: 1.39vw; font-size: 3.7vw; }
	.subAbout04 .about_txt p { font-size: 2.59vw; }
	.subAbout04 ul { overflow: hidden; float: none; }
	.subAbout04 ul li { margin-left: 1.32vw; width: calc(33.33% - 0.88vw); }
	.subAbout04 ul li:first-of-type { margin-left: 0; }
	.subAbout04 ul li a { padding: 2.78vw 0; width: 100%; font-size: 2.22vw; }
	.subAbout04 ul li a img { margin: 0 1.32vw; width: 6.48vw; }
	.subAbout04.secure ul { width:100%; }
	.subAbout05 { padding: 9.26vw 5.56vw; }
	.subAbout05 h3 { font-size: 3.7vw; }
	.subAbout05 .mapImage { margin: 2.31vw 0; }
	.subAbout05 .txtWrap p:first-of-type { position: relative; left: 0; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	.subAbout05 .txtWrap p.parkBtn { float: none; margin-top: 2.78vw; width: 24.07vw; font-size: 2.41vw; }
	.subAbout05 .txtWrap p span { font-size: 2.96vw; }
	.subAbout05 .txtWrap p img { width: 35px; vertical-align: middle; }
	.subAbout05 .parkMap .imgWrap { width: calc(100% - 60px); text-align: center; }
	.subAbout05 .parkMap .imgWrap img { width: 100%; }
	.cibiGuide01 { padding-top: 80px; padding-bottom: 80px; }
	.cibiGuide01 p { margin-bottom: 30px; font-size: 64px; }
	.cibiGuide01 > span { font-size: 32px; }
	.cibiGuide01 > span br { display: inline; }
	.cibiGuide02 { padding-top: 100px; padding-bottom: 100px; }
	.cibiGuide02 h2 { margin-bottom: 60px; padding: 0 30px; font-size: 52px; }
	.cibiGuide02 dl { padding: 0 30px; }
	.cibiGuide02 dl dt { float: none; width: 100%; padding-right: 0; }
	.cibiGuide02 dl dt p { font-size: 40px; line-height: 1.4; }
	.cibiGuide02 dl dt > span { margin-top: 25px; font-size: 28px; }
	.cibiGuide02 dl dt > span br { display: none; }
	.cibiGuide02 dl dd img { width: 100%; }
	.cibiGuide02 dl dd { float: none; width: 100%; margin-top: 65px; }
	.cibiGuide03 dl dt { float: none; width: 100%; padding: 0; }
	.cibiGuide03 dl dd { float: none; width: 100%; }
	.cibiGuide03 dl dd ul li .btn a:hover { background: #fff; color: #ff8400; }
	.subProd01_navi a img { margin-right: 20px; width: 28px; }
	.reference_txt dl dt { width: 100%; font-size: 48px; }
	.reference_txt dl dd { width: 100%; font-size: 24px; }
	.reference_txt dl dd span { padding-top: 30px; }
	.reference_txt dl dd span:first-of-type { padding-bottom: 0; }
	.reference_txt div img { margin: 0 auto; width: 76.44%; }
	.reference01 h2 { font-size: 60px; }
	.reference01 p { font-size: 32px; }
	.reference01 .tit { font-size: 32px; }
	.reference01 img { width:100%; margin-top:7.4074vw; }
	
	.reference02_01_01 { background-image: url("/common/ko//img/content/m_reference02_01_01_bg.jpg"); }
	.reference02_02_01 { background-image: url("/common/ko//img/content/m_reference02_02_01_bg.jpg"); }
	.reference02 p { font-size: 28px; line-height: 1.65; }
	.reference03 .reference03_txt { margin-right: 0; width: 100%; }
	.reference03 .reference03_txt h3 { font-size: 48px; }
	.reference03 .reference03_txt p { font-size: 24px; }
	.reference03 .reference03_txt p:last-of-type { margin-bottom: 80px; }
	.reference03 .reference03_img { float: none; margin: 0 auto; width: 100%; }
	.reference03_scroll .img_wrap img { width: 1440px; }
	
	.reference02_01_001 { background-image: url(/common/ko//img/content/m_reference02_bg.png); }
	
	.reference02 .contentsArea .titleArea { padding:2.5974vw 0px 3.6364vw; width:100%; height:auto; background-color: transparent; }
	.reference02 .contentsArea .titleArea .title { font-size:3.6364vw; line-height:1.5; }
	.reference02 .contentsArea .titleArea > .title:before { top:-2.1296vw; width:12.2222vw;  }
	.reference02 .contentsArea .txtArea { font-size:3.6364vw; line-height:1.5; padding:0px; margin-bottom:9.2593vw; width:100%; height:auto; }
	
	
	
	.reference02 .contentsArea .titleArea:nth-of-type(1) { order:1; }
	.reference02 .contentsArea .txtArea:nth-of-type(2) { order:2; }
	.reference02 .contentsArea .txtArea:nth-of-type(3) { order:4; }
	.reference02 .contentsArea .titleArea:nth-of-type(4) { order:3; }
	.reference02 .contentsArea .titleArea:nth-of-type(5) { order:5; }
	.reference02 .contentsArea .txtArea:nth-of-type(6) { order:6; margin-bottom:0px; }
	
	
	.reference03 .boxType_01 ul li { width: calc(33.33% - 1.24vw); margin: 0 1.85vw 1.85vw 0; height: 29.63vw; }
	.reference03 .boxType_01 ul li:nth-of-type(4n) { margin-right: 1.85vw; }
	.reference03 .boxType_01 ul li:nth-of-type(3n) { margin-right: 0; }
	.reference03 .boxType_01 ul li:after { display: none; }
	.reference03 .boxType_01 ul li a { padding: 3.70vw 3.70vw 10.65vw; }
	.reference03 .boxType_01 ul li p { font-size: 2.59vw; }
	.reference03 .boxType_01 ul li img { width: 7.41vw; bottom: 2.78vw; right: 2.78vw; }
	
	
	.reference03 .boxType_02 ul li { width: 640px; height: 300px; padding: 45px 45px 90px; border-radius: 10px; }
	.reference03 .boxType_02 ul.li03 { margin-bottom: -30px; }
	.reference03 .boxType_02 ul.li03 li { width: calc((100% - 30px) / 2); margin: 0 30px 30px 0; }
	.reference03 .boxType_02 ul.li03 li:nth-of-type(2n) { margin-right: 0; }
	.reference03 .boxType_02 ul li p { font-size: 22px; }
	.reference03 .boxType_02 ul li a > span { margin-top: 25px; font-size: 44px; }
	.reference03 .boxType_02 ul li .downWrap { bottom: 50px; left: 45px; padding: 1px 0 1px 34px; font-size: 22px; }
	
	.reference04 { background-image: url("/common/ko//img/content/m_reference04_bg.jpg"); }
	.reference04 .reference04_img p { font-size: 24px; }
    
	
	/*레퍼런스 - 컴플라이언스 20210119*/
    .refer_compliance table th, .refer_compliance table td{font-size: 24px;}
    
    
	.shareCon { margin-bottom: 10vw; }
	.shareCon > h4 { margin-bottom: 3vw; font-size: 2.80vw; }
	.share_info > dt { padding: 3vw; font-size: 2vw; }
	.share_info > dd { padding-left: 3vw; }
	.share_info > dd dl { padding: 2.5vw 3vw; }
	.share_info > dd dl dt { width: 13vw; font-size: 2vw; }
	.share_info > dd dl dd { width: calc(100% - 13vw); }
	.share_info > dd dl dd span { margin-right: 10vw; font-size: 2vw; }
	.share_info .defaultTable table tr th { height: 7vw; font-size: 1.70vw; }
	.share_info .defaultTable table tr td { padding: 2.50vw 3vw; font-size: 1.60vw; }
	.last .share_info > dt { background: #f8f8f8 url("/common/ko//img/layout/m_menu.png") center right 3vw no-repeat; background-size: 2vw auto; }
	.disabilityTop { margin: -9.26vw 0 7.41vw; padding: 8.33vw 0 8.80vw; }
	.disabilityTop dt { margin-bottom: 6.48vw; font-size: 2.59vw; text-align: center; }
	.disabilityTop dd ul li { width: calc(33.33% - 0.62vw); height: 14.81vw; line-height: 14.81vw; margin-right: 0.93vw; border-radius: 1.85vw; background: #272a44 url("/common/ko//img/icon/down_icon_white_m.png") right 2.78vw center no-repeat; background-size: 6.02vw auto; }
	.disabilityTop dd ul:nth-of-type(1) { width: 66.66%; margin-right: 0.93vw; }
	.disabilityTop dd ul:nth-of-type(1) li { width: calc((100% - 0.93vw) / 2); }
	.disabilityTop dd ul:nth-of-type(2) { width: calc(33.33% - 0.93vw); }
	.disabilityTop dd ul:nth-of-type(2) li { width: 100%; }
	.disabilityTop dd .browserFile li:first-of-type { background-image: url("/common/ko//img/icon/chrome_icon_white_m.png"); }
	.disabilityTop dd .browserFile li:nth-of-type(2) { background-image: url("/common/ko//img/icon/firefox_icon_white_m.png"); }
	.disabilityTop dd .browserFile li:last-of-type { background-image: url("/common/ko//img/icon/opera_icon_white_m.png"); }
	.disabilityTop dd ul li > a { line-height: 14.81vw; }
	.disabilityTop dd ul li span { padding: 0 10.19vw 0 2.78vw; font-size: 2.96vw; }
	.disabilityTop dd ul p { margin-bottom: 2.78vw; font-size: 2.96vw; position: relative; bottom: 0; left: 0; text-align: left; }
	.disabilityTop.browser dd ul:last-of-type { width: 100%; padding: 4.63vw 0 0; margin: 4.63vw 0 0; border-top-width: 0.19vw; }
	.disabilityTop.browser dd ul:last-of-type li { margin-right: 0.93vw; }
	.disabilityTop.browser dd ul:last-of-type li:last-of-type { margin-right: 0; }
	.disabilityTop dd ul .downSelect span { height: 14.81vw; line-height: 14.81vw; background: url("/common/ko//img/icon/circle_arrow_down_white_m.png") right 2.78vw center no-repeat; background-size: 6.02vw auto; }
	.disabilityTop dd ul .downSelect span.on { background-image: url("/common/ko//img/icon/circle_arrow_down_white_m.png"); }
	.disabilityTop dd ul .downSelect .downFlie_select { display: none !important; }
	.disabilityTop.keyshap dd ul:last-of-type { width: 100%; margin: 4.63vw 0 0; }
	.disabilityTop.keyshap dd ul:nth-of-type(1) { width: calc(33.33% - 0.93vw); margin-right: 0; }
	.disabilityTop.keyshap dd ul:nth-of-type(1) li { width: 100%; }
	.disabilityTop.keyshap dd ul:nth-of-type(2) { width: 66.66%; margin-left: 0.93vw; }
	.disabilityTop.keyshap dd ul:nth-of-type(2) li { width: calc((100% - 0.93vw) / 2); }
	.disabilityTop.keyshap dd ul p { text-align: center; }
	.faqCon dd > a { width: 100%; }
	.faqCon dd .img { padding: 15px; }
	.faqCon03 > h3 { margin-bottom: 55px; padding: 70px 90px; font-size: 28px; line-height: 1.5; }
	.faqCon03 dl { padding-bottom: 80px; margin-bottom: 80px; border-bottom-width: 2px; }
	.faqCon03 dl dt { margin-bottom: 45px; }
	.faqCon03 dl dt p { margin-bottom: 15px; font-size: 32px; }
	.faqCon03 dl dt span { font-size: 22px; }
	.faqCon03 dl dd > div { display: block; width: 100%; margin: 0 0 40px 0; }
	.faqCon03 dl dd > div:last-of-type { margin-bottom: 0; }
	.faqCon03 dl dd > div p { margin-top: 24px; font-size: 26px; }
	.faqCon03 dl dd > div p span { width: 40px; height: 40px; line-height: 40px; margin-right: 20px; font-size: 18px; }
	.faqCon03 dl dd > div p strong { height: 14px; margin: 0 12px; border-left-width: 7px; border-top-width: 7px; border-bottom-width: 7px; }
	.welfareCon { padding-top: 9.26vw; padding-bottom: 9.26vw; }
	.welfareCon h3 { font-size: 5.09vw; margin-bottom: 2.31vw; line-height: 1.3; }
	.welfareCon h4 { font-size: 2.78vw; }
	.welfareCon ul { margin-top: 4.63vw; }
	.welfareCon ul li { width: calc((100% - 2.78vw) / 2); height: 27.78vw; padding: 3.70vw 15vw 3.70vw 3.70vw; margin: 2.78vw 2.78vw 0 0; border-radius: 0.93vw; }
	.welfareCon ul li:nth-of-type(3n) { margin-right: 2.78vw; }
	.welfareCon ul li:nth-of-type(2n) { margin-right: 0; }
	.welfareCon ul li p { font-size: 3.1vw; }
	.welfareCon ul li span { margin-top: 1.85vw; font-size: 2vw; line-height: 1.5; font-weight: 300; }
	.welfareCon ul li img { width: 12.96vw; bottom: 2.78vw; right: 2.78vw; }
	.family01 { padding-top: 100px; padding-bottom: 60px; }
	.family01 ul li { display: block; width: 100%; height: 300px; padding: 50px 0 50px 50px; margin: 0 0 40px; }
	.family01 ul li > span { font-size: 24px; line-height: 1.5; }
	.family02 { padding-top: 100px; padding-bottom: 100px; background-image: url("/common/ko//img/content/m_family02_bg.jpg"); text-align: center; }
	.family02 h3 { margin-bottom: 80px; font-size: 40px; }
	.family02 ul li { display: block; width: 100%; margin-bottom: 65px; }
	.family02 ul li:last-of-type { margin-bottom: 0; }
	.family02 ul li img { margin: 0 0 30px; }
	.family02 ul li .txt { display: block; width: 100%; }
	.family02 ul li .txt p { margin-bottom: 15px; font-size: 32px; }
	.family02 ul li .txt span { font-size: 24px; }
    .family03 {text-align: center; }/*20201223 추가*/
    .family03 h3 { margin-bottom: 80px; font-size: 40px; }/*20201223 추가*/
    .family03 p{margin-bottom: 15px; font-size: 65px;}/*20201223 추가*/
	.raonLifeCon { padding: 100px 0; }
	.raonLifeCon h3 { margin-bottom: 25px; font-size: 50px; }
	.raonLifeCon h3 span { font-size: 58px; }
	.raonLifeCon > p { font-size: 28px; font-weight: 400; }
	.raonLifeCon > dl { padding-bottom: 100px; }
	.raonLifeCon > dl:first-of-type { margin-top: 70px; }
	.raonLifeCon > dl:after { width: 100%; height: 550px; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	.raonLifeCon > dl dt { display: block; width: 100%; padding-top: 70px; text-align: center; }
	.raonLifeCon > dl dt .txt { display: block; max-width: 100%; padding: 0; text-align: center; }
	.raonLifeCon > dl dt p { margin-bottom: 25px; font-size: 40px; }
	.raonLifeCon > dl dt .txt > span { display: block; padding: 0 100px; font-size: 24px; font-weight: 400; }
	.raonLifeCon > dl dd { display: block; width: 100%; padding-left: 70px; }
	.raonLifeCon > dl dd .raonLife_slide ul li { width: 580px; padding: 60px 0; }
	.raonLifeCon > dl dd .raonLife_slide ul li .img { margin-bottom: 45px; }
	.raonLifeCon > dl dd .raonLife_slide ul li p { font-size: 32px; font-weight: 500; }
	.raonLifeCon > dl dd .raonLife_slide ul li span { font-size: 24px; font-weight: 400; line-height: 1.6; }
	.raonLifeCon > dl:nth-of-type(2n):after { display: block; }
	.raonLifeCon > dl:nth-of-type(2n) dt { float: none; }
	.raonLifeCon > dl:nth-of-type(2n) dd { float: none; }
	.raonLifeCon .swiper-control-wrap { width: 100%; margin-top: 0; position: absolute; bottom: 70px; left: 0; }
	.raonLifeCon .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { display: block; font-size: 24px; }
	.raonLifeCon .swiper-pagination .swiper-pagination-current { font-size: 32px; }
	.raonLifeCon .swiper-pagination .swiper-pagination-total { font-size: 24px; }
	.raonLifeCon .swiper-button-wrap { display: none; }
	.recruitCon h3 { font-size: 3.7vw; }
	.recruit01 div p { font-size: 4.81vw; }
	.recruit01 div p span.raleway { display: block; margin-top: 10px; font-size: 5.37vw; }
	.recruit01 div > span { margin-top: 40px; font-size: 2.59vw; }
	.recruit01 .recruit01_img { padding: 0; }
	.recruit03 ul li div h3 { font-size: 3.7vw; }
	.recruit03 ul li div p { font-size: 2.22vw; }
	.recruit_story { padding-top: 0; }
	.recruit_pop .recruit_popCon { padding: 0 40px; }
	.recruit_pop .recruit_popCon .youtube { width: 100%; height: auto; padding-bottom: 56.23%; position: relative; }
	.recruit_pop .recruit_popCon .youtube iframe { position: absolute; top: 0; left: 0; }
	.recruit_pop .recruit_popCon .recruit_xBtn { position: absolute; right: 40px; top: -50px; }
	.recruit_Con { margin: 0 auto; width: 80%; }
	.recruit_Con > div { padding: 9.26vw 0; }
	.recruit_Con > div > div { width: 100%; }
	.recruit_Con .recruit_Con02 .recruit_txt { padding-left: 0; }
	.recruit_Con .recruit_txt div + div { margin-top: 4.63vw; }
	.recruit_Con .recruit_txt div span { font-size: 2.96vw; }
	.recruit_Con .recruit_txt div h3 { margin: 1.85vw 0 2.31vw 0; font-size: 4.44vw; }
	.recruit_Con .recruit_txt div p { font-size: 2.59vw; line-height: 1.5; }
	.recruit_Con .recruit_txt div p + p { margin-top: 2.78vw; }
	.recruit_Con .recruit_txt { display: block; }
	.recruit_Con .recruit_ConImg { position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	.recruit_Con .recruit_ConImg div { margin-top: 7.41vw; padding: 0 1.39vw; }
	.recruit_Con .recruit_ConImg div img { max-width: 46.30vw; }
	.recruit_Con .recruit_ConImg div span { margin-top: 3.7vw; font-size: 2.96vw; }
	.recruitCall_center { margin-bottom: 5.56vw; padding: 4.63vw 0; }
	.recruitCall_center p { font-size: 2vw; }
	.recruitCon .faqCon { padding-bottom: 4.63vw; }
	.faqCon .recruit_info .tit_tag { width: 7.41vw; font-size: 1.67vw; }
	.faqCon .recruit_info .raleway { width: 5.56vw; font-size: 2.22vw; }
	.faqCon .recruit_info .txt { width: calc(100% - 12.97vw); font-size: 2vw; }
	.faqCon .recruit_info > dt { padding: 3vw; padding-left: 0; }
	.faqCon .recruit_info > dd { padding-left: 7.41vw; }
	.last .recruit_info > dt { background: #f8f8f8 url("/common/ko//img/layout/m_menu.png") center right 3vw no-repeat; background-size: 2vw auto; }
	.raonPeopleCon { padding: 100px 0 0; }
	.raonPeopleCon h3 { margin-bottom: 30px; font-size: 60px; }
	.raonPeopleCon > p { width: 460px; font-size: 32px; color: #666; line-height: 1.5; margin: 0 auto; }
	.raonPeopleCon > div { height: 770px; }
	.raonPeopleCon > div .txtWrap { width: 400px; height: 400px; padding: 35px 40px; position: absolute; top: 80px; left: 40px; }
	.raonPeopleCon > div .txtWrap h4 { font-size: 40px; line-height: 1.3; }
	.raonPeopleCon > div .txtWrap h4 span { line-height: 1.3; }
	.raonPeopleCon > div .txtWrap p { margin-top: 25px; font-size: 24px; line-height: 1.5; }
	.raonPeopleCon > div .txtWrap p br { display: none; }
	.raonPeopleCon > div .txtWrap .icon { margin: 20px -10px 0 0; }
	.raonPeopleCon > div .txtWrap .icon img { width: 110px; }
	.raonPeopleCon .raonPeople01 { margin-top: 90px; background-image: url("/common/ko//img/content/m_raonPeople01_bg.jpg"); }
	.raonPeopleCon .raonPeople02 { background-image: url("/common/ko//img/content/m_raonPeople02_bg.jpg"); }
	.raonPeopleCon .raonPeople02 .txtWrap { right: 40px; }
	.raonPeopleCon .raonPeople03 { background-image: url("/common/ko//img/content/m_raonPeople03_bg.jpg"); }
	.raonPeopleCon .raonPeople04 { height: 770px; background-image: url("/common/ko//img/content/m_raonPeople04_bg.jpg"); }
	.raonPeopleCon .raonPeople04 .txt { width: 480px; left: 70px; }
	.raonPeopleCon .raonPeople04 .txt p { margin-bottom: 35px; font-size: 48px; }
	.raonPeopleCon .raonPeople04 .txt p span { font-size: 60px; }
	.raonPeopleCon .raonPeople04 .txt p br { display: none; }
	.raonPeopleCon .raonPeople04 .txt > span { margin-bottom: 60px; font-size: 24px; line-height: 1.5; }
	.raonPeopleCon .raonPeople04 a { width: 400px; } 
    
    /*200414 추가*/
    .history { padding:7.89vw 0;}
    .history h3 {margin-bottom:4.63vw; font-size: 3.7vw;}
    .history .cont > li > p{font-size:2.59vw;}
    .history_cont li p{font-size:2.22vw;}
    .history_cont li{margin-bottom:1vw;}
    .history .cont > li{margin-bottom:4vw;}
    
    .brochure {height:auto;}
    .brochure .w1440 { padding: 9.26vw 8.33vw; }
    
    .img_wrap:hover .img_hover{visibility: hidden;}/*20210120 추가*/
    .img_wrap .img_hover{visibility: hidden;}/*20210120 추가*/
	.reference_scroll .img_wrap { margin-top:0px; padding:0px; border:0px; }
	
	
	/* 패밀리2 */
	.subCon .raonFamilyCon { padding-top: 15.28vw; padding-bottom: 11.11vw; }
	.raonFamilyCon h3 { font-size:  4.17vw; margin-bottom: 15.28vw; }
	.raonFamilyCon h3 span.raleway { margin-top: 1.39vw; font-size: 4.17vw; }
	
	
	.raonFamilyCon .raonFamilys { padding-bottom:9.5555vw; margin: 0px 0px 40px 0px; text-align:center; color:#222; background-image: none;  border-radius:5%;     display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center; }
	.raonFamilyCon .raonFamilys:nth-child(even) { margin: 0px 0px 40px 0px; }
	
	.raonFamilyCon .raonFamilys .sectionBg { width:100%; height:auto; background-color: transparent; padding: 9.5555vw 5.555vw; }
	.raonFamilyCon .raonFamilys .linkArea { width:100%; height:auto; background-image: none; }
	.raonFamilyCon .raonFamilys .linkArea .home_link { position: static; margin: 0 auto; }
	.raonFamilyCon .raonFamilys:nth-child(even) .sectionBg { order:1; background-color: transparent; }
	.raonFamilyCon .raonFamilys:nth-child(even) .linkArea { order:2; }
	
	
	.raonFamilyCon .raonFamilys .ci { margin-bottom:2vw; }
	.raonFamilyCon .raonFamilys .ci img { margin:0 auto; }
	.raonFamilyCon .raonFamilys .company { margin-bottom:6vw; font-size:5.5556vw;   }
	.raonFamilyCon .raonFamilys .txt { height:auto;  margin-bottom:0px; font-size: 3vw; line-height: 1.9; }
	.raonFamilyCon .raonFamilys .call  { margin-bottom:6vw; font-size: 3vw; line-height: 1.9;}
	.raonFamilyCon .raonFamilys .home_link { bottom:9.0278vw; left:calc(50% - 10.415vw); width: 20.834vw; }
	.raonFamilyCon .raonFamilys:nth-child(even)  .home_link { left:calc(50% - 10.415vw); width: 20.834vw; }
	.raonFamilyCon .raonFamilys .home_link a { font-size: 3vw; line-height: 4.07vw; padding:6.3889vw 0px; }
	
		
	/* 라온 그룹 소개 */
	.subAbout11 { padding:11.11vw 11.11vw; }
	.subAbout11 > .w1440 { padding:0px; }
	.subAbout11 .nl {}
	.subAbout11 .nl .infoArea { margin-bottom:5.5556vw; width:100%; }
	.subAbout11 .nl .infoArea .info { }
	.subAbout11 .nl .infoArea .info .ci { position:relative; margin-bottom:4.4444vw; text-align: center; }
	.subAbout11 .nl .infoArea .info .ci:after { position:absolute; content:""; left:50%;  bottom:-2.0667vw; width:10vw; height:1.1111vw; border-radius:0.5556vw; background-color:#ff8400; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.subAbout11 .nl .infoArea .info .comName { margin-bottom:6.1667vw; font-size:min(6.6667vw, 48px); line-height:1.2; text-align:center; }
	.subAbout11 .nl .infoArea .info .txt { font-size:min(3.8889vw, 28px); line-height:1.5; color:#666; }
	.subAbout11 .nl .img { width:100%; margin-bottom:4.1667vw; }
	
	.subAbout11 .nl:nth-child(1) .info { padding-top:0px; }
	.subAbout11 .nl:nth-child(1) .info .ci img { width:min( 50% , 118px); }
	.subAbout11 .nl:nth-child(2) .info { padding-top:0px; padding-left:0px; }
	.subAbout11 .nl:nth-child(2) .info .ci img { width:min( 50% , 124px);}
	.subAbout11 .nl:nth-child(3) .info { padding-top:0px; }
	.subAbout11 .nl:nth-child(3) .info .ci img { width:min( 50% , 86px); }
	.subAbout11 .nl:nth-child(3) .infoArea { margin-bottom:0px; }
	
	
	/* 시큐어 쿠가 css */
	.subAbout01.secure .leftArea { float:left; width:100%; }
	.subAbout01.secure .leftArea .txt { margin-bottom:1.3889vw; font-size:3.8889vw; line-height:1.5; }
	.subAbout01.secure .leftArea .txt span { }
	.subAbout01.secure .leftArea .comName { margin-bottom:9.1667vw; font-size:6.6667vw; line-height:1.2; }

	.subAbout03.secure > .w1440 { padding: 0px; }
	.subAbout03.secure > .w1440 > img { margin-right: 0px !important; width: 100% !important; }
	.subAbout03.secure .txtWrap { width:100%; margin-top:5.0000vw; text-align:center; }
	.subAbout03.secure .txtWrap { padding-top:1.2500vw; }
	.subAbout03.secure .txtWrap .txt_01 { margin-bottom:8.3333vw; font-size:3.8889vw; line-height:5.8333vw;  }
	.subAbout03.secure .txtWrap .txt_02 { margin-bottom:8.3333vw; font-size:6.6667vw; line-height:10.0000vw; }
	.subAbout03.secure .txtWrap .btn { width:20.8333vw; height:20.8333vw; margin:0 auto; }
	.subAbout03.secure .txtWrap .btn a { padding:6.0417vw 0px;  font-size:3.3333vw; line-height:4.4444vw; }



	/* 핵심역량 (모바일) */
	.subAbout12 {}
	.subAbout12 .title { margin-bottom: 8.33vw; font-size: 5.56vw; }
	
	.subAbout12 .area_03 { width:100%; padding-top: 0px; margin-bottom:12.7778vw; }
	.subAbout12 .area_03 .ciArea { padding:5.5556vw; width:100%; }
	.subAbout12 .area_03 .ciArea  {  }
	.subAbout12 .area_03 .ciArea .ci { margin-bottom:6.2500vw; }
	.subAbout12 .area_03 .ciArea .ci img { width:27.7778vw; }
	.subAbout12 .area_03 .ciArea .link { width:43.0556vw; margin:0 auto; }
	.subAbout12 .area_03 .ciArea .link a { text-align:center; font-size:3.3333vw; line-height:9.4444vw; }
	
	.subAbout12 .area { }
	.subAbout12 .area .nl { margin-bottom:12.7778vw; }
	.subAbout12 .area .nl:last-child { margin-bottom:0px; }
	.subAbout12 .area .nl .areaTitle { font-weight:bold; margin-bottom:6.9444vw; font-size:4.4444vw; line-height:1; text-align:center; }
	.subAbout12 .area .nl .areaImg { margin-bottom:6.9444vw; text-align:center; }
	.subAbout12 .area .nl .areaImg img { width:29.1667vw;  }
	.subAbout12 .area .nl .areaTxt { padding: 0 5.56vw; }
	.subAbout12 .area .nl .areaTxt ul { }
	.subAbout12 .area .nl .areaTxt ul li { list-style: disc; font-weight:500; font-size:3.2333vw; line-height:4.7222vw;  }


	.subAbout13 .title { margin-bottom: 8.33vw; font-size: 5.56vw; }
	.subAbout13 .subTitle { font-size:3.6364vw; line-height:4.6753vw; margin-bottom:4.6753vw; }
	

	.subAbout13 .contents { margin-top:7.7922vw; }
	.subAbout13 .contents .boxs { margin-bottom:5.1948vw; }
	.subAbout13 .contents .boxs .subject { margin-bottom:4.1558vw; font-size:4.1558vw; line-height:6.2338vw; letter-spacing:-0.4px; font-weight:700; color:#FF8400; }
	.subAbout13 .contents .boxs .txt {}
	.subAbout13 .contents .boxs .txt ul { padding-left:5.1948vw; }
	.subAbout13 .contents .boxs .txt ul li { list-style: disc; font-size:3.1169vw; line-height:1.6; color:#222; letter-spacing:-0.4px; font-weight:300; }
	.subAbout04 ul li:nth-child(4) { margin-left:0px; }
	
	.m_pdfDown { background-color:#ff8400; border-radius: 10px;  }
	.m_pdfDown a { display:block; padding: 3.70vw; text-align:center; }
	.m_pdfDown img { display: inline-block; width:4.367vw;}
	.m_pdfDown a p { display: inline-block; line-height: 1.7; font-weight:bold; color:#fff; font-size: 2.59vw;}
}

@media all and (max-width: 1000px) { .cibiGuide03 dl dd ul li { float: none; width: 100%; max-width: 720px; margin: 0 auto 80px; }
	.cibiGuide03 dl dd ul li:last-of-type { margin: 0 auto; }


}

@media all and (max-width: 900px) { 
	.subProd06 ul.li03 li { width: 100%; margin: 0 0 30px 0; }
	
	.reference03 .boxType_02 ul.li03 li { width: 100%; margin: 0 0 30px 0; }
	
}

@media all and (max-width: 770px) { /* mobile */
	.subCon.headerfix { padding-top: 13.89vw; }
	.subCon input[type="text"], .subCon input[type="number"], .subCon input[type="password"], .subCon input[type="email"], .subCon input[type="file"] { height: 9.72vw; padding: 0 4.17vw; font-size: 3.33vw; }
	.subCon textarea { padding: 4.17vw; font-size: 3.33vw; }
	.subCon select { height: 9.72vw; line-height: 9.72vw; padding: 0 11.11vw 0 4.17vw; font-size: 3.33vw; background-position: center right 4.17vw; background-size: 4.31vw auto; }
	.sub_visual { height: 88.89vw; }
	.sub_visual .sub_visualTxt { padding: 0 5.56vw; }
	.sub_visual .sub_visualTxt p { font-size: 11.11vw; }
	.sub_visual .sub_visualTxt p span { font-size: 13.06vw; }
	.sub_visual .sub_visualTxt > span { margin-top: 2.78vw; font-size: 3.89vw; }
	.sub_visual .sub_visualTxt > a { margin-top: 6.94vw; }
	.sub_visual .shareWrap { bottom: 4.17vw; right: 5.56vw; }
	.sub_visual .shareWrap img { width: 9.17vw; }
	.sub_visual .shareWrap dt { width: 36.11vw; right: 9.17vw; }
	.sub_visual .shareWrap dt a { margin-right: 2.78vw; }
	.subVisual01_02_06 .sub_visualTxt p { font-size: 12vw; }
	.subProd_con > div { padding-top: 12.50vw; padding-bottom: 13.89vw; }
	.subProd_con > div h3 { font-size: 8.33vw; }
	.subProd_con > .subProd01 { padding-top: 15.28vw; padding-bottom: 11.11vw; }
	.subProd_con > .subProd01 h3 { font-size: 6.67vw; }
	.subProd01 p { margin-top: 4.17vw; font-size: 4.44vw; }
	.subProd01 p br { display: none; }
	.subProd01 span { margin-top: 4.17vw; font-size: 3.33vw; }
	.subProd01 ul { margin-top: 6.25vw; }
	.subProd01 ul li { width: 22.22vw; }
	.subProd_con > .subProd02 { padding-bottom: 13.89vw; background: #081116 url("/common/ko//img/content/m_subProd02_bg.jpg") bottom left no-repeat; background-size: 100% auto; }
	.subProd_con > .subProd02_01_02 { background: #071218 url("/common/ko//img/content/m_subProd02_01_02_bg.jpg") bottom left no-repeat; background-size: 100% auto; }
	.subProd_con > .subProd02_01_03 { background: #001824 url("/common/ko//img/content/m_subProd02_01_03_bg.jpg") bottom left no-repeat; background-size: 100% auto; }
	.subProd_con > .subProd02_02_01 { background: #001425 url("/common/ko//img/content/m_subProd02_02_01_bg.jpg") bottom left no-repeat; background-size: 100% auto; }
	.subProd02 ul { font-size: 0; }
	.subProd02 ul li { margin: 0 0 9.72vw 0; }
	.subProd02 ul li h3 { margin-bottom: 2.78vw; font-size: 5.56vw; }
	.subProd02 ul li p { margin-bottom: 4.86vw; font-size: 3.89vw; }
	.subProd02 ul li span { font-size: 3.33vw; }
	.subProd03 > img { width: 100%; margin: 0 0 8.33vw 0; }
	.subProd03 .txtWrap h3 { margin-bottom: 2.78vw; }
	.subProd03 .txtWrap p { font-size: 3.89vw; }
	.subProd03 .txtWrap ul li { margin: 8.33vw 0 0; }
	.subProd03 .txtWrap ul li span { width: 15.97vw; font-size: 8.33vw; }
	.subProd03 .txtWrap ul li .txt { width: calc(100% - 15.97vw); }
	.subProd03 .txtWrap ul li h4 { font-size: 5.56vw; }
	.subProd03 .txtWrap ul li p { margin-top: 2.78vw; font-size: 3.33vw; }
	.subProd03 .txtWrap .subProd03_img { margin-top: 10.42vw; padding-left: 4.17vw; }
	.subProd03 .txtWrap .subProd03_img dt { margin-bottom: 5.56vw; }
	.subProd03 .txtWrap .subProd03_img img { width: 23.06vw; margin-right: 6.94vw; }
	.subProd03 .txtWrap .subProd03_img ul { width: calc(100% - 30vw); margin-top: 2.08vw; }
	.subProd03 .txtWrap .subProd03_img ul li { margin: 0 0 8.33vw 0; }
	.subProd04 .imgWrap { margin-top: 8.33vw; }
	.subProd04_scroll .imgWrap { margin-right: -5.56vw; margin-left: -5.56vw; }
	.subProd04_scroll .imgWrap li { margin-bottom: 6.94vw; overflow-x: auto !important; }
	.subProd04_scroll .imgWrap li img { width: 277.78vw; padding: 0 5.56vw; }
	.subProd04_02 h3 { margin-bottom: 8.33vw; }
	.subProd05 h3 { margin-bottom: 6.94vw; }
	.subProd05 dl { padding: 4.86vw 4.17vw; border-width: 0.28vw; }
	.subProd05 dl dt { margin: 0 0 3.33vw 0; }
	.subProd05 dl dt .imgWrap { width: 11.11vw; height: 11.11vw; line-height: 11.11vw; margin: 0 0 2.08vw; }
	.subProd05 dl dt span { font-size: 5vw; }
	.subProd05 dl dd { font-size: 3.33vw; }
	.subProd06 h3 { margin-bottom: 6.94vw; }
	.subProd06 ul li { width: 100%; height: 45.83vw; padding: 6.25vw 6.25vw 12.50vw; border-radius: 1.39vw; }
	.subProd06 ul.li03 { margin-bottom: -4.17vw; }
	.subProd06 ul.li03 li { width: 100%; margin: 0 0 4.17vw 0; }
	.subProd06 ul li p { font-size: 3.06vw; }
	.subProd06 ul li a > span { margin-top: 3.47vw; font-size: 6.11vw; }
	.subProd06 ul li .downWrap { bottom: 6.94vw; left: 6.25vw; padding: 0.14vw 0 0.14vw 4.72vw; font-size: 3.06vw; }
	
	.subProd07 h3 { font-size: 8.33vw; }
	.subProd07 .titleLine { margin:3.6364vw 0px; width:14.0260vw; height:8px; border-radius:6px; }
	.subProd07 .subTitle { margin-bottom:9.0909vw; font-size: 3.33vw; }
	
	.prodContactCon h3 { margin-top: -5.56vw; padding: 5.56vw 0; border-bottom-width: 0.56vw; background-size: 5vw auto; }
	.prodContact .topTxt { margin-bottom: 8.33vw; padding: 9.72vw 6.94vw; font-size: 3.89vw; }
	.privacyCheck_wrap { margin-bottom: 10vw; }
	.privacyCheck_wrap h4 { margin-bottom: 4.17vw; font-size: 4.44vw; }
	.privacyCheck_wrap .privacyTxt { height: 50vw; padding: 0 5.56vw; border-width: 0.28vw; }
	.privacyCheck_wrap .privacyTxt > div { padding: 4.17vw 0 0; font-size: 3.33vw; }
	.privacyCheck_wrap .privacyTxt > div p { line-height: 1.6; }
	.privacyCheck_wrap .privacyTxt > div dl { margin-top: 5.56vw; }
	.privacyCheck_wrap .privacyTxt > div dl dt { font-size: 3.33vw; line-height: 1.6; }
	.privacyCheck_wrap .privacyTxt > div dl dd ul li { line-height: 1.6; }
	.privacyCheck_wrap .privacyTxt > div dl dd ul li span { line-height: 1.6; }
	.privacyCheck_wrap .checkWrap { margin-top: 4.17vw; }
	.contactBoard { padding-bottom: 8.33vw; border-bottom-width: 0.56vw; }
	.contactBoard > p { margin-bottom: 2.78vw; font-size: 2.78vw; }
	.prodSearchCon { padding-top: 13.89vw; padding-bottom: 16.67vw; }
	.prodSelect dl dt { margin-bottom: 0; }
	.prodSelect dl dt p { font-size: 3.89vw; }
	.prodSelect dl dt p span { font-size: 3.06vw; }
	.prodSelect dl dt .keywordSelect { width: 100%; margin-top: 5.56vw; }
	.prodSelect dl dd { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 50; }
	.prodSelect dl dd .keyword_pop { width: 88.89vw; max-height: 95%; position: fixed; top: 50%; left: 5.56vw; background: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.keyword_pop .keywordPop_top h3 { padding: 4.86vw 6.94vw; font-size: 5vw; font-weight: 500; border-bottom: 0.28vw solid #ddd; position: relative; }
	.keyword_pop .keywordPop_top p { padding: 6.94vw 6.94vw 5.56vw; font-size: 3.89vw; font-weight: 500; }
	.keyword_pop .keywordPop_top p span { font-size: 3.06vw; }
	.keyword_pop .keywordPop_top h3 img { width: 4.31vw; position: absolute; top: 50%; right: 6.94vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.prodSelect dl dd ul { padding: 0 6.94vw; border: 0; overflow-y: auto; }
	.prodSelect dl dd ul li { width: 50%; margin-bottom: 0; padding-right: 0; text-align: center; }
	.prodSelect dl dd ul li .checkbox { display: block; }
	.prodSelect dl dd ul li .checkbox input[type="checkbox"] + label { display: block; height: 11.11vw; line-height: 11.11vw; padding-left: 0; font-size: 3.61vw; color: #999; font-weight: 300; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: transparent; background-size: auto; }
	.prodSelect dl dd ul li:nth-of-type(2n-1) .checkbox input[type="checkbox"] + label { border-left: 1px solid #ddd; }
	.prodSelect dl dd ul li:nth-of-type(1) .checkbox input[type="checkbox"] + label { border-top: 1px solid #ddd; }
	.prodSelect dl dd ul li:nth-of-type(2) .checkbox input[type="checkbox"] + label { border-top: 1px solid #ddd; }
	.prodSelect dl dd ul li .checkbox input[type="checkbox"]:checked + label { background: #ff8400; border-color: #ffa94d; color: #fff; }
	.prodSelect dl dd .btn_wrap { padding: 5.56vw 6.94vw 9.72vw; margin-top: 0; }
	.prodCount { margin-top: 13.89vw; }
	.prodCount h3 { margin-bottom: 5.56vw; font-size: 4.44vw; }
	.prodCount ul li { width:calc(50% - 1.46vw); height: 43.06vw; margin: 0 2.78vw 2.78vw 0; border-radius: 1.39vw; }
	.prodCount ul li:nth-of-type(4n) { margin-right: 0; }
	.prodCount ul li:nth-of-type(3n) { margin-right: 2.78vw; }
	.prodCount ul li:nth-of-type(2n) { margin-right: 0; }
	.prodCount ul li a { padding: 5.56vw 5.56vw 15.97vw; }
	.prodCount ul li p { font-size: 3.89vw; }
	.prodCount ul li img { width: 11.11vw; bottom: 2.78vw; right: 2.78vw; }
	.subAbout01.w1440 { padding: 13.89vw 8.33vw; }
	.subAbout01 h3 { margin-bottom: 8.33vw; font-size: 6.67vw; }
	.subAbout01 dl dt { width: 90%; padding-bottom: 5.56vw; font-size: 4.44vw; }
	.subAbout01 dl dd { padding-bottom: 2.78vw; font-size: 3.33vw; }
	.subAbout02 { background: url("/common/ko//img/content/m_subProd02_05_01_bg.jpg") bottom left no-repeat; background-size: 105% auto; }
	.subAbout02 .w1440 { padding: 0 6.94vw 0 6.25vw; }
	.subAbout02 ul li { margin: 0 0 11.11vw 0; }
	.subAbout02 ul li img { margin-right: 6.94vw; width: 19.44vw; }
	.subAbout02 ul li h3 { margin: 2.78vw 0 0.93vw; font-size: 3.89vw; }
	.subAbout02 ul li p { margin-bottom: 0; font-size: 7.22vw; }
	.subAbout02 ul li p span { font-size: 5vw; }
	.subAbout02 ul li p em { margin-left: 2.78vw; font-size: 3.33vw; }
	.aboutVideo .videoPop .videoCon{padding: 0 5.56vw; }
	.aboutVideo > img { padding: 13.89vw 0; }

	.aboutVideo .videoPop .recruit_xBtn{ margin: 4.17vw 0; }
	.subAbout03 img { float: none; width: 100%; }
	.subAbout03 .txtWrap { width: 100%; }
	.subAbout03 .txtWrap h3 { padding: 8.33vw 0px; font-size: 7.22vw; }
	.subAbout03 .txtWrap ul { float: none; padding-left: 4.17vw; }
	.subAbout03 .txtWrap ul li { margin-bottom: 6.94vw; }
	.subAbout03 .txtWrap ul li:last-of-type { margin-bottom: 0; }
	.subAbout03 .txtWrap ul li h4 { padding-bottom: 4.17vw; font-size: 4.44vw; }
	.subAbout03 .txtWrap ul li p { font-size: 3.89vw; }
	.subAbout04 { padding: 4.17vw 0; }
	.subAbout04 .w1440 > div { padding: 9.72vw 0; }
	.subAbout04 .about_txt { float: none; }
	.subAbout04 .about_txt h3 { margin-bottom: 0; padding-left: 2.78vw; font-size: 5.56vw; }
	.subAbout04 .about_txt p { padding: 1.39vw 2.78vw 0 2.78vw; font-size: 3.89vw; }
	.subAbout04 ul { float: none; padding: 0 2.78vw; }
	.subAbout04 ul li { float: none; width: 100%; margin-left: 0; margin-top: 3.47vw; }
	.subAbout04 ul li a { padding: 6.94vw; font-size: 4.72vw; }
	.subAbout04 ul li a img { margin-right: 5.56vw; width: 12.5vw; }
	.subAbout05.w1440 { padding: 13.89vw 8.33vw; }
	.subAbout05 h3 { font-size: 6.67vw; }
	.subAbout05 .mapImage { margin: 4.17vw 0; }
	.subAbout05 .txtWrap p.parkBtn { float: left; margin-top: 4.17vw; width: 36.11vw; font-size: 3.61vw; }
	.subAbout05 .txtWrap p span { font-size: 4.44vw; }
	.subAbout05 .txtWrap p img { display: block; margin-bottom: 2.08vw; width: 4.86vw; }
	.cibiGuide01 { padding-top: 11.11vw; padding-bottom: 11.11vw; }
	.cibiGuide01 p { margin-bottom: 4.17vw; font-size: 8.89vw; }
	.cibiGuide01 > span { font-size: 4.44vw; }
	.cibiGuide02 { padding-top: 13.89vw; padding-bottom: 13.89vw; }
	.cibiGuide02 h2 { margin-bottom: 8.33vw; padding: 0; font-size: 7.22vw; }
	.cibiGuide02 dl { padding: 0; }
	.cibiGuide02 dl dt { width: 100%; padding-right: 0; }
	.cibiGuide02 dl dt p { font-size: 5.56vw; }
	.cibiGuide02 dl dt > span { margin-top: 3.47vw; font-size: 3.89vw; }
	.cibiGuide02 dl dd { margin-top: 9.03vw; }
	.cibiGuide03 dl dt a { margin-top: 4.86vw; }
	.cibiGuide03 dl dd ul li { max-width: 100%; margin: 0 auto 11.11vw; }
	.cibiGuide03 dl dd ul li .btn { margin-top: 4.17vw; }
	.cibiGuide03 dl dd ul li .btn a { width: calc((100% - 2.78vw) / 2); margin-right: 2.78vw; }
	.subProd01_navi { padding-top: 5.56vw; }
	.subProd01_navi a { margin-right: 0.83vw; }
	.subProd01_navi a img { margin-right: 1.39vw; width: 3.89vw; }
	.subProd01_navi a.google img { vertical-align: -0.56vw; }
	.subProd01_navi a.appstore img { vertical-align: -0.42vw; }
	.errorCon { padding-top: 16.67vw; padding-bottom: 16.67vw; }
	.errorCon h2 img { width: 32.50vw; margin: 0 0 -4.17vw 2.36vw; }
	.errorCon h2 p { font-size: 30.56vw; }
	.errorCon > p { margin-top: 11.11vw; font-size: 5.56vw; }
	.errorCon > span { margin-top: 2.78vw; font-size: 3.61vw; line-height: 1.5; }
	.errorCon .roundBtn { margin-top: 9.72vw; }
	.reference_con > div { padding-top: 13.89vw; padding-bottom: 13.89vw; }
	.reference_con h3 { margin-bottom: 5.56vw; font-size: 6.67vw; }
	.reference_txt dl dt { font-size: 6.67vw; }
	.reference_txt dl dd { font-size: 3.33vw; }
	.reference_txt dl dd span { padding-right: 4.17vw; line-height: 1.6; }
	.reference_txt dl dd span:first-of-type { padding: 4.17vw 4.17vw 4.17vw 0; }
	.reference_txt div img { width: 100%; }
	.reference01 h2 { font-size: 8.33vw; }
	.reference01 p { margin-top: 0; font-size: 4.44vw; }
	.reference01 .tit { font-size: 3.33vw; }
	.reference02 p { font-size: 3.89vw; }
	.reference02 p:last-of-type { margin-top: 6.94vw; }
	.reference03 .reference03_txt p { padding-right: 4.17vw; line-height: 1.6; font-size: 3.33vw; }
	.reference03 .reference03_txt p:last-of-type { margin: 5.56vw 0 11.11vw; }
	.reference03 .reference03_img { text-align: center; }
	.reference03 .reference03_img img { width: 68.06vw; }
	.reference03_scroll .img_wrap { margin-right: -5.56vw; margin-left: -5.56vw; }
	.reference03_scroll .img_wrap img { width: 194.44vw; padding: 0 5.56vw; }
	
	.reference03 .sectionTitle { font-size:3.6364vw; line-height:5.4545vw; }
	
	.reference03 .boxType_01 ul li { width:calc(50% - 1.46vw); height: 43.06vw; margin: 0 2.78vw 2.78vw 0; border-radius: 1.39vw; }
	.reference03 .boxType_01 ul li:nth-of-type(4n) { margin-right: 0; }
	.reference03 .boxType_01 ul li:nth-of-type(3n) { margin-right: 2.78vw; }
	.reference03 .boxType_01 ul li:nth-of-type(2n) { margin-right: 0; }
	.reference03 .boxType_01 ul li a { padding: 5.56vw 5.56vw 15.97vw; }
	.reference03 .boxType_01 ul li p { font-size: 3.89vw; }
	.reference03 .boxType_01 ul li img { width: 11.11vw; bottom: 2.78vw; right: 2.78vw; }
	
	
	.reference03 .boxType_02 ul li { width: 100%; height: 45.83vw; padding: 6.25vw 6.25vw 12.50vw; border-radius: 1.39vw; }
	.reference03 .boxType_02 ul.li03 { margin-bottom: -4.17vw; }
	.reference03 .boxType_02 ul.li03 li { width: 100%; margin: 0 0 4.17vw 0; }
	.reference03 .boxType_02 ul li p { font-size: 3.06vw; }
	.reference03 .boxType_02 ul li a > span { margin-top: 3.47vw; font-size: 6.11vw; }
	.reference03 .boxType_02 ul li .downWrap { bottom: 6.94vw; left: 6.25vw; padding: 0.14vw 0 0.14vw 4.72vw; font-size: 3.06vw; }
	
	
	
	.reference04 .reference04_img p { padding-top: 5.56vw; font-size: 3.33vw; }
	.refer_requirement ul { background-color: #fff; }
	.refer_requirement ul #mCSB_1_container { width: 100% !important; }
	.refer_requirement ul li { padding: 8.33vw 0; width: 50% !important; border-bottom: 2px solid #f8f8f8; }
	.refer_requirement ul li::before, .refer_requirement ul li::after { display: none; }
	.refer_requirement ul li { border-left: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; }
	.refer_requirement ul li:nth-of-type(2n-1) { border-left: none; }
	.refer_requirement ul li:nth-of-type(2n) { border-right: none; }
	.refer_requirement ul li:last-of-type { border-bottom: none; }
	.refer_requirement ul li.bb0 { border-bottom: none; }
	.refer_requirement ul li img { margin-bottom: 4.17vw; width: 16.67vw; }
	.refer_requirement ul li span { font-size: 3.33vw; }
    .refer_compliance table #mCSB_1_container { width: 100% !important; }/*20210119 수정*/
    .refer_compliance table th, .refer_compliance table td{font-size: 3.89vw;}/*20210119 추가*/
    
	.reference_scroll .img_wrap { overflow-x: auto !important; }
	.reference_scroll .img_wrap img { max-width: inherit; width: 155.84vw; }
	
	
	.shareCon { margin-bottom: 9.72vw; }
	.shareCon > h4 { margin-bottom: 4.17vw; font-size: 4.44vw; }
	.share_info:first-of-type { border-top-width: 0.42vw; }
	.share_info > dt { padding: 4.17vw; font-size: 3.89vw; border-bottom-width: 0.28vw; }
	.share_info > dd { padding-left: 0; border-bottom-width: 0.28vw; }
	.share_info > dd dl { padding: 4.17vw; border-bottom-width: 0.28vw; }
	.share_info > dd dl dt { display: block; width: 100%; margin-bottom: 2.78vw; font-size: 3.89vw; line-height: 1; }
	.share_info > dd dl dd { display: block; width: 100%; }
	.share_info > dd dl dd span { display: block; margin: 0 0 2.08vw; font-size: 3.89vw; line-height: 1.4; }
	.share_info > dd dl dd span:last-of-type { margin-bottom: 0; }
	.share_info .defaultTable table { table-layout: fixed; }
	.share_info .defaultTable table tr th { height: 12.50vw; font-size: 3.89vw; }
	.share_info .defaultTable table tr td { padding: 3.47vw 2.08vw; font-size: 3.89vw; vertical-align: top; }
	.last .share_info:last-of-type { border-bottom-width: 0.28vw; }
	.last .share_info > dt { background: #f8f8f8 url("/common/ko//img/layout/m_menu.png") center right 4.17vw no-repeat; background-size: 3.61vw auto; }
	.disabilityTop { margin: -13.89vw 0 12.50vw; padding: 12.50vw 0 11.11vw; }
	.disabilityTop dt { margin-bottom: 9.72vw; font-size: 3.89vw; padding: 0 12.08vw; }
	.disabilityTop dt span { margin: 0 0 2.08vw; }
	.disabilityTop dd ul { padding: 0 0 8.33vw; margin: 0 4.17vw 8.33vw; border-bottom: 0.28vw solid #ddd; }
	.disabilityTop dd ul:first-of-type { padding: 0 0 8.33vw; }
	.disabilityTop dd ul:last-of-type { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
	.disabilityTop dd ul li { width: 100%; height: 22.22vw; line-height: 22.22vw; margin: 0 0 2.78vw 0; border-radius: 2.78vw; background: #272a44 url("/common/ko//img/icon/down_icon_white_m.png") right 4.17vw center no-repeat; background-size: 11.11vw auto; }
	.disabilityTop dd ul li:last-of-type { margin-bottom: 0; }
	.disabilityTop dd ul:nth-of-type(1) { width: calc(100% - 8.34vw); margin-right: 0; }
	.disabilityTop dd ul:nth-of-type(1) li { width: 100%; }
	.disabilityTop dd ul:nth-of-type(2) { width: calc(100% - 8.34vw); }
	.disabilityTop dd ul li > a { line-height: 22.22vw; }
	.disabilityTop dd ul li span { padding: 0 18.06vw 0 6.94vw; font-size: 4.44vw; }
	.disabilityTop dd ul p { margin-bottom: 4.17vw; font-size: 4.44vw; }
	.disabilityTop.browser dd ul:last-of-type { width: calc(100% - 8.34vw); padding: 0; margin: 0 4.17vw; border-top-width: 0; }
	.disabilityTop.browser dd ul:last-of-type li { margin-right: 0; }
	.disabilityTop dd ul .downSelect span { height: 22.22vw; line-height: 22.22vw; background: url("/common/ko//img/icon/circle_arrow_down_white_m.png") right 4.17vw center no-repeat; background-size: 11.11vw auto; }
	.disabilityTop.keyshap dd ul:last-of-type { width: calc(100% - 8.34vw); margin: 0 4.17vw; }
	.disabilityTop.keyshap dd ul:nth-of-type(1) { width: calc(100% - 8.34vw); margin: 0 4.17vw 8.33vw; }
	.disabilityTop.keyshap dd ul:nth-of-type(2) { width: calc(100% - 8.34vw); margin: 0 4.17vw 8.33vw; }
	.disabilityTop.keyshap dd ul:nth-of-type(2) li { width: 100%; }
	.disabilityTop.keyshap dd ul p { text-align: left; }
	.faqCon:last-of-type { padding-bottom: 9.72vw; }
	.faqCon .share_info > dt { padding: 4.17vw 11.11vw 4.17vw 4.17vw; background: #f8f8f8 url("/common/ko//img/layout/m_menu.png") center right 4.17vw no-repeat; background-size: 3.61vw auto; }
	.faqCon dd { padding: 4.17vw; }
	.faqCon dd h3 { margin: 6.7vw 0 2.50vw; font-size: 3.89vw; }
	.faqCon dd h4 { margin-bottom: 3.47vw; font-size: 3.89vw; }
	.faqCon dd .img { margin-bottom: 5.56vw; padding: 2.08vw; }
	.faqCon dd > span { margin-bottom: 2.78vw; font-size: 3.89vw; }
	.faqCon dd p { margin-bottom: 2.50vw; font-size: 3.89vw; }
	.faqCon dd > a { margin-bottom: 3.47vw; }
	.faqCon dd > strong { font-size: 3.89vw; }
	.faqCon dd .purpleBtn { font-size: 3.89vw; }
	.faqCon dd ul { margin-bottom: 3.47vw; }
	.faqCon dd ul li { margin-bottom: 4.86vw; padding-left: 2.78vw; font-size: 3.89vw; }
	.faqCon .defaultTable { margin: 0 -9.72vw 5.56vw; padding-left: 9.72vw; overflow-x: auto; }
	.faqCon .defaultTable table { width: 166.67vw; }
	.faqCon .share_info .defaultTable table tr td { vertical-align: middle; }
	.faqCon .defaultTable .w200 { width: 36.11vw; }
	.raonCall_center { padding: 6.25vw 0; }
	.raonCall_center dt { margin-right: 3.47vw; }
	.raonCall_center dt img { width: 16.25vw; }
	.raonCall_center dd { text-align: left; }
	.raonCall_center dd strong { font-size: 3.89vw; }
	.raonCall_center dd p { margin: 2.08vw 0; font-size: 7.22vw; }
	.raonCall_center dd span { font-size: 3.06vw; }
	.faqCon03 > h3 { margin-bottom: 7.64vw; padding: 9.72vw 12.50vw; font-size: 3.89vw; }
	.faqCon03 dl { padding-bottom: 11.11vw; margin-bottom: 11.11vw; border-bottom-width: 0.28vw; }
	.faqCon03 dl dt { margin-bottom: 6.25vw; }
	.faqCon03 dl dt p { margin-bottom: 2.08vw; font-size: 4.44vw; }
	.faqCon03 dl dt span { font-size: 3.06vw; }
	.faqCon03 dl dd > div { margin: 0 0 5.56vw 0; }
	.faqCon03 dl dd > div p { margin-top: 3.33vw; font-size: 3.61vw; }
	.faqCon03 dl dd > div p span { width: 5.56vw; height: 5.56vw; line-height: 5.56vw; margin-right: 2.78vw; font-size: 2.50vw; }
	.faqCon03 dl dd > div p strong { height: 1.94vw; margin: 0 1.67vw; border-left-width: 0.97vw; border-top-width: 0.97vw; border-bottom-width: 0.97vw; }
	.faqCon04 .contactBoard { padding-bottom: 13.89vw; }
	.welfareCon { padding-top: 13.89vw; padding-bottom: 13.89vw; }
	.welfareCon h3 { font-size: 8.33vw; margin-bottom: 3.47vw; }
	.welfareCon h4 { font-size: 4.44vw; }
	.welfareCon ul { margin-top: 6.94vw; }
	.welfareCon ul li { width: 100%; height: 41.67vw; padding: 8.33vw 38.89vw 8.33vw 8.33vw; margin: 4.17vw 0 0 0; border-radius: 1.39vw; }
	.welfareCon ul li:nth-of-type(3n) { margin-right: 0; }
	.welfareCon ul li p { font-size: 5.00vw; }
	.welfareCon ul li span { margin-top: 2.78vw; font-size: 3.33vw; }
	.welfareCon ul li img { width: 19.44vw; bottom: 4.17vw; right: 4.17vw; }
	.family01 { padding-top: 13.89vw; padding-bottom: 8.33vw; }
	.family01 ul li { height: 41.67vw; padding: 6.94vw 0 6.94vw 6.94vw; margin: 0 0 5.56vw; }
	.family01 ul li p { font-size: 5.56vw; }
	.family01 ul li p strong { font-size: 6.39vw; }
	.family01 ul li > strong { width: 6.94vw; height: 0.42vw; margin: 3.47vw 0; }
	.family01 ul li > span { font-size: 3.33vw; }
	.family02 { padding-top: 13.89vw; padding-bottom: 13.89vw; }
	.family02 h3 { margin-bottom: 11.11vw; font-size: 5.56vw; }
	.family02 ul li { margin-bottom: 9.03vw; }
	.family02 ul li img { width: 44.44vw; margin: 0 0 4.17vw; }
	.family02 ul li .txt p { margin-bottom: 2.08vw; font-size: 4.44vw; }
	.family02 ul li .txt span { font-size: 3.33vw; }
    .family03 { padding-top: 13.89vw; padding-bottom: 13.89vw; }/*20201223 추가*/
    .family03 h3 { margin-bottom: 11.11vw; font-size: 5.56vw; }/*20201223 추가*/
    .family03 p { margin-bottom: 9.03vw; font-size: 3.89vw; }/*20201223 추가*/
    
	.raonLifeCon { padding: 13.89vw 0; }
	.raonLifeCon h3 { margin-bottom: 3.47vw; font-size: 6.94vw; }
	.raonLifeCon h3 span { font-size: 8.06vw; }
	.raonLifeCon > p { font-size: 3.89vw; }
	.raonLifeCon > dl { padding-bottom: 13.89vw; }
	.raonLifeCon > dl:first-of-type { margin-top: 9.72vw; }
	.raonLifeCon > dl:after { height: 76.39vw; }
	.raonLifeCon > dl dt { padding-top: 9.72vw; }
	.raonLifeCon > dl dt p { margin-bottom: 3.47vw; font-size: 5.56vw; }
	.raonLifeCon > dl dt .txt > span { font-size: 3.33vw; padding: 0 13.89vw; }
	.raonLifeCon > dl dd { padding-left: 9.72vw; }
	.raonLifeCon > dl dd .raonLife_slide ul li { width: 80.56vw; padding: 8.33vw 0; margin-right: 4.17vw; }
	.raonLifeCon > dl dd .raonLife_slide ul li .img { margin-bottom: 6.25vw; }
	.raonLifeCon > dl dd .raonLife_slide ul li.swiper-slide-active .img { -webkit-box-shadow: 2.08vw 3.61vw 4.17vw 0vw rgba(0, 0, 0, 0.25); box-shadow: 2.08vw 3.61vw 4.17vw 0vw rgba(0, 0, 0, 0.25); }
	.raonLifeCon > dl dd .raonLife_slide ul li p { margin-bottom: 2.08vw; font-size: 4.44vw; }
	.raonLifeCon > dl dd .raonLife_slide ul li span { font-size: 3.33vw; }
	.raonLifeCon > dl:nth-of-type(2n) dd .raonLife_slide ul li { margin: 0 4.17vw 0; }
	.raonLifeCon .swiper-control-wrap { bottom: 9.72vw; }
	.raonLifeCon .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { font-size: 3.33vw; }
	.raonLifeCon .swiper-pagination .swiper-pagination-current { font-size: 4.44vw; }
	.raonLifeCon .swiper-pagination .swiper-pagination-total { font-size: 3.33vw; }
	.recruitCon h3 { font-size: 5.56vw; }
	.recruit01 div p { font-size: 7.22vw; }
	.recruit01 div p span.raleway { margin-top: 1.39vw; font-size: 8.06vw; }
	.recruit01 div > span { margin-top: 5.56vw; font-size: 3.89vw; }
	.recruit01 .recruit01_img { margin-top: 13.89vw; }
	.recruit02 { padding-top: 13.89vw; padding-bottom: 18.06vw; }
	.recruit02 > p { text-align: left; font-size: 3.33vw; }
	.recruit02 > p > img { margin-right: 1.39vw; }
	.recruit02 ol { margin-bottom: 1.39vw; }
	.recruit02 ol li { margin-bottom: 2.78vw; padding: 5.56vw; width: 100%; margin-right: 0; height: 41.67vw; background-position: center right 11.11vw; background-size: 13.89vw; }
	.recruit02 ol li span { font-size: 7.22vw; }
	.recruit02 ol li h4 { font-size: 5vw; left: 5.56vw; }
	.recruit02 ol li p { margin-top: 12.50vw; font-size: 3.33vw; }
	
	.recruit02 > .subTxtBox { margin-left: auto; width: 100%; }
	.recruit02 > .subTxtBox > p { text-align: left; font-size: 3.33vw; }
	.recruit02 > .subTxtBox > p > img { margin-right: 1.39vw; }
	
	.recruit03 { padding: 13.89vw 0; }
	.recruit03 ul li { padding-right: 0; width: 100%; }
	.recruit03 ul li:first-of-type { margin-bottom: 6.94vw; }
    .recruit03 ul li:last-child{margin-top:5vw;} /*200410 추가*/
    .recruit03 ul li:last-child > a{display:block; margin-bottom:2vw; width:100%;} /*200410 추가*/
	.recruit03 ul li div h3 { margin-bottom: 1.39vw; font-size: 5.56vw; }
	.recruit03 ul li div p { padding-left: 2.78vw; font-size: 3.89vw; }
	.recruit_pop .recruit_popCon { padding: 0 5.56vw; }
	.recruit_pop .recruit_popCon .recruit_xBtn { right: 5.56vw; top: -6.94vw; }
	.recruit_Con { width: 100%; }
	.recruit_Con > div { padding: 13.89vw 0; border-bottom: 1px solid #eee; }
	.recruit_Con > div:last-of-type { border-bottom: none; }
	.recruit_Con .recruit_txt div + div { margin-top: 6.94vw; }
	.recruit_Con .recruit_txt div span { font-size: 4.44vw; }
	.recruit_Con .recruit_txt div h3 { margin: 2.78vw 0 3.47vw 0; width: 88%; font-size: 6.67vw; }
	.recruit_Con .recruit_txt div p { font-size: 3.8vw; }
	.recruit_Con .recruit_txt div p + p { margin-top: 4.17vw; }
	.recruit_Con .recruit_ConImg div { margin-top: 11.11vw; padding: 0; width: 100%; }
	.recruit_Con .recruit_ConImg div img { max-width: 69.44vw; }
	.recruit_Con .recruit_ConImg div span { margin-top: 5.56vw; font-size: 4.44vw; }
	.recruit_Con .recruit_ConImg div::after { width: 8.33vw; height: 10.28vw; }
	.recruitCall_center { margin-bottom: 8.33vw; padding: 6.94vw 0; }
	.recruitCall_center p { font-size: 3.61vw; }
	.recruitCall_center p + p { margin-top: 1.39vw; }
	.recruitCon .faqCon { padding-bottom: 6.94vw; }
	.faqCon .recruit_info .tit_tag { width: 16.67vw; font-size: 3.06vw; line-height: 1.9; }
	.faqCon .recruit_info .raleway { width: 6.94vw; font-size: 4.72vw; }
	.faqCon .recruit_info .txt { padding-left: 1.39vw; padding-right: 8.33vw; font-size: 3.61vw; width: calc(100% - 23.61vw); }
	.faqCon .recruit_info > dt { padding: 3vw; padding-left: 0; border-bottom-width: 0.28vw; }
	.faqCon .recruit_info > dt > span { vertical-align: top; }
	.faqCon .recruit_info > dd { padding-left: 16.67vw; border-bottom-width: 0.28vw; }
	.faqCon .recruit_info > dd span.txt { padding-right: 0; vertical-align: top; }
	.last .recruit_info > dt { background: #f8f8f8 url("/common/ko//img/layout/m_menu.png") center right 4.17vw no-repeat; background-size: 3.61vw auto; }
	.raonPeopleCon { padding: 13.89vw 0 0; }
	.raonPeopleCon h3 { margin-bottom: 4.17vw; font-size: 8.33vw; }
	.raonPeopleCon > p { width: 63.89vw; font-size: 4.44vw; }
	.raonPeopleCon > div { height: 106.94vw; }
	.raonPeopleCon > div .txtWrap { width: 55.56vw; height: 55.56vw; padding: 4.86vw 5.56vw; top: 11.11vw; left: 5.56vw; }
	.raonPeopleCon > div .txtWrap h4 { font-size: 5.56vw; }
	.raonPeopleCon > div .txtWrap p { margin-top: 3.47vw; font-size: 3.33vw; }
	.raonPeopleCon > div .txtWrap .icon { margin: 2.78vw -1.39vw 0 0; }
	.raonPeopleCon > div .txtWrap .icon img { width: 15.28vw; }
	.raonPeopleCon .raonPeople01 { margin-top: 12.50vw; }
	.raonPeopleCon .raonPeople02 .txtWrap { right: 5.56vw; }
	.raonPeopleCon .raonPeople04 { height: 106.94vw; }
	.raonPeopleCon .raonPeople04 .txt { width: 66.67vw; left: 9.72vw; }
	.raonPeopleCon .raonPeople04 .txt p { margin-bottom: 4.86vw; font-size: 6.67vw; }
	.raonPeopleCon .raonPeople04 .txt p span { font-size: 8.33vw; }
	.raonPeopleCon .raonPeople04 .txt > span { margin-bottom: 8.33vw; font-size: 3.33vw; }
	.raonPeopleCon .raonPeople04 a { width: 55.56vw; } 
    
    /*200414 추가*/
    .history { padding:13.89vw 2.78vw;}
    .history h3 {margin-bottom:8.33vw; font-size:5.56vw;}
    .history .cont > li > p{font-size:4.44vw;}
    .history_cont li p{font-size:3.33vw;}
    .history_cont li{margin-bottom:2vw;}
    .history .cont > li > p{float:none; width:100%; margin-bottom:4vw;}
    .history_cont {width:100%; float:none;}
    .history .cont > li{margin-bottom:6vw;}
    #tab2{display:block !important;}
    .brochure .w1440 { padding: 13.89vw 8.33vw; }
	
	
	#tab3 { margin-top:5.8442vw; }
	#tab4 { display:block !important; }
	.history.awards h4 { font-size:3.1169vw; line-height:4.6753vw; margin-bottom:5.8442vw;  }
	.history .cont > li { margin-bottom:2.8571vw;}
	.history .cont > li:last-child { margin-bottom: 2vw; }
	.history.awards .cont > li > p { font-size:3.1169vw; line-height:4.6753vw !important; width:12%; float: left;}
	.history.awards .history_cont { width:88%; float: left;}
	.history.awards .history_cont li p { font-size:3.1169vw; line-height:4.6753vw !important; font-weight: 300; width:100%; }
	
	
	.history.awards .crape { width:100%; margin:5.8442vw 0px 5.8442vw 0px; }
	.history.awards .crape .img { text-align:center; margin-bottom:1.0390vw;  }
	.history.awards .crape .img img { width:44.8052vw; }
	.history.awards .crape .txt { font-size:3.6364vw; line-height:5.4545vw; }
	
	
	/* 라온홈페이지 회사소개 추가 css */
	.subAbout03.secure .txtWrap .txt_01 { margin-bottom:7.7922vw; font-size:3.6364vw; line-height:5.4545vw; }
	.subAbout03.secure .txtWrap .txt_02 { margin-bottom:7.7922vw; font-size:6.2338vw; line-height:9.3506vw; }
	
	.subAbout03.secure .txtWrap .btn { width:19.4805vw; height:19.4805vw; }
	.subAbout03.secure .txtWrap .btn a { font-size:3.1169vw;   padding:5.3117vw 0px;}
}


/*# sourceMappingURL=maps/contents.css.map */