@charset "UTF-8";
/* 드래그 컬러 */
::selection {
	background-color: #ff8400;
	color: #fff;
}
/* 드래그 컬러 */
.marginB { margin-bottom:0px !important; }

.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"); }

/* 솔루션 - 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.jpg"); }

.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_02 { background-image: url("/common/ko/img/content/subVisual04_01_02.jpg"); }

.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"); } */
.subVisual05_02_004 { background-image: url("/common/ko//img/content/subVisual05_02_004_1.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"); }

/* 라온 - 사회공헌 */
.subVisual08_01_01 { background-image: url("/common/ko//img/content/subVisual08_01_01.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%; }

.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; }

.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:16px; 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; }


/* 변경된 연혁 */
.history2 { background-color:#F8F8F8; padding:100px 0px 164px 0px; }
.history2 h3 { font-size: 40px; font-weight: 600; line-height: 1.7; margin-bottom:80px;}
.history2 .nl { margin-bottom:110px; display: flex; } /* 20240930 높이값 설정으로 인한 UI 오류로 스타일 추가 : display: flex */
.history2 .nl:last-child { margin-bottom:0px; }

.history2 .nl .historyImg { width:510px; margin-left:0px; margin-right:60px;  }
.history2 .nl .historyImg img { width:100%; object-fit: cover;}
/* .history2 .nl .historyInfoArea { width:calc(100% - 570px); margin-right:0%; position:relative;}  */ /* 20240930 높이값 설정으로 인한 UI 오류로 스타일 주석 */
.history2 .nl .historyInfoArea { width:calc(100% - 570px); margin-right:0%; position:relative; height: unset !important;}
/* .history2 .nl .historyInfo { width: 100%; position:absolute; top:50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); } */ /* 20230415 중앙 정렬에서 상단정렬로 수정 */
/* .history2 .nl .historyInfo { width: 100%; position:absolute; top:0%; -webkit-transform: translatey(-0%); -ms-transform: translatey(-0%); transform: translatey(-0%); } */ /* 20240930 스타일 주석 */
.history2 .nl .historyInfo { width: 100%; -webkit-transform: translatey(-0%); -ms-transform: translatey(-0%); transform: translatey(-0%); } /* 20240930 연혁 추가로 인한 높이값 UI 오류로 인해 스타일 수정 */
.history2 .nl .historyInfo > p { font-size: 40px; font-weight: 600; color: #ff8400; width: 100%; clear: both; line-height: 1.5; margin-bottom:18px; }

.history2 .nl .historyInfo .history_cont { width:95%; float: none; margin-bottom: 16px; }
.history2 .nl .historyInfo .history_cont p {line-height:1.5 !important; font-size:18px; font-weight:400; color:#222222;  float:left; width:calc(100% - 50px);word-break: keep-all;}
.history2 .nl .historyInfo .history_cont p.num{font-weight:600; color:#222222; margin-right:10px; float:left; width:40px; clear:both;}


/* .history2 .nl:nth-of-type(2n) .historyImg { margin-left:60px; margin-right:0px; } */
/* .history2 .nl:nth-of-type(2n) .historyImg { margin-left:60px; margin-right:0px; } */

.history2 .nl:last-child .historyInfo { height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.history2 .nl.nl_2024 .historyInfoArea { height:1535px; }
.history2 .nl.nl_2023 .historyInfoArea { height:1000px; } /* 530px -> 670px 컨텐츠 길어짐에 따라 수정함 */
.history2 .nl.nl_2022 .historyInfoArea { height:930px; } 
.history2 .nl.nl_2021 .historyInfoArea { height:900px; }
.history2 .nl.nl_2020 .historyInfoArea { height:1220px; }
.history2 .nl.nl_2019 .historyInfoArea { height:580px; }
.history2 .nl.nl_2018 .historyInfoArea { height:610px; }
.history2 .nl.nl_2017 .historyInfoArea { height:360px; } 
.history2 .nl.nl_2016 .historyInfoArea { height:1370px; } 
.history2 .nl.nl_2013 .historyInfoArea { height:715px; } 

.history2 .nl.nl_2024 .historyImg img { height:1535px; }
.history2 .nl.nl_2023 .historyImg img { height:1000px; } /* 610px -> 670px 컨텐츠 길어짐에 따라 추가함 */
.history2 .nl.nl_2022 .historyImg { height:auto; } 
.history2 .nl.nl_2022 .historyImg img { height:930px; }
.history2 .nl.nl_2021 .historyImg img { height:900px; } 
.history2 .nl.nl_2020 .historyImg img { height:1220px; } 
.history2 .nl.nl_2019 .historyImg img { height:580px; } 
.history2 .nl.nl_2018 .historyImg img { height:610px; } 
.history2 .nl.nl_2017 .historyImg img { height:360px; } 
.history2 .nl.nl_2016 .historyImg img { height:1370px; } 
.history2 .nl.nl_2013 .historyImg img { height:715px; } 



/*************** operate **************************/
.history2.operate {}
.history2.operate .nl_group {
    display: flex;
    flex-direction: column;
    gap: 150px;
}
.history2.operate .nl {
    margin-bottom: 0;
}
.history2.operate .nl .historyInfoArea {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 60px;

    display: grid;
    grid-template-columns: 510px 1fr;
}


.history2.operate .nl .historyInfo { 
    margin: 0 0 30px 0;
    position: static;
    flex: 1;
    -webkit-transform: 0;
    -ms-transform: translatey(0%);
    transform: translatey(0%);
}
.history2.operate .nl .historyImg {
    margin: 0;
    height: 100%;
}
.history2.operate .nl .historyImg img { height: auto; }

.history2.operate .nl.special .historyInfoArea .historyImg { order: 2; margin: 0; }
.history2.operate .nl.special .historyInfoArea .historyInfo { order: 1;}
.history2.operate .nl.special .historyInfoArea {
    display: grid;
    grid-template-columns: 1fr 510px;
}
/*************** operate **************************/


.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: 40px 0; }

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

.subAbout05 .mapImage .mapType { display: none; }

.subAbout05 .mapImage .mapType.on { display: block; }

.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 .mapInfos {  }

.subAbout05 .mapInfos .mapInfo { display: none; }
.subAbout05 .mapInfos .mapInfo.on { display: flex; flex-direction: column; }

.subAbout05 .mapInfos .mapInfo .type { font-size: 20px; font-weight: 600; line-height: 1.4; vertical-align: middle; color: #FF8400; }

.subAbout05 .mapInfos .mapInfo .val { font-size: 20px; font-weight: 600; line-height: 1.4; vertical-align: middle; }

.subAbout05 .mapInfos .mapInfo img { width: 21px; height: auto; }

.subAbout05 .mapInfos .mapInfo .address { margin-bottom: 40px; display: flex; gap: 8px; align-items: center; justify-content: flex-start; }
.subAbout05 .mapInfos .mapInfo .call { display: flex; gap: 8px; }

.subAbout05 .mapInfos .mapInfo.overseas .ovs { display: block; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #D9D9D9; order: 2; }
.subAbout05 .mapInfos .mapInfo.overseas .ovs.on { display: block; order: 1;}


.subAbout05 .mapInfos .mapInfo.overseas .ovs .val { font-weight: 400; }
.subAbout05 .mapInfos .mapInfo.overseas .ovs .type { font-weight: 400; }

.subAbout05 .mapInfos .mapInfo.overseas .ovs.on .val { font-weight: 600; }
.subAbout05 .mapInfos .mapInfo.overseas .ovs.on .type { font-weight: 600; }

.mapType.overseas { position: relative; }

.mapType.overseas .markers { position: absolute; display: flex; justify-content: center; align-items: center; width: 60px; }

.mapType.overseas .markers img { width: 32px; }
.mapType.overseas .markers.on img { width: 100%; }

.mapType.overseas .markers.jp { cursor: pointer; bottom: 57%; right: 26.8%; }
.mapType.overseas .markers.id { cursor: pointer; bottom: 33.5%; right: 30.8%; }
.mapType.overseas .markers.kh { cursor: pointer; bottom: 46.5%;	right: 31.5%; }

.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; max-width: 900px; 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 > 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 .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-right: 30px; }

.reference03 .boxType_02 ul li:last-of-type { 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 { 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_hover ul.public > li:nth-child(1){top: -3.5%; left: 11%;}
.img_hover ul.public > li:nth-child(2){top: -10.5%; right: 11%;}
.img_hover ul.public > li:nth-child(3){bottom: -7.2%; left: 11%;}
.img_hover ul.public > li:nth-child(4){bottom: -10.8%; right: 11%;}

.img_hover ul.finance > li:nth-child(1){top: -11.5%; left: 11%;}
.img_hover ul.finance > li:nth-child(2){top: -14.6%; right: 11%;}
.img_hover ul.finance > li:nth-child(3){bottom: 3%; left: 11%;}
.img_hover ul.finance > li:nth-child(4){bottom: -3.9%; right: 11%;}

.img_hover ul.company > li:nth-child(1){top: -11.5%; left: 11%;}
.img_hover ul.company > li:nth-child(2){top: -17.6%; right: 11%; width: auto;}
.img_hover ul.company > li:nth-child(3){bottom: -0.8%; left: 11%;}
.img_hover ul.company > li:nth-child(4){bottom: -7.8%; 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 {
	text-align: left;
	font-size: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 50px;
	gap: 20px;
}

/* .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 {
	display: block;
	width: calc(25% - 15px);
	height: 280px;
	padding: 40px 130px 40px 40px;
	border-radius: 10px;
	background: #f8f8f8;
	position: relative;
}

.welfareCon ul li p {
	font-size: 24px;
	line-height: 1.5;
	font-weight: 600;
}
.welfareCon ul li p.m_nowrap {
	white-space: nowrap;
}
.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;
}

.welfareCon .welfare_top {
	padding: 0px 20px;
	display: flex;
	justify-content: center;
	gap: 40px;
	width: 100%;
	margin: 50px auto 20px auto;
}

.welfareCon .welfare_top .list {
	flex: 1;
	padding: 53px 0px 75px;
	border-radius: 40px;
	background: #f8f8f8;
	box-shadow: 1px 1px 30px 0px rgb(0 0 0 / 10%);
}

.welfareCon .welfare_top .list .img_area {
	height: 68px;
	margin: 0 auto;
}

.welfareCon .welfare_top .list .img_area img {
	height: 100%;
}

.welfareCon .welfare_top .list .txt_area {
	margin-top: 37px;
}

.welfareCon .welfare_top .list .txt_area p {
	margin-bottom: 12px;
	font-size: 24px;
	font-weight: 600;
	color: #222;
}

.welfareCon .welfare_top .list .txt_area span {
	font-size: 16px;
	line-height: 1.7;
	color: #666;
}

/* 패밀리사 소개 */
.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-next:after, .raonLifeCon .swiper-button-prev:after { content: '' !important; }


.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;      background-position: center center;   background-repeat: no-repeat; }

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

/* 채용정보 */
.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 > .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; }

.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; }




.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% + 4px) / 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_navi.familys { margin-bottom: 80px; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; }
.recruit_navi.familys li {  width: 25%; font-weight: 500; margin-left: 0; }


/* 오시는길 탭 */
.recruit_navi.directions {  }
.recruit_navi.directions li { width: calc( (100% + 4px) / 5); font-weight: 500; } 

.recruit_navi.directions li:nth-child(4) {  margin-left: -1px; margin-top: 0; }
.recruit_navi.directions li:nth-child(5) {  margin-top: 0; }

.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; }


/* 사회공헌 */
.contributionCon { padding: 100px 0; }
.contributionCon h3 { font-size: 36px; font-weight: 500; text-align: center; line-height: 1.5; }
.contributionCon h3 span { font-size: 36px; color: #ff8400; letter-spacing: -0.035em; font-weight: 500; }

.contribution_con { padding: 40px 0; }
.contribution_con ul {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 0 20px;
}
.contribution_con ul li {}
.contribution_con ul li > div {
	display: flex;
	justify-content: space-between;
	gap: 200px;
}

.contribution_con ul li > div .img {
	width: 600px;
	position: relative;
}

.contribution_con ul li > div .img img { width: 100%; }
.contribution_con ul li > div .img .character {
	position: absolute;
	z-index: 4;
}

.contribution_con ul li:nth-child(1) > div .img .character {
	width: 260px;
	bottom: -57px;
	left: -96px;
}

.contribution_con ul li:nth-child(4) > div .img .character {
	width: 182px;
	right: -90px;
	bottom: -55px;
}

.contribution_con ul li:nth-child(8) > div .img .character {
	width: 180px;
	right: -90px;
	bottom: -55px;
}

.contribution_con ul li:nth-child(odd) > div {
	justify-content: flex-start;
}
.contribution_con ul li:nth-child(even) > div .img {
	order: 2;
}


.contribution_con ul li > div .txt {
	flex: 1;
	padding-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 40px;

}

.contribution_con ul li > div .txt .num {
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.04em;
	color: #FF8400;

}
.contribution_con ul li > div .txt .title {
	display: flex;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.04em;
	color: #222;
}

.contribution_con ul li > div .txt .title span {
	display: none;
}


.contribution_con ul li > div .txt .subTitle {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.04em;
	color: #666;
}

.contribution_other {
	padding: 100px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
}

.contribution_other .img { width: 301px; }
.contribution_other .img img { display: block; width: 100%; }
.contribution_other .txt {
font-size: 36px;
font-weight: 500;
line-height: 1.5;
letter-spacing: -0.04em;
text-align: center;

color: #222;
}


/* 라온인 */
.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; }

.raonPeopleCon .raonPeople04 .btnArea { }

.raonPeopleCon .raonPeople04 .btnArea a { display:block; }

/* 라온패밀리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/new_family001_img01.png); background-size: cover; background-position-x: center; }
.raonFamilyCon .raonFamily_02 { background-image: url(/common/ko//img/content/new_family001_img02.png); background-size: cover; background-position-x: center; }
.raonFamilyCon .raonFamily_03 { background-image: url(/common/ko//img/content/new_family001_img03.png); background-size: cover; background-position-x: center; }
.raonFamilyCon .raonFamily_04 { background-image: url(/common/ko/img/content/new_family001_img04.png); background-size: cover; background-position-x: center; }
.raonFamilyCon .raonFamily_05 { background-image: url(/common/ko/img/content/new_family001_img05.png); background-size: cover; background-position-x: center; }
.raonFamilyCon .raonFamily_06 { background-image: url(/common/ko/img/content/new_family001_img06.png); background-size: cover; background-position-x: center; }
.raonFamilyCon .raonFamily_07 { background-image: url(/common/ko/img/content/new_family001_img07.png); background-size: cover; background-position-x: center; }
.raonFamilyCon .raonFamily_08 { background-image: url(/common/ko/img/content/new_family001_img08.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: 0 60px 0px 60px; width:calc(100% -  min(489px, 40%)); height:420px; background-color: rgb(40 41 69 / 100%); display: flex; flex-direction: column; justify-content: center; }
.raonFamilyCon .raonFamilys .linkArea { display:block; position:relative; width: min(489px, 40%); height: 420px; }
.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 .call span { font-size:21px; }

.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;}

.raonFamilyCon #rf_01 .ci img.p_only { height: 33px; }
.raonFamilyCon #rf_02 .ci img.p_only { height: 33px; }
.raonFamilyCon #rf_03 .ci img.p_only { height: 30px; }
.raonFamilyCon #rf_04 .ci img.p_only { height: 30px; }
.raonFamilyCon #rf_05 .ci img.p_only { height: 29px; }
.raonFamilyCon #rf_06 .ci img.p_only { height: 50px; }
.raonFamilyCon #rf_07 .ci img.p_only { height: 40px; }
.raonFamilyCon #rf_08 .ci img.p_only { height: 60px; }



/*통합 브로셔 다운로드 추가 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 { display: flex; align-items: center; }
.subAbout11 .nl .infoArea { width:50%; padding: 0 40px;  }
.subAbout11 .nl .infoArea .info { }
.subAbout11 .nl .infoArea .info .ci { margin-bottom: min(4.22vw, 52px); position:relative;  }
.subAbout11 .nl .infoArea .info .ci img { height: 100%; }
.subAbout11 .nl:nth-child(odd) .infoArea { padding: 0 40px 0 0; }

.subAbout11 .nl:nth-child(1) .infoArea .info .ci { height: 44px; }
.subAbout11 .nl:nth-child(2) .infoArea .info .ci { height: 44px; }
.subAbout11 .nl:nth-child(3) .infoArea .info .ci { height: 33px; }
.subAbout11 .nl:nth-child(4) .infoArea .info .ci { height: 33px; }
.subAbout11 .nl:nth-child(5) .infoArea .info .ci { height: 31px; }
.subAbout11 .nl:nth-child(6) .infoArea .info .ci { height: 48px; }
.subAbout11 .nl:nth-child(7) .infoArea .info .ci { height: 40px; }
.subAbout11 .nl:nth-child(8) .infoArea .info .ci { height: 60px; }

.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: min(1.406vw, 18px); font-size: min(2.778vw, 40px); line-height: min(3.750vw, 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%; }


/* 캐릭터 추가건 */
.characters {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 200px;
}

.characters .character_swiper {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 48px 40px 48px 40px;
}

.characters .title_group {
	font-family: S-Core Dream;
    font-size: 40px;
	line-height: 1.2;
    color: #222;
    font-weight: 700;
    text-align: center;
}
.characters .title_group span {
    display: inline-block;
    font-size: 40px;
	line-height: 1.2;
    color: #ff8400;
    font-weight: 700;
    margin-top: 0;

	font-family: S-Core Dream;
letter-spacing: -7%;

}

.characters .ra_character {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 100px;
}

.characters .character_1 {
    
}
.characters .character_1 .txt_group {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.characters .character_1 .txt_group > div {
    font-size: 40px;
    line-height: 1.2;
    color: #ff8400;
    font-weight: 700;
	text-align: center;
}
.characters .character_1 .img_group {
    width: 713px;
}
.characters .character_1 .img_group img {
    width: 100%;
}

.characters .character_2 {
    width: 100%;
}

.characters .character_2 .img_group {
    width: 100%;
}
.characters .character_2 .img_group img {
    width: 100%;
}

.characters .character_3 {
	width: 100%;
}
.characters .character_3 .con_group {
    overflow: hidden;
    background-color: #FFEFDD;
    border-radius: 40px;
    padding: 100px 60px;
    width: 100%;
	max-width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.characters .character_3 .con_group .title_area {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: S-Core Dream;
    font-weight: 600;
    font-size: 40px;
    color: #fff;
    line-height: 76px;
    background-color: #FF8400;
    border-radius: 38px;
    padding: 0 60px;
}

.characters .character_3 .con_group  .slide_area { 
	width: 100%;
    max-width: 1440px;
	
    margin: 0 auto;
    position: relative;
}

.character_swiper {
	overflow: hidden;
}
.character_swiper .swiper-wrapper {
}

.character_swiper .swiper-wrapper .swiper-slide {
	height: auto !important;
}
.character_swiper .swiper-wrapper .swiper-slide {}
.character_swiper .swiper-button-next, .character_swiper .swiper-container-rtl .swiper-button-prev {
	background: url("/common/ko/img/character/swiper-button-right.svg");
	background-repeat: no-repeat;
	right: 0px;
}
.character_swiper .swiper-button-prev, .character_swiper .swiper-container-rtl .swiper-button-next {
	background: url("/common/ko/img/character/swiper-button-left.svg");
	background-repeat: no-repeat;
	left: 0px;
}
.character_swiper .swiper-pagination { 
	display: flex;
    align-items: center;
    justify-content: center;
	bottom: 0px;
}

.character_swiper .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    background: #FFCF99;
    opacity: 1;
}

.character_swiper .swiper-pagination-bullet-active {
	background: url("/common/ko/img/character/swiper-button-active.svg");
	width: 24px;
	height: 24px;
	border-radius: 0;
	background-size: cover;
}

.character_swiper .swiper-button-prev:after, .character_swiper .swiper-rtl .swiper-button-next:after {
	content: '';
	display: none;	
}
.character_swiper .swiper-button-next:after, .character_swiper .swiper-rtl .swiper-button-prev:after {
	content: '';
	display: none;	
}

.characters .character_3 .con_group .slide_item {
	background-color: #FFEFDD;
    display: flex;
    gap: 77px;
	text-align: left;
}
.characters .character_3 .con_group .slide_item .img_area {
    width: 527px;
}
.characters .character_3 .con_group .slide_item .img_area img {
    width: 100%;
}

 
.characters .character_3 .con_group .slide_item .txt_area {
	display: flex;
    flex-direction: column;    
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
}
.characters .character_3 .con_group .slide_item .txt_area .title {
	font-family: S-Core Dream;
	font-weight: 600;
	font-size: 36px;
	line-height: 1.5;
	color: #000;
}

.characters .character_3 .con_group .slide_item .txt_area .txts {
	color: #000;
	font-family: S-Core Dream;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.4px;
}

.characters .character_3 .con_group .slide_item .txt_area .txt_1 {
	font-size: 24px;
}

.characters .character_3 .con_group .slide_item .txt_area .txt_2 {		
	font-size: 26px;
}
.characters .character_3 .con_group .slide_item .txt_area .txt_2 span {
	margin-top: 0;
	font-size: 26px;
	font-weight: 600;
	color: #000;
	display: inline;
}
.characters .character_3 .con_group .slide_item .txt_area .txt_3 {	
	font-size: 22px;
}

.characters .character_3 .con_group .slide_item .txt_area .txt_4 {
	font-size: 26px;
}



/*



.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background: url("/common/ko/img/character/swiper-button-right.svg");
	background-repeat: no-repeat;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background: url("/common/ko/img/character/swiper-button-left.svg");
	background-repeat: no-repeat;
}
*/

.characters .character_4 {
    width: 100%;
}

.characters .character_4 .con_group {
    border-radius: 40px;
    width: 100%;
    overflow: hidden;
}

.characters .character_4 .con_group .con_box {
    background-color: #FF8400;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 56px 56px 0 56px;
    height: auto;
	gap: 48px;
}

.characters .character_4 .con_group .con_box:nth-child(even) {
    background-color: #202b45;
}
.characters .character_4 .con_group .con_box:nth-child(even) .txt_area .txt_body .txt_story {
	color: #202B45;
}


.characters .character_4 .con_group .con_box:nth-child(1) .img_area { width: 677px; }
.characters .character_4 .con_group .con_box:nth-child(2) .img_area { width: 677px;  }
.characters .character_4 .con_group .con_box:nth-child(3) .img_area { width: 647px; }
.characters .character_4 .con_group .con_box .img_area {}
.characters .character_4 .con_group .con_box .img_area img { width: 100%; }

.characters .character_4 .con_group .con_box .txt_area {
    width: 608px; 
    height: 100%;
    gap: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.characters .character_4 .con_group .con_box .txt_area .txt_top {
    color: #fff;
    gap: 16px;
    display: flex;
    flex-direction: column;
}
.characters .character_4 .con_group .con_box .txt_area .txt_top > div:first-child {
    font-family: S-Core Dream;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.5;
    color: #fff;
}
.characters .character_4 .con_group .con_box .txt_area .txt_top > div:first-child span {
    margin-top: 0;
    display: inline-block;
    font-family: S-Core Dream;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.5;

    color: #fff;
}
.characters .character_4 .con_group .con_box .txt_area .txt_top > div:last-child {
    font-family: S-Core Dream;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
}


.characters .character_4 .con_group .con_box .txt_area .txt_body {
    color: #fff;
    gap: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.characters .character_4 .con_group .con_box .txt_area .txt_body .txt_story {
    display: inline-block;
    padding: 0 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 40px;
    background-color: #fff;
    color: #ff8400;
    border-radius: 40px;

}
.characters .character_4 .con_group .con_box .txt_area .txt_body .txt {
    font-family: S-Core Dream;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.25;
}
.characters .character_4 .con_group .con_box .txt_area .txt_body .txt p {
    font-family: S-Core Dream;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    font-weight: 400;
}
.characters .character_4 .con_group .con_box .txt_area .txt_body .txt p strong {
    font-family: S-Core Dream;
    margin-top: 0;
    font-weight: 700 !important;
    font-size: 18px;
    line-height: 1.25;
    color: #fff;
}



.characters .character_5 {
    gap: 80px;
}
.characters .character_5 .title_group {
    width: 100%;
    display: flex;
    gap: 30px;
}
.characters .character_5 .title_group .info {
    flex: 1;
    padding: 9px 0;
    background: url("/common/ko/img/character/character_5_title.png") bottom right / cover no-repeat;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    height: 185px;
}
.characters .character_5 .title_group .info .info_top {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.25;
    color: #000;
	text-align: left;
}
.characters .character_5 .title_group .info .info_body {
    display: flex;
    align-items: center;
}

.characters .character_5 .title_group .info .info_body p {
    margin-top: 0;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.25;
    color: #000;
}
.characters .character_5 .title_group .info .info_body span {
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    color: #000;
}
.characters .character_5 .title_group .info .info_body img {
    width: 40px;
    margin: 0 6px 0 14px;
}

.characters .character_5 .title_group .qr {
    width: 186px;
}
.characters .character_5 .title_group .qr img {
    width: 100%;
}

.characters .character_5 .items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.characters .character_5 .items .item {
    box-shadow: 4px 4px 30px 0px #00000026;
    border-radius: 30px;
}
.characters .character_5 .items .item .item_top {
    padding: 20px 32px;
    display: flex;
    align-items: center;
    gap: 18px;
}
.characters .character_5 .items .item .item_top .profile_img {
    width: 57px;
}
.characters .character_5 .items .item .item_top .profile_img img { width: 100%; }
.characters .character_5 .items .item .item_top .profile_name {
    font-weight: 400;
    font-size: 30px;
    line-height: 1.5;
    color: #000;
}

.characters .character_5 .items .item .item_body {}
.characters .character_5 .items .item .item_body img { width: 100%; }

.characters .character_5 .items .item .item_footer {
    padding: 20px 32px 40px;
    display: flex;    
    flex-direction: column;
    gap: 24px;
}
.characters .character_5 .items .item .item_footer .icons {
    display: flex;
    gap: 24px;
}
.characters .character_5 .items .item .item_footer .icons .icon {}
.characters .character_5 .items .item .item_footer .icons .icon img {}
.characters .character_5 .items .item .item_footer .icons .icon:last-child {
    margin-left: auto;
}

.characters .character_5 .items .item .item_footer .contents {
    display: flex;
    align-items: center;
    gap: 10px;
}
.characters .character_5 .items .item .item_footer .contents p {
    margin-top: 0;
	color: #000;
}

.characters .character_6 {}
.characters .character_6 .items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 72px 40px;
}
.characters .character_6 .items .item {
    
}
.characters .character_6 .items .item .img_group { width: 440px; height: 440px;;}
.characters .character_6 .items .item .img_group img { width: 100%; }
.characters .character_6 .items .item .txt_group {
    margin-top: 28px;
    color: #000;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
}
.characters .character_6 .links {}
.characters .character_6 .links a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 40px;
    height: 80px;
    background-color: #ff8400;
        border-radius: 40px;
}
.characters .character_6 .links p {
    margin-top: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}
.characters .character_6 .links img { width: 26px; }


@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; }

	.subAbout11 .nl .infoArea .info .ci { margin-bottom: min(3.158vw, 48px); }
	.subAbout11 .nl .infoArea .info .comName { margin-bottom: min(1.053vw, 16px); font-size: min(2.105vw, 32px); line-height: 1.5; }
	.subAbout11 .nl .infoArea .info .txt { font-size:min(1.053vw, 16px);}

	.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: 0;
		gap: 1.32vw;
	}

	/* .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 {
		width: calc(33% - 9px);
		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); }
	.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); } */
	
	.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; }
	

	.history2 .nl .historyImg { width:33.5526vw; margin-left: 0px; margin-right: 3.9474vw; }
	.history2 .nl .historyInfoArea { width: calc(100% - 37.5000vw); }
	
	.history2 .nl.nl_2023 .historyInfoArea { height: 1080px; }
	.history2 .nl.nl_2022 .historyInfoArea { height: 1165px; }
	.history2 .nl.nl_2021 .historyInfoArea { height: 1085px; }
	.history2 .nl.nl_2020 .historyInfoArea { height: 1635px; }
	.history2 .nl.nl_2019 .historyInfoArea { height: 715px; }
	.history2 .nl.nl_2018 .historyInfoArea { height: 690px; }
	.history2 .nl.nl_2017 .historyInfoArea { height: 405px; }
	.history2 .nl.nl_2016 .historyInfoArea { height: 1700px; }
	.history2 .nl.nl_2013 .historyInfoArea { height: 875px; }
	
	/* 사회공헌 */
	.contribution_con { 
		/* padding: 40px 0;  */
	}
	.contribution_con ul {
		/* display: flex;
		flex-direction: column;
		gap: 2.632vw;
		padding: 0 1.316vw; */
	}
	.contribution_con ul li {}
	.contribution_con ul li > div {
		gap: 9.158vw;
	}

	.contribution_con ul li > div .img {
		width: 39.474vw;
	}

	.contribution_con ul li > div .txt {
		padding-top: 1.579vw;
		gap: 2.105vw;
	}

	.contribution_con ul li > div .txt .num {
		font-size: 2.105vw;
	}
	.contribution_con ul li > div .txt .title {
		font-size: 2.105vw;
	}

	.contribution_con ul li > div .txt .subTitle {
		font-size: 1.184vw;
		line-height: 1.579vw;
	}

	.contribution_other {
		padding: 6.579vw 0;
		gap: 2.105vw;
	}
		
	.contribution_con ul li:nth-child(1) > div .img .character {
		width: 17.105vw;
		bottom: -3.750vw;
		left: -6.316vw;
	}

	.contribution_con ul li:nth-child(4) > div .img .character {
		width: 11.974vw;
		right: -5.921vw;
		bottom: -3.618vw;
	}

	.contribution_con ul li:nth-child(8) > div .img .character {
		width: 11.842vw;
		right: -5.921vw;
		bottom: -3.618vw;
	}

	.contribution_other .img { width: 19.737vw; }
	.contribution_other .txt {
		font-size: 2.368vw;
	}

	
	.characters .character_3 .con_group .slide_item .img_area {
		width: 50%;
	}
	.characters .character_3 .con_group .slide_item .txt_area .title {
	    font-size: 2.105vw;
	}

	.characters .character_3 .con_group .slide_item .txt_area .txt_1 {
		font-size: 1.316vw;
	}

	.characters .character_3 .con_group .slide_item .txt_area .txt_2 {		
		font-size: 1.447vw;
	}
	.characters .character_3 .con_group .slide_item .txt_area .txt_2 span {
		font-size: 1.447vw;
	}
	.characters .character_3 .con_group .slide_item .txt_area .txt_3 {	
		font-size: 1.184vw;
	}

	.characters .character_3 .con_group .slide_item .txt_area .txt_4 {
		font-size: 1.447vw;
	}

	.characters .character_4 .con_group .con_box .txt_area {
		gap: 2.632vw;
	}

	
	.characters .character_4 .con_group .con_box .txt_area .txt_top {
		gap: 1.053vw;
	}
		
	.characters .character_4 .con_group .con_box .txt_area .txt_top > div:first-child {
		font-size: 1.711vw;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_top > div:first-child span {
		font-size: 2.632vw;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_top > div:last-child {		
		font-size: 1.316vw;
	}

	.characters .character_4 .con_group .con_box .txt_area .txt_body {
		gap: 1.316vw;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_body .txt_story {
		padding: 0 1.316vw;
		font-size: 1.316vw;
		line-height: 2.632vw;
		border-radius: 2.632vw;

	}
	.characters .character_4 .con_group .con_box .txt_area .txt_body .txt {
		font-size: 1.447vw;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_body .txt p {
		font-size: 1.184vw;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_body .txt p strong {
		font-size: 1.184vw;
	}

	.characters .character_5 .title_group .info .info_top {
		font-size: 2.237vw;
	}

	.characters .character_6 .items .item .img_group {
		width: 28.947vw;
		height: 28.947vw;
	}

	
	/*************** operate **************************/
    .history2.operate {}
    .history2.operate .nl_group {
        gap: 9.868vw;
    }

    .history2.operate .nl .historyInfoArea {
        gap: 3.947vw;
        grid-template-columns: 33.553vw 1fr;
    }

    .history2.operate .nl .historyInfo { 
        margin: 0 0 1.974vw 0;
    }
    .history2.operate .nl.special .historyInfoArea .historyImg { order: 2; margin: 0;}
    .history2.operate .nl.special .historyInfoArea .historyInfo { order: 1;}
    .history2.operate .nl.special .historyInfoArea {
        display: grid;
        grid-template-columns: 1fr 33.553vw;
    }
    /*************** operate **************************/
}

@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; }
	
	.history2 .nl.nl_2024 .historyInfoArea { height: 1600px; }
	.history2 .nl.nl_2024 .historyImg img { height: 1600px; }

	/* .history2 .nl:nth-of-type(1) .historyInfoArea { height: 1100px; }
	.history2 .nl:nth-of-type(1) .historyImg { height: 1100px; }
	
	.history2 .nl:nth-of-type(2) .historyInfoArea { height: 980px; }
	.history2 .nl:nth-of-type(2) .historyImg { height: 980px; }
	
	.history2 .nl:nth-of-type(3) .historyInfoArea { height: 1400px; }
	.history2 .nl:nth-of-type(3) .historyImg { height: 1400px; }

	.history2 .nl:nth-of-type(4) .historyInfoArea { height: 660px; }
	.history2 .nl:nth-of-type(4) .historyImg { height: 660px; }
	
	.history2 .nl:nth-of-type(5) .historyInfoArea { height: 620px; }
	.history2 .nl:nth-of-type(5) .historyImg { height: 620px; }
	
	.history2 .nl:nth-of-type(7) .historyInfoArea { height: 1575px; }
	.history2 .nl:nth-of-type(7) .historyImg { height: 1575px; }
	
	.history2 .nl:nth-of-type(8) .historyInfoArea { height: 820px; }
	.history2 .nl:nth-of-type(8) .historyImg { height: 820px; } */
	
}



@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; }
	
	.characters .character_4 .con_group .con_box {
		height: auto;
	}
	.characters .character_5 .title_group .info .info_top {
		font-size: 32px;
	}
	.characters .character_5 .title_group .info .info_top br {
		display: block !important;
	}
	.characters .character_5 .title_group .info .info_body p {
    	font-size: 28px;
	}
	.characters .character_5 .title_group .info .info_body span {
    	font-size: 28px;
	}
	.characters .character_5 .title_group .info .info_body img {
		width: 36px;
	}

	.characters .character_6 .items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 72px 40px;
	}
}
	
	

