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

.sub_vis { height:450px; text-align:center; width:100%; transition:opacity .5s, height .5s, background .5s; } 
.sub_vis h1 { font-size:60px; line-height:47px; color:#fff; font-weight:700; padding:180px 0 30px; } 
.sub_vis h2 { font-size:30px; color:#fff; } 
.sub_vis.vis02 { background:url("../images/sub_vis_02.jpg")no-repeat center center; background-size:cover; height:700px; } 
.sub_vis.vis03 { background:url("../images/sub_vis_03.jpg")no-repeat center center; background-size:cover; } 
.sub_vis.vis03_1 { background:url("../images/sub_vis_03_1.jpg")no-repeat center center; background-size:cover; } 
.sub_vis.vis03_2 { background:url("../images/sub_vis_03_2.jpg")no-repeat center center; background-size:cover; } 
.sub_vis.vis04 { background:url("../images/sub_vis_04.jpg")no-repeat center center; background-size:cover; } 
.sub_vis.vis04_02 { background:url("../images/sub_vis_04_02.jpg")no-repeat center center; background-size:cover; } 

.wrap { padding:100px 0 0; } 
.wrap:after { content: ""; display:block; clear:both; } 
.contant .wrap:last-child { padding-bottom:180px; } 
.bg_gray { background:#f7f7f7 } 
.section { width:calc(100% - 320px); display:inline-block; float:right; } 
.section.full { width:100%; float:none; } 
.sectionTit { font-size:30px; font-weight:700; display:inline-block; min-width:320px; padding-bottom:30px; } 
.sectionTit.big { font-size:60px; padding-bottom:80px; } 
.sectionTit + p { padding-bottom:50px; word-break: keep-all; } 
.sectionTit span { font-size:30px; font-weight:400; display:inline-block; margin-left:30px; word-break: keep-all; } 
.comment { font-size:24px; padding:50px 0 80px; text-align:center; line-height:1.4; } 
.comment strong { font-weight:700; } 
.comment strong.big { font-size:30px; display:block; } 
.more_btn { border:1px solid #e5e5e5; font-size:16px; color:#333; width:100%; padding:15px 10px; cursor: pointer; } 
.btnWrap { text-align:center; display: flex; justify-content: center; } 
.bg_btn { background:#ff7200; color:#fff; font-size:20px; padding:18px 60px; border-radius:10px; cursor: pointer; border: none; height: auto } 
.gray_btn { background:#a7a9ac; color:#fff; font-size:20px; padding:18px 60px; border-radius:10px; cursor: pointer; border: none; margin:0 10px; height: auto } 
.bg_btn:focus,.bg_btn:hover { background-color:#e96420; text-decoration:none; transition: 0.5s; } 
.mark { width:26px; height:26px; content: ""; display:inline-block; background:url("../images/common/ico_mark.png")no-repeat center; vertical-align: middle; margin-right:10px; } 
.mark + span { vertical-align: middle; } 
.orange { color:#ff7200 !important; } 
.bold { font-weight:700 !important; } 
.mo_hide { display:block; } 
.mo_show { display:none; } 
.mb0 { margin-bottom:0px !important; } 
.mb10 { margin-bottom:10px; } 
.mb20 { margin-bottom:20px; } 
.mb30 { margin-bottom:30px; } 
.mb40 { margin-bottom:40px; } 
.mt0 { margin-top:0px !important; } 
.mt30 { margin-top:30px; } 
.mt40 { margin-top:40px; } 
/* paging */
.paging { padding:10px 0; text-align:center; overflow:hidden; margin:0 auto; width:fit-content; display:table } 
.paging > a { text-indent:-9999px; float:left; font-size:16px; width:29px; height:29px; border-radius:50%; border:1px solid #e5e5e5; margin:0 5px; } 
.paging > a.btnFirst { background:#f5f5f5 url("../images/common/btn_first.png") no-repeat center; } 
.paging > a.btnPrev { background:#f5f5f5 url("../images/common/btn_prev.png") no-repeat center } 
.paging .page { float:left; overflow:hidden; padding:0 5px; } 
.paging .page a { display:block; float:left; font-size:16px; border-radius:50%; margin:0 5px; width:29px; line-height:29px; font-family:"Roboto", sans-serif; } 
.paging .page a.on { color:#fff; background-color:#ff7200; font-weight:700; } 
.paging > a.btnNext { background:#f5f5f5 url("../images/common/btn_next.png") no-repeat center } 
.paging > a.btnLast { background:#f5f5f5 url("../images/common/btn_last.png") no-repeat center } 
/*사이트맵*/
.titBg { margin-top:100px; padding:0; position:relative; max-width:2000px; } 
.titBg:after { content: ""; display:inline-block; position:absolute; width:22%; height:240px; top:0; left:0; background:#ff7200; z-index: 1; } 
.titBg .inner { z-index: 99; } 
.titBg .sectionTit.big { padding: 90px 0; padding-right:90px; background:#ff7200; color:#fff; } 
.wrap.overlap { margin-top: -122px; padding:0 !important; border-top:1px solid #e5e5e5; } 
.siteMap_ul { min-width:1198px; } 
.siteMap_li { display:inline-block; border-left:1px solid #e5e5e5; } 
.siteMap_li .menuWrap { width:239px; float:left; padding:180px 40px; border-right:1px solid #e5e5e5; min-height:816px; } 
.menuWrap .menuTit { font-size:30px; font-weight:700; padding-bottom:30px; cursor: pointer; } 
.menuWrap .menuName > a { display: block; font-size: 20px; font-weight: 700; cursor: pointer; padding: 5px 0; margin-bottom: 20px; } 
.menuWrap .menuName span { display: block; } 
.menuWrap .menuName span a { display: block; font-size: 16px; font-weight: 400; color: #666666; padding-top: 5px; margin-bottom:0; } 
.menuWrap .menuName span:last-child a { margin-bottom: 20px; } 

/* kyowon */
.value_bg { background:url("../images/value_bg.jpg")no-repeat center; background-size:cover; min-height:calc(100vh - 80px); position:relative; z-index: 1; word-break: keep-all; } 
.value_bg::before { content: ""; display:block; position:absolute; width:800px; height:600px; background:url("../images/value_bg_02.jpg")no-repeat center; top:50%; left:0; margin-top:-300px; z-index: -1; } 
.value_bg h1 { font-size:80px; color:#fff; line-height:1.3; z-index: 99; padding-top:210px; padding-bottom:40px; } 
.value_bg h1 strong { font-weight:700; } 
.value_bg p { color:#fff; font-size:24px; line-height:1.5; max-width:730px; float:right; } 

/*연혁*/
.history .titBg { margin-top:-120px; } 
.historyWrap { padding-left:450px; margin-top: -160px; word-break: keep-all; } 
.historyWrap .sectionTit { font-size:36px; } 
.historyWrap .sectionTit + p { font-size:20px; line-height:1.5 } 
.historyWrap li h1 { font-size:30px; font-weight:700; font-family:"Roboto", sans-serif; position:Relative; padding-left:60px; } 
.historyWrap li h1::before { width:28px; height:27px; content: ""; display:block; position:absolute; top:4px; left:0; background:url("../images/history_ico.png")no-repeat center; } 
.historyWrap li p { border-left:3px solid #e5e5e5; margin-top:15px; padding:10px 0 30px 40px; margin-left:12px; margin-bottom:20px; } 
.historyWrap li .indent { display:block; font-size:20px; line-height:1.5; text-indent:-10px; padding-left:10px; } 
.contant .wrap:last-child .historyWrap li:last-child p { border:none; } 

/*인프라*/
.infra .titBg { margin-top: -120px; } 
.infra .titBg .sectionTit.big { padding: 60px 0; padding-right: 40px; font-size: 20px; font-weight: 400; line-height: 1.5; } 
.wrap.mapWrap { padding:0; margin-top: -300px; } 
.wrap.mapWrap .inner { z-index:100; } 
.infraTable .moreBtn { width:80px; border-radius:6px; color:#fff; padding:5px; background: #888; font-size:16px; border:1px solid #888; margin:5px; cursor: pointer; transition:border .5s, background .5s; } 
.infraTable .moreBtn_2 { background:#ff7200; border:1px solid #ff7200 } 
.infraTable .moreBtn.on { color:#333; border:1px solid #e5e5e5; background:#fff; } 
.terms_table .infraTable td { padding:5px 10px; } 
.terms_table .infraTable td:nth-child(2) { padding-left:30px; text-align:left; position:relative; } 
.infraTable .hidden { display:none; } 
.infraTable .hidden.open-box { display: table-row; width:100%; } 
.infraTable .locationArea { width:100%; height:330px; } 

/*ci*/
.ciWrap { border:1px solid #ff7200; width:100%; height:380px; background:url("../images/ci_bg.png")no-repeat center center; display:flex; justify-content: center; align-items: center; } 
.ciWrap .ci_img { max-width:500px; width:400px; } 
.sectionTit span.ci_sub_tit { margin-left:0; margin-top:30px; font-size:16px; line-height:1.6; display:block; } 
.ci_download { text-align:center; min-width:880px; } 
.ci_download li { display:inline-block; width:420px; border-bottom:1px solid #333; padding:30px 10px 0; min-height:227px; word-break: keep-all; position:relative; margin-right:40px; text-align:left; vertical-align:top; } 
.ci_download li:nth-child(even) { float:right; margin-right:0; } 
.ci_download li:nth-child(1),.ci_download li:nth-child(2) { border-top:1px solid #333; } 
.ci_download a { display:inline-block; width:93px; font-size: 14px; padding:6px 20px; border:1px solid #e5e5e5; border-radius:10px; cursor: pointer; background:#fafafa url(../images/down_ico.png)no-repeat center right 20px; position:absolute; right: 10px; top:30px; } 
.ci_download a + a { top:72px; } 
.ci_download img { vertical-align:middle; margin-top:7px; display:inline-block; margin-bottom:30px; } 
.ci_download li:nth-child(4) img { margin-top:12px; margin-bottom:35px; } 
.ci_download li:nth-child(12) { padding:0; } 
.ci_download li:nth-child(12) div { width:calc(100% - 250px); display:inline-block; vertical-align: top; padding-top:30px; } 
.ci_download li:nth-child(12) dl { width:240px; display:inline-block; float:right; } 
.ci_download li:nth-child(12) dl dd { border-bottom:1px solid #e5e5e5; padding:10px 0; } 
.ci_download li:nth-child(12) dl dd:last-child { border:none; } 
.ci_download li:nth-child(12) dl dd img { margin-bottom:0; } 

/* 사회적 가치 */
.sub_vis.vis02 h1 { padding:210px 0 50px; } 
.sub_vis.vis02 h2 { line-height:1.6 } 
.move_btn { margin-top:80px; min-width:1200px; } 
.move_btn a { display:inline-block; width:220px; background:rgba(51,51,51,.4); color:#fff; padding:20px 0; border-radius:35px; font-size:20px; font-weight:700; margin:0 8px; } 
.move_btn a.on, .move_btn a:hover, .move_btn a:focus { background:#ff7200; transition:opacity .4s, background .4s; } 
.csvWrap p { font-size:20px; line-height:1.4; text-align:center; max-width:970px; margin:0 auto; word-break: keep-all; } 
.csvWrap ul { padding:100px 0 50px; text-align:center; min-width:1200px; } 
.csvWrap ul li { display:inline-block; text-align:center; margin-right:70px; } 
.csvWrap ul li:nth-child(3) { margin-right:0; } /*210728수정*/
.csvWrap ul li div { width:180px; height:180px; border-radius:50%; padding:45px 0; color:#fff; position:relative; margin:0 auto; font-weight:700; } 
/*.csvWrap ul li:nth-child(1) div { background:#ffab26 url("../images/csv_ico_01.svg")no-repeat center 70%; background-size:60px; } 210728수정*/
/*.csvWrap ul li:nth-child(1) div { background:#ffab26 url("../images/csv_ico_02.svg")no-repeat center 70%; background-size:60px; } 210728수정*/
.csvWrap ul li:nth-child(1) div { background:#ffab26 url("../images/csv_ico_03.svg")no-repeat center 70%; background-size:60px; } /*210728수정*/
.csvWrap ul li:nth-child(2) div { background:#ffab26 url("../images/csv_ico_04.svg")no-repeat center 70%; background-size:60px; } /*210728수정*/
.csvWrap ul li:nth-child(3) div { background:#ffab26 url("../images/csv_ico_05.svg")no-repeat center 70%; background-size:60px; } /*210728수정*/

.csvWrap ul li h2 { font-size:20px; font-weight:700; padding-top:18px; } 
.csv .sectionTit { font-size:36px; } 
.csv_img_ul { text-align:center; word-break: keep-all; } 
.csv_img_ul li { float:left; width:50%; font-size:20px; position:relative; color:#fff; } 
.csv_img_ul li.csv_info { width:100%; background:#ff7200; padding:25px 10px; } 
.csv_img_ul li .overlap_txt { position:absolute; width:100%; top:38%; left:0; } 
.csv_img_ul li .overlap_txt strong { font-size:24px; display:block; font-weight:700; margin-bottom:20px; } 
.csv_btn { text-align:center; } 
.csv_btn li { display:inline-block; width:448px } 
.csv_btn li a { display:block; width:250px; font-size:24px; font-weight:700; border-radius:40px; border:2px solid #ff7200; color:#ff7200; background:#fff; padding:20px 10px; margin: 0 auto; cursor: pointer; } 
.csv_btn li:nth-child(2) { border-left:2px solid #e5e5e5 } 
.csv_btn li a:hover { background:#ff7200; color:#fff; transition:all .4s; } 
.modal_content .historyWrap { padding-left: 0; margin-top: -0; } 
.modal_content .sectionTit { font-size:26px; } 
.modal_content .historyWrap li .indent { font-size:16px; } 
.modal_content .historyWrap li h1 { padding-left: 0px; } 
.modal_content .historyWrap li h1::before { display:none; } 
.modal_content .historyWrap li p { border-left:none; padding-left: 0px; padding: 10px 0 10px 0px; } 



/* 미디어 */
.videos { width:100%; margin-bottom:30px; position:relative; } 
.videos div img, .videos div video { width:100%; } 
.videos .gallery-thumbs { min-width:879px; } 
.videos .gallery-thumbs li { width:205px; display:inline-block; margin-right:16px; text-align:center; padding: 0; padding-top:13px; box-sizing: border-box; overflow: hidden; position: relative; text-align: center; vertical-align:top; } 
.videos .gallery-thumbs li:last-child { margin-right:0; } 
.videos .gallery-thumbs li .thumbs { display:block; width:100%; height:116px; font-size:16px; color:#fff; transition:all .3s; background:url(../images/thumbs_img.png)no-repeat center; position:relative; background-size:cover; } 
.videos .gallery-thumbs li .thumbs.on { box-shadow: 0 0 0 7px #ff7200 inset; } 
.videos .gallery-thumbs li .thumbs span { padding-top:47px; display:inline-block; } 
.videos .gallery-thumbs li .videoDown button { font-size:16px; margin-top:15px; cursor: pointer; width:90px; padding-right:20px; background:url("../images/down_ico.png")no-repeat center right; } 
.brochure { width:100%; border:1px solid #e5e5e5; padding:20px 50px 20px 20px; margin-bottom:20px; } 
.brochure a { display:block; width:100%; height:100%; cursor: pointer; } 
.brochure a::before { content: ""; display:inline-block; width:83px; height:80px; background:url("../images/pdf_ico.png")no-repeat center; } 
.brochure a p { display:inline-block; vertical-align: top; padding:8px 50px; font-size:24px; } 
.brochure a p span { display:block; font-size:16px; padding-top:5px; } 
.brochure a button { background:url("../images/download_ico.png")no-repeat top center; margin-top:10px; width:70px; height:70px; padding-top:50px; font-size:14px; float:right; cursor: pointer; color:#333; } 
.advertisement_list { width:240px; display:block; margin-top:30px; background-color:#fafafa; color:#777; } 
.videos .video_tit { text-align:center; font-size:24px; font-weight:700; padding:25px 10px; } 
.videos .video_tit.small { font-size:16px; font-weight:400; padding:20px 0; display:inline-block; word-break: keep-all; } 
.videos .gallery-thumbs.ver02 { min-width:100%; width:100%; position:relative; overflow: hidden; } 
.videos .gallery-thumbs.ver02 li { width:calc(50% - 10px); display:inline-block; float:left; margin:0; padding: 0; margin-top:25px; vertical-align:top; margin-right:20px; } 
.videos .gallery-thumbs.ver02 li:nth-child(even) { margin-right:0; } 
.videos .gallery-thumbs.ver02 li .thumbs { height:auto; background:none; transition:all .3s; } 
.videos .gallery-thumbs.ver02 li .thumbs img { display:inline-block; } 
.videos .gallery-thumbs.ver02 li .thumbs.on::before { content: ""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; box-shadow: 0 0 0 7px #ff7200 inset; } 
.videos .swiper-button-prev,.videos .swiper-button-next { top:72%; cursor: pointer; } 
.videos .swiper-button-prev { left: -70px; background: url('../images/common/btn_prev_arr.png') no-repeat 50% 50%; } 
.videos .swiper-button-next { right: -70px; background: url('../images/common/btn_next_arr.png') no-repeat 50% 50%; } 
.videos .swiper-button-prev.swiper-button-disabled, .videos .swiper-button-next.swiper-button-disabled { opacity:0; } 


.searchForm { width:100%; max-width:900px; margin:0 auto 40px; box-shadow: 15px 0 35px rgba(0,0,0,.1); border-radius: 10px; overflow: hidden; transition:all .3s; position:relative; } 
.searchForm input { width:calc(100% - 70px); height:70px; padding:0 34px; font-size:16px; border:none; outline: none; } 
.searchForm .searchBtn { width:70px; height:70px; font-size:0; float:right; background:#ff7200 url("../images/common/search_ico.png")no-repeat center; cursor: pointer; } 
.searchForm .insertBtn { width:28px; height:28px; font-size:0; background: url("../images/common/insert_ico.png")no-repeat center; cursor: pointer; position:absolute; top:20px; right:90px; } 
.searchForm.border { box-shadow: none; border:1px solid #ff7200; margin-bottom:50px; } 
.listForm .listNum { font-size:20px; padding:20px 0; } 
.listForm .listNum strong { color:#ff7200; } 
.listForm .listWrap { padding-top:50px; border-top:1px solid #333; } 
.listArea { display:block; word-break: keep-all; padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #e5e5e5; } 
.listArea::after { content: ""; display:block; clear:both; } 
.listForm .listWrap li:last-child .listArea { border-bottom:1px solid #333; } 
.listArea .listImg { width:380px; display:inline-block; vertical-align: top; } 
.listArea .listImg + div { width:calc(100% - 380px); float:right; padding-left:40px; font-size:16px; line-height:24px; } 
.listArea .listTit { font-size:24px; line-height:1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.listArea .listTxt { padding:40px 40px 0px 0; margin-bottom: 40px; max-height: 200px; line-height: 1.4; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; } 
.listArea .listTxt p span { color:#333 !important; } 
.listArea .listDate { text-align:right; color:#333333; } 
.listArea.detail { padding:0; margin:0; border-bottom:none; } 
.listArea.detail .listTit { font-size:30px; line-height:1.2; padding-bottom:40px; } 
.listArea.detail .imgArea { margin-top:15px; border-top:1px solid #333333; padding:60px 0; /*background:#fafafa; */ text-align:center; position:relative; } /*210802 백그라운드삭제*/
.listArea.detail .imgArea .listImg { width:auto; max-width:90%; margin:0 auto; } 
.listArea.detail .imgArea + .listTxt { padding:45px 0; font-size:16px; overflow:inherit; max-height:100%; -webkit-line-clamp: inherit; } 
.listArea.detail .imgArea + .listTxt p img { width:100%; } 
.listArea.detail .imgArea + .listTxt img { width:100%; } 
.listMove { margin:60px 0; border-top:1px solid #333333; border-bottom:1px solid #333333; } 
.listMove a { display:block; padding:25px 20px 25px 60px; font-size:20px; position:Relative; white-space: nowrap; vertical-align:top; } 
.listMove a:nth-child(2) { border-top:1px solid #e5e5e5; } 
.listMove a span { font-size:16px; max-width:calc(100% - 100px); vertical-align:middle; display:inline-block; margin-left:25px; padding-left:25px; border-left:1px solid #e5e5e5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.listMove a::before { content:""; display:inline-block; width:29px; height:29px; border-radius:50%; border:1px solid #e5e5e5; position:absolute; left:0; } 
.listMove a.prev::before { background:#f5f5f5 url("../images/common/btn_up.png") no-repeat center; } 
.listMove a.next::before { background:#f5f5f5 url("../images/common/btn_down.png") no-repeat center } 
 
/* 채용 */
.personWrap h1 { font-size:30px; line-height:1.5; padding:65px 100px; border:1px solid #e5e5e5; text-align:center; word-break: keep-all; } 
.personWrap ul { margin-top:50px; } 
.personWrap ul li { width:100%; margin-bottom:60px; position:relative; max-height:200px; } 
.personWrap ul li div { max-width:495px; padding:45px 20px; word-break: keep-all; } 
.personWrap ul li div h2 { font-size:24px; font-weight:700; padding-bottom:15px; } 
.personWrap ul li div p strong { color:#ff7200; display:block; } 
.personWrap ul li::after { content: ""; display:block; clear:both; } 
.personWrap ul li::before { content:""; display:block; width:3px; height:44px; border-radius:10px; background:#e5e5e5; position:absolute; bottom:-52px; left:50%; } 
.personWrap ul li:nth-child(4)::before { display:none; } 
.personWrap ul li:nth-child(even) div { text-align:right; } 
.personWrap ul li:nth-child(odd) div { float:right; } 
.personWrap ul li .img_con_box { width:200px; height:200px; position:absolute; top:0; border-radius:50%; left:50%; margin-left:-100PX; } 
.personWrap ul li:nth-child(1) .img_con_box { background:#ffab26 url("../images/person_01.svg")no-repeat center center; background-size:90px; } 
.personWrap ul li:nth-child(2) .img_con_box { background:#ffab26 url("../images/person_02.svg")no-repeat center center; background-size:90px; } 
.personWrap ul li:nth-child(3) .img_con_box { background:#ffab26 url("../images/person_03.svg")no-repeat center center; background-size:90px; } 
.personWrap ul li:nth-child(4) .img_con_box { background:#ffab26 url("../images/person_04.svg")no-repeat center center; background-size:90px; margin-bottom:0; } 

.process_ul { padding:25px 0 55px; text-align:center; min-width:1200px; } 
.process_bg { width:150px; height:150px; border-radius:50%; display:inline-block; text-align:center; margin-right:55px; padding:25px 0; color:#fff; position:relative; } 
.process_bg h2 { font-family:"Roboto", sans-serif; font-weight:900; padding-bottom:4px; } 
.process_bg P { font-size:18px; font-weight:700; } 
.process_bg:nth-child(1) { background:#ffab26 url("../images/recruit_01.svg")no-repeat center 75%; background-size: 40px; } 
.process_bg:nth-child(2) { background:#ffab26 url("../images/recruit_02.svg")no-repeat center 75%; background-size: 42px; } 
.process_bg:nth-child(3) { background:#ffab26 url("../images/recruit_03.svg")no-repeat center 75%; background-size: 40px; } 
.process_bg:nth-child(4) { background:#ffab26 url("../images/recruit_04.svg")no-repeat center 75%; background-size: 45px; } 
.process_bg:nth-child(5) { background:#ffab26 url("../images/recruit_05.svg")no-repeat center 76%; background-size: 45px; } 
.process_bg:nth-child(6) { background:#ffab26 url("../images/recruit_06.svg")no-repeat center 75%; background-size: 40px; margin-right:0; } 
.process_bg::before { content:""; display:block; width:33px; height:14px; background:url("../images/process_arrow.png"); position:absolute; top:47%; right:-40px; opacity: 1; } 
.process_bg:nth-child(1)::before { opacity: .6; } 
.process_bg:nth-child(2)::before { opacity: .7; } 
.process_bg:nth-child(3)::before { opacity: .8; } 
.process_bg:nth-child(4)::before { opacity: .9; } 
.process_bg:nth-child(5)::before { opacity: 1; } 
.process_bg:nth-child(6)::before { display:none; } 
.step .stepBox { border-bottom:1px solid #e5e5e5; padding:20px 0; min-height: 100px; align-items: center; display: flex; width:100%; line-height:1.5; word-break: keep-all; color:#333; } 
.step .stepBox:first-child { border-top:1px solid #e5e5e5; } 
.step .stepBox::after { content: ""; display:block; clear:both; } 
.step .stepBox .tit { display:inline-block; font-size:24px; font-weight:700; min-width:285px; } 
.step .stepBox .tit span { color:#666666; display:inline-block; margin-right:20px; font-size:28px; font-family:"Roboto", sans-serif; } 
.step .stepBox .tit + p { width:calc(100% - 285px); display:inline-block; float:right; } 
.step .stepBox .tit + p .indent { padding-top:6px; padding-bottom:6px; text-indent: -16px; padding-left: 16px; display:block; } 
.processWrap_02 { background:#f0f0f0 url("../images/process_bg.png")no-repeat bottom center; padding:50px; text-align:center; } 
.processWrap_02 h1 { font-size:24px; line-height:32px; } 
.processWrap_02 h1 strong { font-weight:700; } 
.process_ul_02 { text-align:left; margin-top:90px; word-break: keep-all; } 
.process_ul_02::after { content: ""; display:block; clear:both; } 
.process_ul_02 li { width:315px; min-height:145px; vertical-align: top; display:inline-block; margin-right:300px; } 
.process_ul_02 li:nth-child(even) { float:right; margin-right:0; } 
.process_ul_02 li h2 { font-size:24px; padding-bottom:13px; font-weight:700; } 
.process_ul_03 { margin-top:0; } 
.process_ul_03 li { width:560px; min-height:100px; margin-right:0; margin-bottom:30px; position:relative; padding-left:130px; float:left; align-items: center; display: flex; } 
.process_ul_03 li:nth-child(even) { float:right; } 
.process_ul_03 li::before { content: ""; display:inline-block; position:absolute; width:100px; height:100px; top:0; left:0; border-radius:50%; } 
.process_ul_03 li h2 { padding-bottom:15px; font-size:20px; font-weight:700; } 
.process_ul_03 li:nth-child(1)::before { background:url("../images/recruit_07.svg")no-repeat center center; } 
.process_ul_03 li:nth-child(2)::before { background:url("../images/recruit_08.svg")no-repeat center center; } 
.process_ul_03 li:nth-child(3)::before { background:url("../images/recruit_09.svg")no-repeat center center; } 
.process_ul_03 li:nth-child(4)::before { background:url("../images/recruit_10.svg")no-repeat center center; } 
.process_ul_03 li:nth-child(5)::before { background:url("../images/recruit_11.svg")no-repeat center center; } 
.process_ul_03 li:nth-child(6)::before { background:url("../images/recruit_12.svg")no-repeat center center; } 
.process_ul_03 li:nth-child(7)::before { background:url("../images/recruit_13.svg")no-repeat center center; } 
.process_ul_03 li:nth-child(8)::before { background:url("../images/recruit_14.svg")no-repeat center center; } 
.process_ul_03 li:nth-child(9)::before { background:url("../images/recruit_15.svg")no-repeat center center; } 

/* tabMenu */
.tab-menu { display:block; position:relative; margin-top:70px; } 
.cont-tab { margin: 0 auto; width: 100%; max-width: 1240px; padding: 0 20px; } 
.cont-tab ul { display:flex; overflow: auto; flex-basis: auto; flex-wrap: nowrap; } 
.cont-tab ul li { padding:0; white-space: nowrap; } 
.cont-tab ul.depth3 li { min-width:33.3%; } 
.cont-tab ul.depth4 li { min-width:25%; } 
.cont-tab ul li .btn-tab { width:100%; min-height:70px; font-size:16px; border:none; border:1px solid #a7a9ac; border-right:none; font-weight:400; color:#333; word-break: keep-all; position:relative; cursor:pointer; outline:none; } 
.cont-tab ul li:last-child .btn-tab { border-right:1px solid #a7a9ac } 
.cont-tab ul li .btn-tab span { display:inline-block; } 
.cont-tab ul li .btn-tab.active-tab { color:#fff; font-weight:700; background:#ff7200; border:1px solid #ff7200 } 
.tab-menu .cont-area { display:none; } 
.tab-menu .cont-area.active-area { display:block; transition:all 400ms; } 
.cont-wrap { padding:40px 0px 200px; word-break: keep-all; } 
.cont-wrap p { font-size:16px; line-height:24px; text-align:left; } 


/* faq */
.faq { border-top:1px solid #e5e5e5; } 
.faq a { cursor:pointer; position: relative; border-bottom:1px solid #e5e5e5; display:block; font-size:24px; padding:22px 0; font-weight:700; } 
.faq a i { display:inline-block; width:24px; height:24px; position:absolute; right:25px; top:25px; } 
.faq a i.fa-angle-arrow { background:url("../images/common/fa-angle-arrow.png") no-repeat center; } 
.faq a i.fa-angle-show { background:url("../images/common/fa-angle-show.png") no-repeat center; } 
.faq a i.fa-angle-hide { background:url("../images/common/fa-angle-hide.png") no-repeat center; } 
.faqA { display:none; position:relative; background:#fafafa; padding:30px 25px; } 

/* 제보하기 */
.accuse { border-top: 1px solid #e5e5e5; } 
.accuse a { cursor: pointer; position: relative; border-bottom: 1px solid #e5e5e5; display: block; font-size: 24px; padding: 22px 0; font-weight: 700; } 
.accuse a i { display: inline-block; width: 24px; height: 24px; position: absolute; right: 25px; top: 25px; } 
.accuse a i.fa-angle-arrow { background: url("../images/common/fa-angle-arrow.png") no-repeat center; } 
.accuse a i.fa-angle-show { background: url("../images/common/fa-angle-show.png") no-repeat center; } 
.accuse a i.fa-angle-hide { background: url("../images/common/fa-angle-hide.png") no-repeat center; } 
.accuseA {display: block; position: relative;} 
.accuseA .inputForm{border-top: 0; border-bottom: 0;} 
.accuseA .inputForm tr{border: 0;} 
.accuseA .inputForm tr th{padding:10px 20px;} 
.accuseA .inputForm tr td{padding:10px 20px;} 

/* 윤리경영 */
.ceo_img { width:524px; height:649px; background:url("../images/ceo_img.png")no-repeat center center; display:inline-block; } 
.ceo_txt { width:calc(100% - 524px); float:right; padding:50px 0 0 40px; } 
.ceo_txt h1 { font-size:36px; line-height:50px; font-weight:500; } 
.ceo_txt p { padding:45px 0; } 
.ceo_txt p + img { display:block; float:right; max-width:250px; } 
.borderBg { height:90px; width:calc(100% - 40px); text-align: center; content: ""; position:absolute; } 
.borderBg.top { background:url("../images/border_bg_top.png") no-repeat center; background-size:100% auto; top:0; } 
.borderBg.bottom { background:url("../images/border_bg_bottom.png") no-repeat center; background-size:100% auto; bottom:0; } 
.img_center { text-align:center; } 
.img_center img { margin:0 auto; } 
.rule { margin-top:30px; padding-top:30px; padding-bottom:50px; } 
.rule .comment { padding: 50px 0; } 
.ruleStep { max-width:540px; margin:0 auto; } 
.ruleStep p { font-size:20px; padding-bottom:25px; } 
.ruleStep p strong { font-size:1.2em; font-weight:bold; display:inline-block; margin-right:10px; color:#ff7200 } 
.report_procedure { text-align:center; } 
.report_procedure li { display:inline-block; position:relative; width:200px; height:200px; border-radius:50%; border:1px dashed #ff7200; vertical-align: top; margin:10px 0; margin-right:100px; } 
.report_procedure li:last-child { margin-right:0; } 
.report_procedure li span { width:158px; height:158px; margin:20px auto; border-radius:50%; color:#fff; font-size:20px; background:#ff7200; display: flex; justify-content: center; align-items: center; } 
.report_procedure li::before { content:""; display:block; width:54px; height:16px; background:url("../images/process_arrow_big.png"); position:absolute; top:47%; right:-80px; } 
.report_procedure li:last-child::before { display:none; } 
.report { text-align:center; } 
.report li { display:inline-block; width:317px; border:1px solid #fd9e51; border-radius:10px; vertical-align:top; margin:40px 15px; overflow: hidden; position:relative; } 
.report li::before { content:""; display:block; width:54px; height:16px; background:url("../images/process_arrow_b.png"); position:absolute; bottom:40px; right:40px; } 
.report li a { display:block; cursor: pointer; min-height:480px; } 
.report li a strong { display:block; color:#fff; font-weight:700; font-size:20px; padding:120px 0 30px; } 
.report li:nth-child(1) a strong { background:#ffab26 url("../images/report_01.svg")no-repeat center 25px; background-size:70px auto; } 
.report li:nth-child(2) a strong { background:#ffab26 url("../images/report_02.svg")no-repeat center 25px; background-size:70px auto; } 
.report li:nth-child(3) a strong { background:#ffab26 url("../images/report_03.svg")no-repeat center 25px; background-size:70px auto; } 
.report li a p { text-align:left; padding:30px 40px; } 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
 .report li:nth-child(1) a strong { background:#ffab26 url("../images/report_01.svg")no-repeat center 25px; background-size:120px auto; } 
.report li:nth-child(2) a strong { background:#ffab26 url("../images/report_02.svg")no-repeat center 25px; background-size:120px auto; } 
.report li:nth-child(3) a strong { background:#ffab26 url("../images/report_03.svg")no-repeat center 25px; background-size:120px auto; } 
 }
/*개인정보처리방침*/
.terms { width:100%; line-height:1.5; word-break: keep-all; color:#333; } 
.terms h3 { font-size:22px; color:#ff7200; margin-bottom:15px; line-height:1.4; } 
.terms span.indent { text-indent: -10px; padding-left:16px; display:block; } 
.terms_table { width:100%; border-top:2px solid #333333; border-bottom: 1px solid #333333; } 
.terms_table table { width:100%; margin:0; padding:0; color:#333333; } 
.terms_table table th { text-align:center; vertical-align:middle; font-size:16px; font-weight:700; padding:16px 0; background:#f5f5f5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; } 
.terms_table table th:last-child { border-right:0; } 
.terms_table table td { text-align:center; vertical-align:middle; font-size:16px; padding:16px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; word-break: break-all; } 
.terms_table table td:last-child { border-right:0px; } 
.terms_table table th + td { text-align:left; padding: 10px 20px; } 
.terms .wd50 { width:50%; float:left; } 
.terms .title { font-size:24px; font-weight:700; padding-bottom:10px; } 
.terms .subTit { font-size:20px; padding-bottom:10px; } 
a.mail { color: #ff7200; text-decoration:underline; cursor: pointer; } 

/* 고객지원 */
.line_btn { border: 1px solid #ff7200; border-radius:8px; display:inline-block; background:url("../images/common/line_btn_bg.png")no-repeat 88% center; cursor: pointer; margin:5px 0; margin-right:20px; } 
.line_btn a { display:block; color:#ff7200; padding:10px 40px 10px 20px; } 
.terms_table .brandTable td:nth-child(2) { padding-left:40px; text-align:left; position:relative; } 
.terms_table .brandTable td:nth-child(2) .line_btn { position:absolute; right:25px; top:5px; margin:0; } 
.searchTable { max-height:500px; overflow: auto; } 
.searchTable table td.none_data { padding:100px 0; } 
table.brandTable_mo td { display:block; position:relative; padding:25px 20px; text-align:left; border: 1px solid #e5e5e5; border-radius:6px; margin-bottom:15px; } 
table.brandTable_mo td a { display:block; position:absolute; width:25px; height:100%; top:0; right:20px; background:url("../images/ico_call.png")no-repeat center; background-size:100% auto; } 
table.brandTable_mo td strong { display:block; font-size:18px; padding-top:5px; font-weight:700; } 
table.brandTable_mo td span { display:block; font-size:15px; color:#666666; padding-top:15px; } 


/*공고*/
.terms_table .announcementTable td:nth-child(2) { padding-left:40px; text-align:left; } 
.terms_table table.announcementTable_mo td { display:block; position:relative; padding-left:0; padding-right:0; padding-left:0 !important; text-align:left; } 
.terms_table table.announcementTable_mo td a { display:block; padding:15px 10px; padding-right:40px; font-size:18px; background:url("../images/common/table_arrow.png")no-repeat right 15px center; background-size:2% auto; } 
.terms_table table.announcementTable_mo td a span { display:block; font-size:16px; color:#666666; padding-top:5px; } 


/* input form */
.table_guide { font-size:18px; font-weight:700; padding-bottom:20px; text-align:right; } 
.inputForm { width:100%; table-layout:fixed; border-top:2px solid #333333; border-bottom:2px solid #333333; font-size:16px; min-width:280px; } 
.inputForm tr { border: 1px solid #e5e5e5; border-left: none; border-right: none; } 
.inputForm tr th { vertical-align: middle; text-align:left; background:#fff; font-weight:700; padding:20px; width:200px; } 
.inputForm tr th strong { color:#ff7200; display:inline-block; margin-right:4px; } 
.inputForm tr td { vertical-align: middle; text-align:left; padding:20px; box-sizing:border-box; } 
.inputForm input { display:inline-block; } 
.inputForm input:-moz-read-only { /* For Firefox */ background:#f4f4f4; } 
.inputForm input:read-only,.inputForm input:disabled { background:#f4f4f4; } 
.inputForm select { background: url("../images/common/select_ico_02.png") no-repeat 96% 50%; } 
.inputForm .inputBtn { height:50px; line-height:50px; background:#333333; color:#fff; padding:0 40px; font-size:16px; border-radius:4px; vertical-align: top; margin:0 10px; display:inline-block; cursor: pointer; border:none; } 
.inputForm .inputBtn2 { height:50px; line-height:50px; background:#777; color:#fff; padding:0 40px; font-size:16px; border-radius:4px; vertical-align: top; margin:0 10px; display:inline-block; cursor: pointer; border:none; } 
.inputForm .input50 { width:50%; } 
.inputForm .input100 { width:100%; } 
.inputForm .widthBig { width:auto; max-width: 100%; padding-right:50px; } 
.inputSpace { display:inline-block; text-align:center; min-width:40px; } 
.inputGuide { display:inline-block; margin-top: 10px; } 
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox .upload-name { border:1px solid #e4e4e4; padding:0 20px; margin:0; height:50px; border-radius: 4px; box-sizing:border-box; font-size:16px; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } 
.checkWrap input[type=checkbox] { display:none; } 
.checkWrap input[type=checkbox] + label { padding-left:35px; margin-right:25px; content: ' '; display: inline-block; cursor: pointer; background: url("../images/common/i_check_off.png") left/26px no-repeat; height:26px; position:Relative; } 
.checkWrap input[type=checkbox]:checked + label { background-image: url("../images/common/i_check_on.png"); } 
.checkWrap input[type=checkbox]:disabled + label:before { background: #f4f4f4; width:24px; height:24px; content:""; display:inline-block; position:absolute; top:0; left:0; border:1px solid #ddd } 

.inputForm .checkWrap.array input[type=checkbox] + label { margin-top:20px; } 

.checkWrap2 input[type=checkbox] { display:none; } 
.checkWrap2 input[type=checkbox] + label { padding-left:35px; margin-right:25px; content: ' '; display: inline-block; cursor: pointer; background: url("../images/common/i_check_off.png") left/26px no-repeat; height:26px; position:Relative; } 
.checkWrap2 input[type=checkbox]:checked + label { background-image: url("../images/common/i_check_on.png"); } 
.checkWrap2 input[type=checkbox]:disabled + label:before { background: #f4f4f4; width:24px; height:24px; content:""; display:inline-block; position:absolute; top:0; left:0; border:1px solid #ddd } 

.inputForm .checkWrap2.array input[type=checkbox] + label { margin-top:20px; } 

.radioWrap input[type=radio] { display: none; } 
.radioWrap input[type=radio] + label { padding-left:35px; content: ' '; display: inline-block; cursor: pointer; background: url("../images/common/i_radio_off.png") left/26px no-repeat; height:26px; position:Relative; } 
.radioWrap input[type=radio]:checked + label { background-image: url("../images/common/i_radio_on.png"); } 
.radioWrap input[type=radio]:disabled + label:before { background: #f4f4f4; width:24px; height:24px; content:""; display:inline-block; position:absolute; top:0; left:0; border:1px solid #ddd; border-radius:50% } 
.addressWrap input.input50:first-child { margin-bottom:20px; } 
.addressWrap input.input50 + input.input50 { width:calc(50% - 15px); margin-left:10px; } 
.dateWrap .input { position: relative; width:200px; display:inline-block; } 
.dateWrap .ui-datepicker-trigger { position: absolute; top:50%; right:20px; width:26px; height:26px; transform: translateY(-50%); cursor: pointer; } 
.dateWrap .ui-datepicker-trigger img { width:100%; } 
.emailWrap input { width:30%; } 
.emailWrap select { width:calc(40% - 65px); margin-left:10px; } 
.phonWrap select { width:15%; min-width:86px; } 
.phonWrap input { width:30%; max-width:200px; } 
.consentForm { padding-bottom:60px; } 
.consentForm h1 { font-size:20px; padding:40px 0 20px; } 
.consentForm textarea { height:315px; padding:30px; border-radius:4px; border:1px solid #e5e5e5; } 
.consentForm textarea:read-only { background:#f5f5f5; outline:none; } 
.radio_area { width:100%; font-size:16px; padding:20px 0; font-weight:500; } 
.radio_area .radioWrap { float:right; } 
.radio_area .radioWrap input[type=radio] + label { margin-left:25px; } 
.scrollBox { max-height:330px; padding:40px 30px; border-radius:4px; border:1px solid #e5e5e5; background:#f5f5f5; overflow: auto; font-size:16px } 
.scrollBox strong { font-weight:700; } 
.bgBox { padding:18px 30px; border-radius:4px; border:1px solid #e5e5e5; background:#f5f5f5; overflow: auto; font-size:16px } 
.bgBox strong { font-weight:700; } 

/*popuop*/
.modal-wrapper { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:1000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; } 
.modal-wrapper.pop_open { opacity: 1; visibility: visible; } 
.modal-wrapper .modal { width:835px; min-width:320px; max-height:90vh; display: block; position: relative; background: #fff; opacity: 0; transition: all 0.5s ease-in-out; border-radius:2px; overflow: auto; } 
.modal-wrapper.pop_open .modal { opacity: 1; z-index:999; } 
.modal_head { background:#ff7200; padding:20px 30px; position:relative; vertical-align:middle; position: fixed; width: 100%; max-width:835px; min-width:320px; z-index:1000; } 
.modal_head span { font-size:24px; color:#fff; font-weight:300; line-height:1.1 } 
.modal_head .btn-close { width:28px; height:28px; font-size:0; vertical-align:middle; float:right; background:url("../images/common/ico_popup_close.png") no-repeat center center; display:inline-block; cursor: pointer; } 
.modal_head::after { content: ""; display:block; clear:both; } 
.modal_content { padding:40px; padding-top:100px; position:relative; z-index:99; } 
.modal_content .inputForm tr th { width:130px; } 

.outPop.modal-wrapper { width: 100%; height: 100%; align-items: start; justify-content: start; background: rgba(0, 0, 0, 0); } 

#mainPop.modal-wrapper .modal { width: auto; max-width:600px; background:none; overflow:inherit } 
#mainPop .modal_content { padding: 0px; } 
#mainPop .modal_head { background:none; padding:0; padding-bottom:18px; position:relative; } 
.modal_vis { position:Relative; } 
.modal_vis .swiper-slide { max-width:600px; text-align:center; background:#fff; } /* height:600px 삭제, width max-width 변경*/
.modal_vis .modal_pop_img { width:100%; height:100%; overflow: hidden; position:relative; } 
/*.modal_vis .modal_pop_img img { width:100%; height:100%; display:block; object-fit: cover; }*/ 
.modal_vis .modal_pop_img img { width:100%; display:block;} 
.modal_vis .swiper-button-prev { left: -60px; background: url("../images/common/btn_prev_arr_w.png") no-repeat center; cursor: pointer; } 
.modal_vis .swiper-button-next { right:-60px; background: url("../images/common/btn_next_arr_w.png") no-repeat center; cursor: pointer; } 
.swiper-pagination-modal { bottom:28px !important; position:absolute; z-index: 2000; text-align:center; } 
.swiper-pagination-modal .swiper-pagination-bullet { width: 12px; height: 12px; background: #333; } 
.swiper-pagination-modal .swiper-pagination-bullet-active { width:34px; background:#ff7200; border-radius:10px; } 
.modal_foot { width:100%; } 
.modal_foot a { display:block; float:left; width:50%; text-align:center; color:#fff; cursor: pointer; padding:20px 10px; background:#ff7200; font-size:20px; } 
.modal_foot a + a { background:#333; } 
.modal-wrapper .modal iframe { height: 90vh; } 

/*인사말*/
.kyowon.ceo .contant { max-width:1920px; margin:0 auto; word-break: keep-all; } 
.kyowon.ceo .contant .wrap:last-child { padding-bottom: 350px; } 
.ceoWrap .ceo_txt_1 { width:calc(100% - 645px); float:right; } 
.ceoWrap .ceo_txt_1 h1 { font-size:36px; font-weight:700; line-height:1.3; padding:30px 0; } 
.ceoWrap .ceo_txt_1 p { font-size:24px; padding-bottom:30px; } 
.ceoWrap .ceo_photo_txt { display:inline-block; margin-top:40px; } 
.ceoWrap .ceo_photo { position:relative; z-index: 100; } 
.ceo_txt_2 { width:calc(100% - 45%); max-width:1060px; float:right; background:#ff7200 url("../images/ceo_txt_2_bg.png")no-repeat left bottom; color:#fff; margin-top:30px; padding:45px 0; padding-left:150px; position:absolute; top:670px; right:0; z-index: 99; } 
.ceo_txt_2 p { font-size:17px; padding-bottom:30px; } 
.ceo_txt_2 .inner { text-align:right; padding-top:30px; max-width: 400px; } 
.wrap.ceo_signature { text-align:right; padding-top:180px; } 


/* 사업소개 */
.businessVis { padding-bottom:0 !important; } 
.businessVis .sectionTit.big { text-align:center; min-width:100%; padding:20px 20px 30px 20px; } 
.businessVis .sectionTit.big + p { text-align:center; } 

.businessTab { position:absolute; width:100%; left:0; top:60px; } 
.businessTab ul { display: flex; justify-content: space-between; flex-wrap: nowrap; } 
.businessTab a { display:inline-block; width:116px; height:78px; text-align:center; font-size:30px; padding-top:25px; } 
.businessTab li:nth-child(1) a { margin-left:-100px; background:url("../images/business_arrow_prev.png")no-repeat center top; } 
.businessTab li:nth-child(2) a { margin-right:-100px; background:url("../images/business_arrow_next.png")no-repeat center top; } 

.businessVis .businessVis_inner { width:100%; position:relative; } 
.businessVis .businessVis_inner.vis00 { background:url("../images/business_00_bg.jpg")no-repeat center; background-size:cover; } 
.businessVis .businessVis_inner.vis01 { background:url("../images/business_01_bg.jpg")no-repeat center; background-size:cover; } 
.businessVis .businessVis_inner.vis02 { background:url("../images/business_02_bg.jpg")no-repeat center; background-size:cover; } 
.inner.businessVis_content { max-width: 1340px; overflow-x: hidden; } 
.businessVis_content > .swiper-wrapper { height:810px; } 
.businessVis_content > .swiper-wrapper.center { text-align:center; display:flex; justify-content:center; } 
.businessVis_content .swiper-slide { width:300px; background:#fff; height:600px; margin-top:100px; box-shadow: 0px 15px 20px rgba(0,0,0,.2); overflow: hidden; } 
.businessVis_content .swiper-slide a { display:block; position:relative; min-height:600px; text-align:left; } 
.businessVis_content .swiper-slide:hover { box-shadow: 0px 15px 20px rgba(0,0,0,.4); margin-top:86px; transition:all .3s; } 
.businessVis_content .swiper-slide img { width:100%; } 
.businessVis_content .swiper-slide p { position:absolute; width:100%; left:0; top:302px; padding:0 15px 0 25px; word-break: keep-all; line-height:1.3; background:rgba(255,255,255,.0); } 
.businessVis_content .swiper-slide p img { width:auto; display:block; height:40px; margin:15px 0; } 
.businessVis_inner.vis00 .businessVis_content .swiper-slide .linkNone { cursor:default; } 
.businessVis_inner.vis00 .businessVis_content .swiper-slide .linkNone:hover p { top:302px !important; cursor:default; } /* 신난다 체험스쿨 호버효과 지움*/
.businessVis_inner .swiper-button-next { right: 50px; background:url("../images/common/btn_next_arr_w.png") no-repeat 50% 50%; outline:none; cursor: pointer; } 
.businessVis_inner .swiper-button-prev { left: 50px; background:url("../images/common/btn_prev_arr_w.png") no-repeat 50% 50%; outline:none; cursor: pointer; } 

/*다국어*/
.sectionTit.big.lang { font-family:"Roboto", sans-serif; } 
.roboto { font-family:"Roboto", sans-serif; } 

.inquiry h5 { font-family:"Roboto", sans-serif; font-size:36px; padding:55px 0 25px } 
.inquiry h6 { font-size:20px; padding-bottom:60px; line-height:1.2 } 
.inquiry .brochure { width:580px; float:left; padding: 14px 18px 14px 18px; } 
.inquiry .brochure + .brochure { float:right; width:600px; padding: 18px 30px 15px 20px; } 
.inquiry .brochure a p { font-family:"Roboto", sans-serif; } 
.inquiry .brochure.terms span.indent { font-family:"Roboto", sans-serif; font-size:20px; text-indent: -10px; padding-left: 20px; display: block; } 

.ceoWrap .ceo_txt_1 h1.roboto { font-weight:400; min-width: 630px; } 
.ceoWrap .ceo_txt_1 h1.roboto br { display:inline-block !important; } 
.eng .ceo_txt_2 { top: 630px; padding: 90px 0; padding-left: 120px; padding-right: 40px; padding-bottom:40px; background:#ff7200; } 
.eng .ceo_txt_2 p { font-size:18px; max-width: 640px; word-break:break-all; } 
.eng .ceo_signature { padding-top:20px; } 
.eng.kyowon.ceo .contant .wrap:last-child { padding-bottom: 1200px; } 
.eng .ceoWrap .ceo_txt_1 h1.roboto { min-width: auto; } 
.eng .value_bg::before { margin-top: -380px; width:750px; } 
.value_bg h1.roboto { font-size:60px; padding-top: 140px; width: 1220px; padding-bottom: 60px; } 
.eng .value_bg p { max-width: 738px; } 

.titBg .sectionTit.big.roboto { font-size:40px; padding: 100px 0; padding-right: 70px; } 
.historyWrap .sectionTit.roboto { font-size: 36px; font-weight:400; } 
.eng .historyWrap { padding-left: 405px; } 
.eng .historyWrap li .indent { font-family:"Roboto", sans-serif; width:810px; } 
.eng .contant .wrap:last-child .historyWrap li:last-child p { border-left: 3px solid #e5e5e5; } 

.infra .titBg .sectionTit.big.roboto { font-size:40px; font-weight:700; padding: 60px 0; padding-right: 70px; } 
.eng.infra .infraWrap01 { height:1059px; margin-top:-90px; background:url("../images/infra_bg_01_eng.png")no-repeat center right 30px; } 
.eng.infra .infraWrap01 + .infraWrap01 { height:1250px; margin-top:80px; background:url("../images/infra_bg_02_eng.png")no-repeat top right 30px; padding-top:30px; } 
.eng.infra .infraWrap01 .bold { font-size:20px; } 
.eng.infra .infraWrap01 p.mb40 { max-width:600px; line-height:1.7; } 
.eng.infra .infraWrap01 + .infraWrap01 p.mb40 { max-width:620px; } 

.business.eng .titBg { margin-top: -120px; } 
.business.eng .titBg .sectionTit.big.roboto { font-size: 40px; line-height:1.1; font-weight: 700; padding: 54px 0; padding-right: 70px; } 
.business.eng .titBg + .wrap { margin-top:0; margin-top:-180px } 
.businessInfo_lang { padding-left:400px; font-size:20px; line-height:1.5 } 
.eng .terms { font-size:18px; letter-spacing: -.6px; line-height:1.4; } 

/*결함 수정*/
.announcement01 .listArea .listDate { border-bottom: 1px solid #333; padding-bottom: 15px; } 
.ui-datepicker .ui-datepicker-prev span { background: url("../images/common/btn_prev_arr.png")no-repeat center center; background-size:contain; } 
.ui-datepicker .ui-datepicker-next span { background: url("../images/common/btn_next_arr.png")no-repeat center center; background-size:contain; } 

/*video-js 수정*/
.video-js { width:100%; } 
.myVideo-dimensions { width:100% !important; } 
.videos .gallery-thumbs.ver02 li .thumbs img { height: 242px; } 
.videos .gallery-thumbs.ver02 li .thumbs { background: #fafafa; } /* 썸네일 이미짐 안나올 시 */
.videos .swiper-button-prev, .videos .swiper-button-next { top: 70%; } 

.eng.infra .infraWrap01.chn { height:1059px; background:url("../images/infra_bg_01_chn.png")no-repeat center right 30px; } 
.eng.infra .infraWrap01.chn + .infraWrap01.chn { height:1250px; background:url("../images/infra_bg_02_chn.png")no-repeat top right 30px; padding-top:30px; } 
.eng.infra .infraWrap01.jpn { height:1059px; background:url("../images/infra_bg_01_jpn.png")no-repeat center right 30px; } 
.eng.infra .infraWrap01.jpn + .infraWrap01.jpn { height:1250px; background:url("../images/infra_bg_02_jpn.png")no-repeat top right 30px; padding-top:30px; } 

/* 241014 개인정보취급방침 */
.pt0 { padding-top:0; } 
p.tit { font-size:16px; font-weight:600; } 
.process-status > h3 { margin-top:50px; font-size:20px; color:#222; font-weight:600; text-align:center; } 
.process-status ul { margin:20px 0 10px; display:flex; justify-content: space-between; align-items:flex-start; flex-wrap:wrap; font-size:0; border:1px solid #E2DCD7; background:#fff; } 
.process-status li { flex:1; padding:19px 30px; font-size:16px; text-align:center; border-right:1px solid #E2DCD7; font-weight:600; letter-spacing:-1px; line-height:1.5; vertical-align:top; box-sizing: border-box; min-height:185px; } 
.process-status li:last-child { border-right:0; } 
.process-status li > p { margin:0; } 
.process-status li img { width:70px; margin:10px auto 20px; } 
.process-status li .txt { display:block; font-size:13px; font-weight:400; } 
.cont-box { background:#f8f8f8; margin:20px 0 45px; padding:20px 25px; line-height:1.7; } 
.terms p { line-height:1.7; } 

/* 직장내 괴롭힘 윤리제보센터 */
.sub_title_detail {background: url(../images/bg_ethics03_header.png)no-repeat right top;}
.sub_title_detail h6{font-size: 30px; font-weight: 700; padding-bottom: 22px;}
.sub_title_detail .left{padding-bottom:80px;}
.ethics03_form .accuse{border-top:0;}
.ethics03_form .accuse li:first-child .inputForm tr th{font-size:24px; font-weight:500; padding-left: 30px;}
.ethics03_form .accuse a {cursor: pointer; position: relative; border-bottom: 1px solid #333; display: block; font-size: 24px; padding: 22px 30px; font-weight: 500;}
.ethics03_form .accuse a span {font-weight:400; font-size: 16px; color:#777;}
.ethics03_form a i.fa-angle-show { background:url("../images/common/fa-angle-hide.png") no-repeat center;} 
.ethics03_form a i.fa-angle-hide { background:url("../images/common/fa-angle-show.png") no-repeat center;} 
.ethics03_form .accuseA .inputForm tr th {padding:10px 30px;}
.ethics03_form .accuseA .inputForm tr td {padding:10px 0px;}
.ethics03_form .accuseA .inputForm tr:first-child th,.ethics03_form .accuseA .inputForm tr:first-child td {padding-top:40px !important;}
.ethics03_form .accuseA .inputForm tr:last-child th,.ethics03_form .accuseA .inputForm tr:last-child td {padding-bottom:40px !important;}

.checkWrap2 input[type=checkbox] + label {background: url("../images/common/i_check2_off.png") left/26px no-repeat; height: 28px;}
.checkWrap2 input[type=checkbox]:checked + label {background-image: url("../images/common/i_check2_on.png");}
.checkWrap2 input[type=checkbox]:checked + label {background-image: url("../images/common/i_check2_on.png");}
.checkWrap2 input[type=checkbox] + label strong{color:#999;}

.ethics03_form select option:disabled {color:#999 !important;}
.ethics03_form select:required:invalid {color:#333;}
.ethics03_form option[value=""][disabled] {display:none}
.ethics03_form .filebox{position: relative;}
.ethics03_form .input_del{position: absolute; right:calc(50% + 20px); top:50%; transform: translateY(-50%); cursor: pointer; display: none;}
.ethics03_form .input_del.show{display:block;}
.ethics03_form .dateWrap2 .input{width: 470px;}
.ethics03 .btnWrap{margin:40px 0 80px;}
.terms_table2 {max-height:344px;}
.terms_table2 table tr:hover{background:rgba(225,114,0,0.15); color:#ff7200;}
.terms_table2 table th {border-bottom:0; border-right:0;}
.terms_table2 table td {border-right:0;}
.terms_table2::-webkit-scrollbar {width:7px;}
.terms_table2::-webkit-scrollbar-thumb {background-color: #464749;}
.terms_table2::-webkit-scrollbar-track {background-color:#e2e4e4;}