@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: 3.34vw;
		gap: 1.67vw;
	}

	/* .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 {
		width: calc(33% - 0.83vw);
		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(7) { margin-right: 0; }
		.welfareCon ul li:nth-of-type(10) { margin-right: 0; }
		.welfareCon ul li:nth-of-type(12) { margin-right: 0;}
		.welfareCon ul li:nth-of-type(13) { margin-right: 0; }
		.welfareCon ul li:nth-of-type(16) { margin-right: 0; }
		.welfareCon ul li:nth-of-type(19) { 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;
	}

	.welfareCon .welfare_top {
		display: flex;
		gap: 1.67vw;
		width: 100%;
		margin: 4.17vw auto 1.67vw auto;
	}

	.welfareCon .welfare_top .list {
		flex: 1;
		padding: 2.63vw 2.63vw 5.26vw;
		border-radius: 0.66vw;
	}

	.welfareCon .welfare_top .list .img_area {
		height: 5.26vw;
	}

	.welfareCon .welfare_top .list .img_area img {
		height: 100%;
	}

	.welfareCon .welfare_top .list .txt_area {
		margin-top: 1.98vw;
	}

	.welfareCon .welfare_top .list .txt_area p {
		margin-bottom: 0.99vw;
		font-size: 1.58vw;
	}

	.welfareCon .welfare_top .list .txt_area span {
		font-size: 1.05vw;
		line-height: 1.7;
	}
	.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); }
	.subAbout11 .nl:nth-child(4) .info { padding-top:4.0786vw; }
	.subAbout11 .nl:nth-child(4) .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; }
	
	.history2 .nl { margin-bottom:0px; }
	.history2 .nl .historyImg { display:none !important; }
	.history2 .nl .historyInfoArea { width:100%; height:auto !important; }
	.history2 .nl .historyInfoArea .historyInfo { width:100%; position: sticky;  top: 0%; -webkit-transform: translatey(0%);  -ms-transform: translatey(0%); transform: translatey(0%); }
	.history2 .nl .historyInfoArea .historyInfo > ul { margin-bottom:50px; }
	.history2 .nl .historyInfoArea .historyInfo > ul:first-child { margin-bottom:0px !important; }	
		
	.contribution_con ul li > div {
		gap: 7vw;
	}

		.characters .character_4 .con_group .con_box {
		height: auto;
	}
	.characters .character_5 .title_group .info .info_top {
		font-size: 32px;
	}
	.characters .character_5 .title_group .info .info_body p {
    	font-size: 28px;
	}
	.characters .character_5 .title_group .info .info_body span {
    	font-size: 28px;
	}
	.characters .character_5 .title_group .info .info_body img {
		width: 36px;
	}

	.characters .character_6 .items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 72px 40px;
	}

	/*************** operate **************************/
    .history2.operate {}
    .history2.operate .nl_group {
        gap: 0;
    }

    .history2.operate .nl .historyInfoArea {
        gap: 0;
        grid-template-columns: 1fr;
    }

    .history2.operate .nl .historyInfo { 
        margin: 1.974vw 0;
    }
    .history2.operate .nl.special .historyInfoArea .historyImg { order: 1; margin: 0;}
    .history2.operate .nl.special .historyInfoArea .historyInfo { order: 2;}
    .history2.operate .nl.special .historyInfoArea {
        display: grid;
        grid-template-columns: 1fr;
    }
    /*************** operate **************************/
	
}

@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.jpg"); }
	.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"); }

	/* 라온 - 사회공헌 */
	.subVisual08_01_01 { background-image: url("/common/ko//img/content/m_subVisual08_01_01.png"); }


	.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 5.5556vw; }
	.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%; }

	.subAbout05 .mapInfos .mapInfo { display: none; }
	.subAbout05 .mapInfos .mapInfo.on { display: block; }

	.subAbout05 .mapInfos .mapInfo.overseas .ovs { display: none; margin-bottom: 0; }
	.subAbout05 .mapInfos .mapInfo.overseas .ovs.on { display: block; }

	.subAbout05 .mapInfos .mapInfo img  { display: block; margin-bottom: 0; width: 4.86vw; }
	.subAbout05 .mapInfos .mapInfo .type { font-size: 3.333vw; }
	.subAbout05 .mapInfos .mapInfo .address { margin-bottom: 2.778vw; display: flex; gap: 3.333vw; }
	.subAbout05 .mapInfos .mapInfo .address .val { }
	.subAbout05 .mapInfos .mapInfo .address .val span { margin-bottom: 0.556vw; display: block; font-weight: 600; font-size: 3.333vw; }
	.subAbout05 .mapInfos .mapInfo .address .val p { font-size: 2.778vw; font-weight: 400; line-height: 1.4;  }
	.subAbout05 .mapInfos .mapInfo .address .val div { font-size: 2.778vw; font-weight: 400; line-height: 1.4;  }

	.subAbout05 .mapInfos .mapInfo .call {  gap: 5.556vw; font-size: 3.333vw; }
	.subAbout05 .mapInfos .mapInfo .call .val { font-size: 3.333vw; }
	
	.subAbout05 .mapInfos .mapInfo > .ovs { display: block; padding: 3.333vw 0; border-bottom: 1px solid #D9D9D9; padding-bottom: 3.333vw; margin-bottom: 0; }
	.subAbout05 .mapInfos .mapInfo > .ovs:first-child {padding: 0 0 3.333vw 0; }
	.subAbout05 .mapInfos .mapInfo > .ovs:last-child { padding: 3.333vw 0 0 0; border-bottom: 0;  }

	.mapType.overseas .markers { display: none; }
	.mapType.domestic .markers { display: none; }

	.subAbout05 .mapInfos .mapInfo.overseas .ovs { display: none; }
	.subAbout05 .mapInfos .mapInfo.overseas .ovs.on { display: block; }

	.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:1.8519vw 0px 2.5926vw; width:100%; height:auto; background-color: transparent; }
	.reference02 .contentsArea .titleArea .title { font-size:2.5926vw; line-height:1.5; }
	.reference02 .contentsArea .titleArea > .title:before { top:-2.1296vw; width:12.2222vw;  }
	.reference02 .contentsArea .txtArea { font-size:2.5926vw; 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;
		gap: 2.78vw;
	}

	/* .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 {
		width: calc(50% - 1.398vw);
		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;
	}

	.welfareCon ul li:nth-child(1) {
		width: 100%;
		margin: 0 0 0 0;
	}

	.welfareCon ul li:nth-child(2) {
		width: 100%;
		margin: 0 0 0 0;
	}

	.welfareCon ul li:nth-child(3) {
		width: 100%;
		margin: 0 0 0 0;
	}

	.welfareCon ul li:nth-child(4) {
		width: 100%;
		margin: 0 0 0 0;
	}

	.welfareCon .welfare_top {
		display: none;
	}

	.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 > dl:nth-of-type(2n) dd .raonLife_slide ul li { margin: 0 30px 0 0; } /* 20230119 추가*/
	.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 추가*/
	
	
	/* 패밀리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:nth-child(3) .ci { margin-bottom:4vw; }

	.raonFamilyCon .raonFamilys:nth-child(1) .ci img { height: 6.111vw; }
	.raonFamilyCon .raonFamilys:nth-child(2) .ci img { height: 6.111vw; }
	.raonFamilyCon .raonFamilys:nth-child(3) .ci img { height: 6.111vw;  }
	.raonFamilyCon .raonFamilys:nth-child(4) .ci img { height: 6.111vw; }
	.raonFamilyCon .raonFamilys:nth-child(5) .ci img { height: 4.444vw; }
	.raonFamilyCon .raonFamilys:nth-child(6) .ci img { height: 6.667vw; }
	.raonFamilyCon .raonFamilys:nth-child(7) .ci img { height: 5.556vw; }
	.raonFamilyCon .raonFamilys:nth-child(8) .ci img { height: 8.333vw; }
	
	.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: 10vw; width:100%; padding: 0 0 !important; }
	.subAbout11 .nl .infoArea .info { }
	.subAbout11 .nl .infoArea .info .ci { position:relative; margin-bottom:5.5556vw; text-align: center; }
	.subAbout11 .nl .infoArea .info .ci:after { position:absolute; content:""; left:50%;  bottom:-3.0667vw; width:10vw; height:0.833vw; 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) .infoArea .info .ci { height: 4.583vw; }
	.subAbout11 .nl:nth-child(2) .infoArea .info .ci { height: 4.583vw; }
	.subAbout11 .nl:nth-child(3) .infoArea .info .ci { height: 4.583vw; }
	.subAbout11 .nl:nth-child(4) .infoArea .info .ci { height: 4.583vw; }
	.subAbout11 .nl:nth-child(5) .infoArea .info .ci { height: 4.306vw; }
	.subAbout11 .nl:nth-child(6) .infoArea .info .ci { height: 6.667vw; }
	.subAbout11 .nl:nth-child(7) .infoArea .info .ci { height: 5.556vw; }
	.subAbout11 .nl:nth-child(8) .infoArea .info .ci { height: 8.333vw; }
	
	/* 시큐어 쿠가 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; }
	
	
	
	/* 사회공헌 */
	.contributionCon { padding: 12.500vw 0; }
	.contributionCon h3 { font-size: 4.722vw; }
	.contributionCon h3 span { font-size: 4.722vw; }

		
		
	.contribution_con { padding: 12.500vw 0; }
	.contribution_con ul { display: flex;	flex-direction: column;	gap: 5.556vw;	padding: 0; }
	.contribution_con ul li {}
	.contribution_con ul li > div {	display: flex; justify-content: space-between;	flex-direction: column;	gap: 5.000vw; }

	.contribution_con ul li > div .img { width: 100%; }
	.contribution_con ul li > div .img .character {}


	.contribution_con ul li:nth-child(1) > div .img .character {
		width: 23vw;
		bottom: -6vw;
		left: -7.1vw;
	}
	.contribution_con ul li:nth-child(4) > div .img .character {
		width: 19.306vw;
		right: -5vw;
		bottom: -12vw;
	}

	.contribution_con ul li:nth-child(8) > div .img .character {
		width: 19.306vw;
		right: 1vw;
		bottom: -26vw;
	}

	.contribution_con ul li:nth-child(odd) > div { justify-content: flex-start; }
	.contribution_con ul li:nth-child(even) > div .img {	order: 0; }



	.contribution_con ul li > div .txt { padding-top: 0;	display: flex; flex-direction: column; gap: 2.222vw; }
	.contribution_con ul li > div .txt .num { display: none; }
	.contribution_con ul li > div .txt .title { font-size: 3.889vw; font-weight: 600; line-height: 1.25; letter-spacing: -0.04em; color: #222; }

	.contribution_con ul li > div .txt .title span {
		display: inline-block;
		margin-right: 2.778vw;
		font-size: 3.889vw;
		font-weight: 600;
		line-height: 1.25;
		letter-spacing: -0.04em;
		color: #FF8400;
	}


	.contribution_con ul li > div .txt .subTitle {
		font-size: 3.333vw;
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: -0.04em;
		color: #666;
	}

	.contribution_other {
		padding: 12.500vw 0 25vw;
		gap: 3.333vw;
	}

	.contribution_other .img { width: 40%; }
	.contribution_other .txt {
		font-size: 4.722vw;
		line-height: 1.5;
		letter-spacing: -0.04em;
	}


}

@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; }

	.recruit_navi.familys { margin-bottom: 0; flex-direction: row; flex-wrap: wrap; height: auto; }
	.recruit_navi.familys li { height: 11.111vw; line-height: 11.111vw; font-size: 2.5vw; }
	
	.recruit_navi.familys li:nth-child(1) { width:33.3%; }
	.recruit_navi.familys li:nth-child(2) { width:33.3%; }
	.recruit_navi.familys li:nth-child(3) { width:33.3%; }
	.recruit_navi.familys li:nth-child(4) { width: calc(50% - 1px);  margin-left: 0; margin-top: -1px; }
	.recruit_navi.familys li:nth-child(5) { width: 50%; margin-top: -1px; }

	.recruit_navi.directions { flex-direction: row; flex-wrap: wrap; height: auto; }
	.recruit_navi.directions li { height: 11.111vw; line-height: 11.111vw; font-size: 2.5vw; }
	
	.recruit_navi.directions li:nth-child(1) { width:33.3%; }
	.recruit_navi.directions li:nth-child(2) { width:33.3%; }
	.recruit_navi.directions li:nth-child(3) { width:33.3%; }
	.recruit_navi.directions li:nth-child(4) { width: calc(50% - 1px);  margin-left: 0; margin-top: -1px; }
	.recruit_navi.directions li:nth-child(5) { width: 50%; margin-top: -1px; }

	.subAbout05.w1440 { padding: 13.89vw 8.33vw; }
	.subAbout05 h3 { font-size: 6.67vw; }
	.subAbout05 .mapImage { margin: 5.556vw 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; }

	.subAbout05 .mapInfos .mapInfo img  { display: block; margin-bottom: 0; width: 4.86vw; }
	.subAbout05 .mapInfos .mapInfo .type { font-size: 3.333vw; }
	.subAbout05 .mapInfos .mapInfo .address { margin-bottom: 2.778vw; display: flex; gap: 3.333vw; }
	.subAbout05 .mapInfos .mapInfo .address .val { }
	.subAbout05 .mapInfos .mapInfo .address .val span { margin-bottom: 0.556vw; display: block; font-weight: 600; font-size: 3.333vw; }
	.subAbout05 .mapInfos .mapInfo .address .val p { font-size: 2.778vw; font-weight: 400; line-height: 1.4;  }
	
	.subAbout05 .mapInfos .mapInfo .call {  gap: 5.556vw; font-size: 3.333vw; }
	.subAbout05 .mapInfos .mapInfo .call .val { font-size: 3.333vw; }

	.subAbout05 .mapInfos .mapInfo > .ovs { display: block; padding: 3.333vw 0; border-bottom: 1px solid #D9D9D9; padding-bottom: 3.333vw; margin-bottom: 0; }
	.subAbout05 .mapInfos .mapInfo > .ovs:first-child {padding: 0 0 3.333vw 0; }
	.subAbout05 .mapInfos .mapInfo > .ovs:last-child { padding: 3.333vw 0 0 0; border-bottom: 0;  }

	.mapType.overseas .markers { display: none; }

	.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((99.9% - 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: 4.17vw;
		gap: 4.17vw;
	}

	/* .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 {
		width: 100%;
		height: 41.67vw;
		padding: 8.33vw 38.89vw 8.33vw 8.33vw;
		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;
	}

	/* .welfareCon .welfare_top { display: flex; flex-direction: column; gap: 4.17vw; width: 100%; margin: 6.94vw auto 0 auto; }
		.welfareCon .welfare_top .list {      display: flex;
		flex-direction: row-reverse; flex: 1; padding: 8.33vw;  border-radius: 1.39vw;     box-shadow: none; }

		.welfareCon .welfare_top .list .img_area { height: 19.44vw; margin: 0 auto;}
		.welfareCon .welfare_top .list .img_area img { height: 100%; }
		.welfareCon .welfare_top .list .txt_area { margin-top: 0; text-align: left; }
		.welfareCon .welfare_top .list .txt_area p { margin-bottom: 2.78vw; font-size: 5.00vw; }
		.welfareCon .welfare_top .list .txt_area span { font-size: 3.33vw; line-height: 1.5; } */

	.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 0; } /* margin: 0 4.17vw 0; ->  margin: 0 4.17vw 0 0;   20230119 수정*/ 
	.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 > .subTxtBox { margin-left: auto; width: 100%; }
	.recruit02 > .subTxtBox > p { text-align: left; font-size: 3.33vw; }
	.recruit02 > .subTxtBox > 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; }
	
		
	


	
	.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;}

	

	/* 사회공헌 */
	.contributionCon { padding: 12.500vw 0; }
	.contributionCon h3 { font-size: 4.722vw; }
	.contributionCon h3 span { font-size: 4.722vw; }

	.contribution_con { padding: 12.500vw 0; }
	.contribution_con ul { display: flex;	flex-direction: column;	gap: 5.556vw;	padding: 0; }
	.contribution_con ul li {}
	.contribution_con ul li > div {	display: flex; justify-content: space-between;	flex-direction: column;	gap: 5.000vw; }

	.contribution_con ul li > div .img { width: 100%; }
	.contribution_con ul li > div .img .character {}


	.contribution_con ul li:nth-child(1) > div .img .character {
		width: 23vw;
		bottom: -6vw;
		left: -7.1vw;
	}
	.contribution_con ul li:nth-child(4) > div .img .character {
		width: 19.306vw;
		right: -5vw;
		bottom: -12vw;
	}

	.contribution_con ul li:nth-child(8) > div .img .character {
		width: 19.306vw;
		right: 1vw;
		bottom: -26vw;
	}

	.contribution_con ul li:nth-child(odd) > div { justify-content: flex-start; }
	.contribution_con ul li:nth-child(even) > div .img {	order: 0; }



	.contribution_con ul li > div .txt { padding-top: 0;	display: flex; flex-direction: column; gap: 2.222vw; }
	.contribution_con ul li > div .txt .num { display: none; }
	.contribution_con ul li > div .txt .title { font-size: 3.889vw; font-weight: 600; line-height: 1.25; letter-spacing: -0.04em; color: #222; }

	.contribution_con ul li > div .txt .title span {
		display: inline-block;
		margin-right: 2.778vw;
		font-size: 3.889vw;
		font-weight: 600;
		line-height: 1.25;
		letter-spacing: -0.04em;
		color: #FF8400;
	}


	.contribution_con ul li > div .txt .subTitle {
		font-size: 3.333vw;
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: -0.04em;
		color: #666;
	}

	.contribution_other {
		padding: 12.500vw 0 25vw;
		gap: 3.333vw;
	}

	.contribution_other .img { width: 40%; }
	.contribution_other .txt {
		font-size: 4.722vw;
		line-height: 1.5;
		letter-spacing: -0.04em;
	}
}

@media all and (max-width: 1023px) { /* mobile */
	/* 캐릭터 추가건 */
	.characters {
		gap: 18.750vw;
	}

	.characters .character_swiper {
		position: relative;
		padding: 6.667vw 5.556vw 6.667vw 5.556vw;
	}

	.characters .title_group {
		font-size: 4.722vw;
	}
	.characters .title_group span {
		font-size: 4.722vw;
		margin-top: 0;
	}

	.characters .ra_character {
		gap: 12.500vw;
	}

	.characters .character_1 {
		
	}
	.characters .character_1 .txt_group {
		gap: 5.556vw;
	}
	.characters .character_1 .txt_group > div {
		font-size: 4.722vw;
	}
	.characters .character_1 .img_group {
		width: 80%;
	}
	.characters .character_1 .img_group img {
		width: 100%;
	}

	.characters .character_2 {
		width: 100%;
	}

	.characters .character_2 .img_group {
		width: 100%;
		margin-bottom: -10vw;
	}
	.characters .character_2 .img_group img {
		width: 100%;
	}

	.characters .character_3 {
		width: 100%;
	}
	.characters .character_3 {
		gap: 12.500vw;
	}

	.characters .character_3 .con_group {
		border-radius: 4.444vw;
		padding: 12.500vw 0;
		width: 100%;
		max-width: 100%;
	}
	.characters .character_3 .con_group .title_area {
		font-size: 4.167vw;
		line-height: 8.889vw;
		border-radius: 8.889vw;
		padding: 0 8.333vw;
	}

	.characters .character_3 .con_group  .slide_area { 
		width: 100%;
		max-width: 100%;		
		margin: 0 auto;
		position: relative;
	}


	.character_swiper .swiper-wrapper {
	}

	.character_swiper .swiper-wrapper .swiper-slide {}
	.character_swiper .swiper-wrapper .swiper-slide {}
	.character_swiper .swiper-button-next, .character_swiper .swiper-container-rtl .swiper-button-prev {
		background: url("/common/ko/img/character/m-swiper-button-right.svg");
		background-repeat: no-repeat;
		width: 8.333vw;
		height: 8.333vw;
		background-size: cover;
		right: 2.1vw;
		top: 40vw;
	}
	.character_swiper .swiper-button-prev, .character_swiper .swiper-container-rtl .swiper-button-next {
		background: url("/common/ko/img/character/m-swiper-button-left.svg");
		background-repeat: no-repeat;
		width: 8.333vw;
		height: 8.333vw;
		background-size: cover;
		left: 2.1vw;		
		top: 40vw;
	}
	.character_swiper .swiper-pagination { 
		display: flex;
		align-items: center;
		justify-content: center;
		bottom: 0px;
	}

	.character_swiper .swiper-pagination-bullet {
		width: 2.778vw;
		height: 2.778vw;
		display: inline-block;
		border-radius: 100%;
		background: #FFCF99;
		opacity: 1;
	}

	.character_swiper .swiper-pagination-bullet-active {
		background: url("/common/ko/img/character/swiper-button-active.svg");
		width: 3.333vw;
		height: 3.333vw;
		border-radius: 0;
		background-size: cover;
	}

	.characters .character_3 .con_group  .slide_item {
		display: flex;
		flex-direction: column;
		gap: 6.250vw;
	}
	.characters .character_3 .con_group .slide_item .img_area {
		width: 100%;
	}
	.characters .character_3 .con_group .slide_item .img_area img {
		width: 100%;
	}

	
	.characters .character_3 .con_group .slide_item .txt_area {
		display: flex;
		flex-direction: column;    
		align-items: flex-start;
		justify-content: center;
		gap: 5.556vw;
	}
	.characters .character_3 .con_group .slide_item .txt_area .title {
		font-size: 4.444vw;
	}

	.characters .character_3 .con_group .slide_item .txt_area .txts {
		color: #000;
		font-family: S-Core Dream;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: -0.24vw;
	}

	.characters .character_3 .con_group .slide_item .txt_area .txt_1 {
		font-size: 3.333vw;
	}

	.characters .character_3 .con_group .slide_item .txt_area .txt_2 {		
		font-size: 4.167vw;
	}
	.characters .character_3 .con_group .slide_item .txt_area .txt_2 span {
		margin-top: 0;
		font-size: 4.167vw;
	}
	.characters .character_3 .con_group .slide_item .txt_area .txt_3 {	
		font-size: 3.611vw;
	}

	.characters .character_4 {
		width: 100%;
		gap: 5.556vw;
	}

	.characters .character_4 .con_group {
		border-radius: 4.167vw;
		width: 100%;
		overflow: hidden;
	}

	.characters .character_4 .con_group .con_box {
		flex-direction: column;
		padding: 7.778vw 7.778vw 0 7.778vw;
		height: auto;
		gap: 5.000vw;
	}

	.characters .character_4 .con_group .con_box:nth-child(1) .img_area { 
		width: 80%; 
	}
	.characters .character_4 .con_group .con_box:nth-child(2) .img_area { 
		margin: 0 auto;
		width: 80%;
	}
	.characters .character_4 .con_group .con_box:nth-child(3) .img_area { 
		margin: 0 auto;
		width: 80%;
	}
	.characters .character_4 .con_group .con_box .img_area {
		padding-top: 6.667vw;
		order: 1;
		
	}
	.characters .character_4 .con_group .con_box .img_area img { width: 100%; }

	.characters .character_4 .con_group .con_box .txt_area {
		order: 2;
		width: 100%; 
		height: 100%;
		gap: 5.556vw;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding-bottom: 6.667vw;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_top {
		gap: 2.222vw;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_top > div:first-child {		
		font-size: 3.611vw;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_top > div:first-child span {
		font-size: 5.556vw;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_top > div:last-child {
		font-size: 2.778vw;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_body {
		gap: 20px;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_body .txt_story {
		padding: 0 2.778vw;
		font-size: 2.778vw;
		line-height: 5.556vw;
		border-radius: 5.556vw;

	}
	.characters .character_4 .con_group .con_box .txt_area .txt_body .txt {
		font-size: 3.333vw;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_body .txt p {
		margin-top: 3.333vw;
		font-size: 2.778vw;
	}
	.characters .character_4 .con_group .con_box .txt_area .txt_body .txt p strong {
		margin-top: 0;
		font-weight: 700 !important;
		font-size: 2.778vw;
		display: inline;
	}

	.characters .character_5 {
		margin-top: -5.556vw;
		gap: 5.556vw;
	}
	.characters .character_5 .title_group {
		gap: 2.778vw;
	}
	.characters .character_5 .title_group .info {
		flex: 1;
		padding: 0 0 1.667vw 0;
		background: url("/common/ko/img/character/m_character_5_title.png") bottom right / cover no-repeat;
		gap: 2.222vw;
		height: 23.500vw;
	}
	.characters .character_5 .title_group .info .info_top {
		/* font-size: 4.444vw; */
		font-size: 3.7vw;
		text-align: left;
	}
	.characters .character_5 .title_group .info .info_body {
		display: flex;
		align-items: center;		
		flex-direction: row;
        flex-wrap: wrap;
		text-align: left;
	}

	.characters .character_5 .title_group .info .info_body p {
		font-size: 3.611vw;
		width: 100%;
	}
	.characters .character_5 .title_group .info .info_body span {
		font-size: 3.611vw;
	}
	.characters .character_5 .title_group .info .info_body img {
		width: 5.556vw;
		margin: 1.111vw 1.111vw 0 0;
	}
	.characters .character_5 .title_group .qr {
		width: 20.278vw;
	}
	.characters .character_5 .items {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 5.556vw;
	}
	.characters .character_5 .items .item {
		box-shadow: 0.556vw 0.556vw 4.167vw 0px #00000026;
		border-radius: 4.444vw;
	}
	.characters .character_5 .items .item .item_top {
		padding: 4.167vw 5.556vw;
		gap: 3.333vw;
	}
	.characters .character_5 .items .item .item_top .profile_img {
		width: 11.111vw;
	}
	.characters .character_5 .items .item .item_top .profile_name {
		font-size: 4.722vw;
	}

	.characters .character_5 .items .item .item_footer {
		padding: 4.167vw 5.556vw 6.667vw;
		gap: 4.167vw;
	}
	.characters .character_5 .items .item .item_footer .icons {
		gap: 4.444vw;
	}
	.characters .character_5 .items .item .item_footer .icons .icon {
		height: 6.250vw;
	}
	.characters .character_5 .items .item .item_footer .icons .icon img {
		height: 100%;
	}
	.characters .character_5 .items .item .item_footer .icons .icon:last-child {
		margin-left: auto;
	}

	.characters .character_5 .items .item .item_footer .contents {
		gap: 2.222vw;
	}

	.characters .character_6 {
		gap: 12.500vw;
	}
	.characters .character_6 .items {
		grid-template-columns: repeat(2, 1fr);
		gap: 5.556vw 6.250vw;
	}

	.characters .character_6 .items .item .img_group { 
		width: 41.667vw; 
		height: 41.667vw;
	}

	.characters .character_6 .items .item .txt_group {
		margin-top: 2.222vw;
		font-size: 3.611vw;
	}
	
	.characters .character_6 .links a {		
		gap: 3.333vw;
		padding: 0 8.333vw;
		height: 16.667vw;
		border-radius: 8.333vw;
	}
	.characters .character_6 .links p {
		font-size: 4.167vw;
		text-align: center;
	}
	.characters .character_6 .links img { width: 3.611vw; }
}



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