@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}
.cm-cursor-icon{display: none; margin-top: -30px; margin-right: -40px; padding-bottom: 5px; text-align: right; height: 60px;}
.cm-cursor-icon .icon-wrap{width: 155px; height: 60px; display: inline-block;}
.cm-cursor-icon .icon-wrap svg{display: inline-block;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:68px;}
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed; padding: 0;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#f1f1f1; border-top: 3px solid #f1f1f1; border-bottom: 1px solid #e0e0e0; border-left:0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.sub-tab-list-style ul li:first-child{border-left:1px solid #e0e0e0;}
.sub-tab-list-style ul li a{display:table; height:64px; width:100%;}
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#2e2e2e; font-size:20px; letter-spacing:-0.5px; text-align:center; -webkit-transition: all 0.3s; transition: all 0.3s;}
.sub-tab-list-style ul li a em:after{margin-left: 10px; display: inline-block; vertical-align: middle; font-size: 25px; content: '\e937'; font-weight: 400; color: transparent; -webkit-transition: all 0.3s; transition: all 0.3s;}
.sub-tab-list-style ul li.selected{z-index:1;}
.sub-tab-list-style ul li.selected{background-color:#fff; border-top-color:#006cc8; border-bottom-color: #fff;}
.sub-tab-list-style ul li.selected a em{font-weight: 700;}
.sub-tab-list-style ul li.selected a em span{font-weight: 400;}
.sub-tab-list-style ul li.selected a em:after{color: #006cc8;}

/* Tab 공통 스타일02 */
.sub-tab-wrapper-style02{position:relative; height:92px;}
.sub-tab-list-style02 ul{width:100%; height:100%; padding: 0; text-align: center; background-color: #fff; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sub-tab-list-style02 ul:after{display:none;}
.sub-tab-list-style02 ul li{display: inline-block; vertical-align:middle; position:relative; margin: 0 10px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.sub-tab-list-style02 ul li:before{position: absolute; top: 50%; margin-top: -2px; left: -12px; display: block; content: ''; width: 4px; height: 4px; background-color: #b5b5b5; -webkit-border-radius: 100%; border-radius: 100%;}
.sub-tab-list-style02 ul li:first-child:before{display: none;}
.sub-tab-list-style02 ul li a{position: relative; display:table; height:90px; width:100%; min-width: 140px; padding: 0 35px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sub-tab-list-style02 ul li a:before{position: absolute; bottom: -2px; left: 50%; display: block; content: ''; width: 0; height: 3px; background-color: #006cc8;}
.sub-tab-list-style02 ul li a em{display:table-cell; vertical-align:middle; color:#434343; font-size:21px; line-height: 1.3; letter-spacing:-1px; text-align:center; -webkit-transition: all 0.3s; transition: all 0.3s;}
.sub-tab-list-style02 ul li.selected{z-index:1;}
.sub-tab-list-style02 ul li.selected a:before{width: 100%; margin-left: -50%;}
.sub-tab-list-style02 ul li.selected a em{color: #006cc8; font-weight: 500;}

/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed,
.sub-tab-list-style02.top-fixed{position:fixed; top:71px; left:0; width:100%; height:68px; z-index: 99;}
.sub-tab-list-style02.top-fixed{top: 70px;}
.sub-tab-list-style02.top-fixed ul li a{height: 66px;}
.sub-tab-list-style02.top-fixed ul li a em{font-size: 17px;}
.sub-tab-list-style.top-fixed ul,
.sub-tab-list-style02.top-fixed ul{width: calc(100% - 30px); padding: 0 15px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:801px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before,
	.sub-tab-list-style02:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e0e0e0; transition:all 0.5s;}
	.sub-tab-list-style02:before{transition:all 0s;}
	.sub-tab-list-style.top-fixed ul li.selected{border-bottom-color: #e0e0e0;}
	.sub-tab-list-style.top-fixed:before,
	.sub-tab-list-style02.top-fixed:before{width:100%; margin-left:-50%;}
	.sub-tab-list-style02.top-fixed:before{transition:all 0.5s;}
}


/* ****************** 01 회사소개 :: 02 CEO 인사말 ********************** */
.greeting-page{padding: 0 5%;}
.greeting-con01{padding: 205px 30px 310px 40.3%; position: relative; background: url("../images/content/greeting_bg.jpg") 50% 0% no-repeat; -webkit-background-size: cover; background-size: cover;}
/* .greeting-con01:before{position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 100%; background-color: #fff; -webkit-transition: width 0.8s; transition: width 0.8s;}
.greeting-con01.aos-animate:before{width: 0;}*/
.greeting-txt-box{letter-spacing: -0.7px;}
.greeting-txt-box h5{font-size: 41px; line-height: 1.36; font-weight: 700; color: #fff; text-shadow: 3px 5px rgba(0,0,0,0.05);}
.greeting-txt-box p{margin-top: 20px; font-size: 23px; line-height: 1.65; color: rgba(255,255,255,0.9);}

.greeting-con02{position: relative; top: -200px; margin-left: 13%; width: 87%; padding: 75px 16% 75px 5%; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.greeting-con02 .txt{font-size: 19.5px; line-height: 1.8; letter-spacing: -0.7px; color: #303030;}
.greeting-con02 .sign-txt{margin-top: 35px; font-size: 16px; letter-spacing: -0.7px; color: rgba(50,50,50,0.9); text-align: right;}
.greeting-con02 .sign-txt b{display: inline-block; vertical-align: middle; margin-left: 13px; font-size: 25px; font-weight: 700; color: #000;}


/* ****************** 01 회사소개 :: 03 연혁 ********************** */
.history-page{position: relative;}

.history-tab-wrapper-style{}
.history-tab-list-style{/* position: absolute; top: 0; bottom: 0; left: 0; width: 1px; */}
.history-tab-list-style.top-fixed{}
.history-tab-group{position: fixed; top: 0; bottom: 0; left: 7.4%;}
.history-tab-group:before{position: absolute; bottom: 0; left: 0; content: ''; width: 1px; height: 0; background-color: rgba(108,108,108,0.18); -webkit-transition: height 1s; transition: height 1s;}
.history-tab-group.white-ver:before{background-color: rgba(255,255,255,0.11);}
.history-tab-list-style ul{position: absolute; left: 0; top: 50%; margin-top: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;}
.history-tab-list-style ul li{position: relative; padding-left: 20px;}
.history-tab-list-style ul li + li{margin-top: 35px;}
.history-tab-list-style ul li:before{position: absolute; top: 50%; margin-top: -4px; left: -4px; display: block; content: ''; width: 9px; height: 9px; background-color: #7f7f7f; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.3s; transition: all 0.3s;}
.history-tab-list-style ul li a{display: inline-block; width: 100px; font-size: 14.5px; font-weight: 700; color: #7a7a7a; -webkit-transition: all 0.3s; transition: all 0.3s;}
.history-tab-list-style ul li a span{font-weight: 700;}
.history-tab-list-style ul li a em{opacity: 0; font-weight: 700; -webkit-transition: all 0.3s; transition: all 0.3s;}

.history-tab-list-style.top-fixed .history-tab-group:before{height: 100vh; -webkit-transition: background-color 1s; transition: background-color 1s;}
.history-tab-list-style.top-fixed ul{opacity: 1; visibility: visible; transition-delay:0.3s;}

.history-tab-list-style ul li.selected:before{margin-top: -6px; left: -6px; width: 13px; height: 13px; background-color: #e81212;}
.history-tab-list-style ul li.selected a{color: #000;}
.history-tab-list-style ul li:first-child.selected a{color: #fff;}
.history-tab-list-style ul li.selected a em{opacity: 1;}

.tab-line{position: absolute; top: 0; left: 7.4%; margin-left: 8px; display: block; width: 1px; height: 0; background-color: rgba(108,108,108,0.18); -webkit-transition: height 1s; transition: height 1s;}
.tab-line.active{height: 100vh; -webkit-transition: background-color 1s; transition: background-color 1s;}
#historyTabCon1 .tab-line.active{background-color: rgba(255,255,255,0.11);}

/* 탭 */
#fp-nav.right{
	display: none;
	position: fixed;
    z-index: 100; width: 120px;
    margin-top: -100px !important;
    top: 50%; right: auto !important;
	left: 7.4% !important;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right ul li{position:relative; width:20px; margin:35px 0;}
#fp-nav.right ul li:last-child{display:none} /* 마지막 섹션이 footer일경우 */
#fp-nav.right ul li a{display:block; position:relative; width:100%; height:20px; box-sizing:border-box; padding:4px;}
#fp-nav.right ul li a > span{display: block; width: 9px; height: 9px; background-color: #7f7f7f; -webkit-border-radius: 100%; border-radius: 100%; cursor: pointer;}
#fp-nav.right ul li:nth-child(1){display: none;}
#fp-nav.right ul li .fp-tooltip{
	position:absolute;
	width: 150px;
	left:30px !important; top:-1px;
	line-height:20px;
	width: 100px; font-size: 14.5px; font-weight: 700; color: #7a7a7a;
	margin-right:0px;
	text-align:left; font-family: 'Play', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
#fp-nav.right ul li .fp-tooltip span{font-weight: 700; color: #fff;}
#fp-nav.right ul li .fp-tooltip em{position: relative; top: -1px; display: inline-block; vertical-align: middle; font-weight: 700; font-style: italic; opacity:0;filter:Alpha(opacity=0); overflow:hidden; -webkit-transition: all 0.3s; transition: all 0.3s;}

#fp-nav.right.black ul li .fp-tooltip span{color: #000;}
#fp-nav.right ul li a.active > span{margin-left: -2px; width: 13px; height: 13px; background-color: #e81212;}
#fp-nav.right ul li a.active + .fp-tooltip{top: 0;}
#fp-nav.right ul li a.active + .fp-tooltip em{opacity:1.0;filter:Alpha(opacity=100);}


/* 탭 컨텐츠 */
.history-tab-con{width: 100%; height: 100vh;}
.history-tbl{display: table; table-layout: fixed; width: 100%; height: 100%;}
.history-tbl-inner{padding-top: 95px; display: table-cell; vertical-align: middle;}
#historyTabCon1{background: url("../images/content/history_tab01_bg.jpg") center/cover no-repeat;}
#historyTabCon2{background: url("../images/content/history_tab02_bg.jpg") center/cover no-repeat;}
#historyTabCon3{background: url("../images/content/history_tab03_bg.jpg") center/cover no-repeat;}
#historyTabCon4{background: url("../images/content/history_tab04_bg.jpg") center/cover no-repeat;}
.history-tab-con01{text-align: center; position: relative;}
.history-tab-con01 .txt01{font-size: 40px; line-height: 1.2; font-weight: 600; letter-spacing: -0.75px; color: #fff; font-style: italic;}
.history-tab-con01 .txt02{margin-top: 85px; font-size: 250px; font-weight: 700; letter-spacing: -0.5px; color: #fff; font-style: italic;}
.history-tab-con01 .txt03{margin-top: 50px; font-size: 50px; line-height: 1.2; font-weight: 500; letter-spacing: -0.7px; color: #fff;}
.history-tab-con01 .txt03 b{font-weight: 700; color: #12ae56;}
.history-tab-con01 .txt04{margin-top: 20px; font-size: 27px; line-height: 1.3; font-weight: 300; letter-spacing: -0.7px; color: rgba(255,255,255,0.67);}

/* 스크롤아이콘 */
.history-scroll-icon{position:absolute; top: 50%; margin-top: -70px; right: 6.4%; width: 70px; z-index:999;}
.history-scroll-icon .scroll-bg{position: relative;}
.history-scroll-icon .scroll-bg:before{display:block; top: 0; left: 0; content: ''; width: 70px; height: 70px; background-color: #006cc8; -webkit-border-radius: 100%; border-radius: 100%;}
.history-scroll-icon .scroll-bg .txt{animation: upDown 1.5s ease-in-out infinite;}
.history-scroll-icon .scroll-bg .txt span{display: block; position: absolute; width: 100px; height: 10px; top: 0px; left: -12px; font-size: 10px; font-weight:600; color: #fff; text-transform: uppercase; transform: rotate(90deg);}

@keyframes upDown {
	0% {
		opacity: 0.8;
		transform:  translateY(-5px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	100% {
		opacity: 0.8;
		transform:  translateY(-5px);
	}
}


.history-tab-left{width: 46%; padding: 0 30px 0 11%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.history-tab-left .tit{font-size: 50px; line-height: 1.1; font-weight: 700; letter-spacing: -0.7px; color: #000; font-style: italic;}
.history-tab-left .year{margin-top: 10px; display: block; font-size: 140px; font-weight: 700; letter-spacing: -0.25px; color: #000; font-style: italic;}
.history-tab-left .more-btn{margin-top: 25px; position: relative; display: inline-block; min-width: 55px; padding: 13px 40px 9px 22px; background-color: #fff; border: 1px solid #cacaca; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);}
.history-tab-left .more-btn span{display: inline-block; font-size: 13.5px; line-height: 1.3;}
.history-tab-left .more-btn i{position: absolute; top: 50%; right: 17px; margin-top: -8px; font-size: 16px; line-height: 1; color: #272727;}
.history-tab-left .list-txt{margin-top: 45px;}
.history-tab-left .list-txt li{position: relative; padding-left: 105px;}
.history-tab-left .list-txt li + li{margin-top: 15px;}
.history-tab-left .list-txt li b{position:absolute; top: 2px; left: 0; display: inline-block; color: #000; font-size: 18.5px; font-weight: 700; letter-spacing: -0.1px; font-style: italic;}
.history-tab-left .list-txt li p{font-size: 18.5px; line-height: 1.3; letter-spacing: -0.65px; color: #303030;}
.history-tab-left .list-txt li p span{margin-top: 5px; font-size: 16.5px; display: block; color: rgba(39,39,39,0.74);}
.history-tab-left .list-txt li p + p{margin-top: 10px;}

.history-tab-right{position: relative; width: 54%; padding-right: 4.6%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.history-tab-right .bg01{position: absolute; top: -93px; right: 4%;}
.history-tab-right .bg02{position: absolute; bottom: -60px; left: 17.3%;}
.history-tab-slide{width: 100%; position: relative; z-index: 1;}
.history-tab-slide li{width: 100%; float: left;}
.history-tab-slide li span{display: block; position: relative; width: 100%; height: 0; padding-top: 62.33%;}
.history-tab-slide li span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.history-tab-slide .slick-arrow{position: absolute; bottom: -35px;}
.history-tab-slide .slick-arrow i{font-size: 16px; color: #080808;}
.history-tab-slide .slick-prev{left: 0;}
.history-tab-slide .slick-next{right: 0;}

.history-tab-con05.aos-animate .history-tab-right .bg01{}
.history-tab-con05.aos-animate .history-tab-right .bg02{}



/* ****************** 01 회사소개 :: 04 2030 VISION ********************** */
/* 탭01 2030 VISION */
.vision-con01{padding-top: 180px;}
.vision-con01 .txt-img01,
.vision-con01 .txt-img02{text-align: center; font-weight: 700; line-height: 1; font-size: 130px; letter-spacing: -0.7px; color: #006cc8;}
.vision-con01 .txt-img01{padding-right: 200px;}
.vision-con01 .txt-img02{padding-left: 200px; color: #e81212;}

.vision-con01-img{margin: 0 auto; margin-top: 140px; position: relative; width: 638px; height: 636px; background: #fff url("../images/content/vision_con01_circle.png") center/cover no-repeat;}
.vision-con01-img .img{position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -80px; height: 62px;}
.vision-con01-img .txt{position: absolute; width: 200px; text-align: center;}
.vision-con01-img .txt.txt01{top: 75px; left: 50%; margin-left: 22px;}
.vision-con01-img .txt.txt02{bottom: 75px; left: 50%; margin-left: -15px;}
.vision-con01-img .txt.txt03{top: 280px; left: -10px;}
.vision-con01-img .txt h5{font-size: 38px; font-weight: 700; letter-spacing: -0.65px; color: #fff;}
.vision-con01-img .txt p{margin-top: 10px; font-size: 17px; font-weight: 600; color: #fff;}

.vision-con01-full-img{margin: 0 auto; margin-top: 140px; text-align: center;}
.vision-con01-full-img img{display: inline-block; max-width: 100%; height: auto;}

.vision-con02{margin-top: 135px;}
.vision-con02-inner{}
.vision-con02-inner + .vision-con02-inner{margin-top: 170px;}
.vision-item-tit{position: relative; text-align: center;}
.vision-item-tit:before{position: absolute; top: 50px; right: 50%; display: block; content: ''; width: 50%; height: 2px; background-color: #0d7729; -webkit-transition: all 0.6s; transition: all 0.6s;}
.vision-item-tit:after{position: absolute; top: 50px; left: 50%; display: block; content: ''; width: 50%; height: 2px; background-color: #0d7729; -webkit-transition: all 0.6s; transition: all 0.6s;}
.inner02 .vision-item-tit:before,
.inner02 .vision-item-tit:after{background-color: #2754ae;}
.inner03 .vision-item-tit:before,
.inner03 .vision-item-tit:after{background-color: #db3c13;}
.vision-item-tit span{position: relative; z-index: 1; display: inline-block; width: 155px; height: 120px; background-color: #fff; text-align: center;}
.vision-item-tit img{display: inline-block; height: 100%;}
.inner02 .vision-item-tit img{padding-left: 15px;}
.vision-item-tit h5{margin-top: 15px; font-size: 55px; font-weight: 700; letter-spacing: -0.65px; color: #0d7729;}
.inner02 .vision-item-tit h5{color: #2754ae;}
.inner03 .vision-item-tit h5{color: #db3c13;}
.vision-item-sub-tit{margin-top: 55px; font-size: 35px; line-height: 1.3; letter-spacing: -0.75px; font-weight: 300; color: #000; text-align: center;}
.vision-item-sub-tit b{font-weight: 700;}
.vision-item-sub-tit02{font-size:24px; line-height:1.5; text-align:center; margin-top:30px; color: rgba(0,0,0,0.75);}

.vision-wrapper{width: 100%; max-width: 1270px; margin: 55px auto;}
.vision-list{margin: 0 -1.25%; display: flex; justify-content: center; flex-direction: row;}
.vision-list-item{width: 30.83%; margin: 0 1.25%; padding: 30px 10px 35px; background-color: #fff; border: 1px solid #d4d4d4; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.05); box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.05);}
.vision-list-item h5{display: table; table-layout: fixed; width: 100%; height: 3.9em; font-size: 23px; line-height: 1.3; font-weight: 700; color: #2754ae;}
.vision-list-item h5 b{display: table-cell; vertical-align: middle;}
.vision-list-item p{margin-top: 10px; font-size: 19px; line-height: 1.5; letter-spacing: -0.75px; color: rgba(0,0,0,0.75);}

.value-wrapper{width: 100%; max-width: 1270px; margin: 80px auto;}
.value-list{margin: 0 -1.25%; display: flex; justify-content: center; flex-direction: row;}
.value-list-item{width: 30.83%; margin: 0 1.25%; padding: 40px 10px 45px; background-color: #fff; border: 1px solid #d4d4d4; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.05); box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.05);}
.value-list-item h5{font-size: 28px; line-height: 1.2; letter-spacing: -0.65px; color: #cf330b;}
.value-list-item p{margin-top: 30px; font-size: 18px; line-height: 1.6; letter-spacing: -0.75px; color: rgba(0,0,0,0.75);}


/* 탭02 UNID CI소개 */
.ci-con01{margin-top: 75px; border: 1px solid #dbdbdb;}
.ci-con01-top{padding: 155px 30px 120px; position: relative; text-align: center;}
.ci-con01-top > img{max-width: 40%; display: inline-block;}
.ci-download-btn-list{position: absolute; top: 50%; right: 5.8%; margin-top: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.ci-download-btn-item{}
.ci-download-btn-item + .ci-download-btn-item{margin-top: 15px;}
.ci-download-btn-item a{display: block; width: 220px; border: 1px solid #dedede; background-color: #f5f5f5; text-align: left; padding: 15px 17px 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 3px 3px 0 0 #f5f5f5; box-shadow: 3px 3px 0 0 #f5f5f5; -webkit-transition: all 0.3s; transition: all 0.3s;}
.ci-download-btn-item a i, .ci-download-btn-item a b, .ci-download-btn-item a span{display: inline-block; line-height: 30px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.ci-download-btn-item a i{font-size: 20px; color: #000; float: left;}
.ci-download-btn-item a b{margin-left: 10px; font-size: 14px; color: #000; float: left;}
.ci-download-btn-item a span{float: right; font-size: 15px; font-weight: 600; color: rgba(0,0,0,0.25);}

@media all and (min-width:801px){
	.ci-download-btn-item a:hover{background-color: #000;}
	.ci-download-btn-item a:hover i,
	.ci-download-btn-item a:hover b,
	.ci-download-btn-item a:hover span{color: #fff;}
}

.ci-con01-bottom{padding: 65px 9.2%; background-color: #f6f6f6; font-size: 0;}
.ci-con01-bottom dl{display: inline-block; vertical-align: top;}
.ci-con01-bottom dl + dl{margin-left: 16%;}
.ci-con01-bottom dt{display: inline-block; vertical-align: top; font-size: 33px; font-weight: 700; color: #282828;}
.ci-con01-bottom dd{margin-left: 45px; display: inline-block; vertical-align: top; font-size: 21px; line-height: 1.4; letter-spacing: -0.75px; color: #000;}

.ci-con02{margin-top: 210px;}
.ci-con02-top{display: flex; flex-wrap: wrap; align-items: center;}
.ci-con02-top .left{width: 50%; padding: 0 9.9%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ci-con02-top .left h5{font-size: 40px; line-height: 1.37; font-weight: 700; letter-spacing: -2px; color: #000; text-align: justify;}
.ci-con02-top .left h5 b{color: #006cc8; letter-spacing: -0.75px;}
.ci-con02-top .left p{margin-top: 15px; font-size: 18px; line-height: 1.5; letter-spacing: -1.5px; color: #303030;}
.ci-con02-top .right{width: 50%; padding-left: 5.9%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ci-con02-top .right ul{}
.ci-con02-top .right ul li{position: relative; padding-left: 60px; font-size: 20px; line-height: 1.6; letter-spacing: -0.75px; color: #303030;}
.ci-con02-top .right ul li + li{margin-top: 30px;}
.ci-con02-top .right ul li span{position: absolute; top: -8px; left: 0; width: 44px; height: 44px; line-height: 44px; display: block; font-size: 14px; color: #fff; font-style: italic; background-color: #3f3f3f; text-align: center; -webkit-border-radius: 100%; border-radius: 100%;}

.ci-con02-bottom{margin-top: 145px;}
.ci-con02-inner{}
.ci-con02-inner + .ci-con02-inner{margin-top: 70px;}
.ci-con02-inner > .tit{font-size: 20px; font-weight: 700; color: #000;}
.ci-con02-bottom-box{padding: 95px 6.5%; margin-top: 25px; border: 1px solid #dbdbdb;}
.ci-con02-bottom-list{display: flex; flex-wrap: wrap;}
.ci-con02-bottom-item{width: 50%; padding: 0 3.5%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0;}
.ci-color-bg{width: 195px; height: 85px; display: inline-block; vertical-align: top;}
.ci-color-txt{margin-left: 50px; display: inline-block; vertical-align: top; width: calc(100% - 245px);}
.ci-color-txt h5{font-size: 19.5px; line-height: 1.3; letter-spacing: -1.25px; color: rgba(0,0,0,0.87);}
.ci-color-txt h5 b{margin-bottom: 10px; display: block; font-size: 30px; font-weight: 700; letter-spacing: 0px;}
.ci-color-txt dl{margin-top: 35px; font-size: 0;}
.ci-color-txt dl + dl{margin-top: 10px;}
.ci-color-txt dl dt, .ci-color-txt dl dd{display: inline-block; vertical-align: top; font-size: 13px; line-height: 1.4; color: #181818;}
.ci-color-txt dl dt{width: 105px;}
.ci-color-txt dl dd{width: calc(100% - 105px); opacity: 0.81;}

.ci-logo-list{display: flex; flex-wrap: wrap; align-items: center;}
.ci-logo-list li{width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ci-logo-list li.full{width: 50%; padding: 0 3.9%;}
.ci-logo-list li:nth-child(2){padding-left: 3.9%;}
.ci-logo-list li:nth-child(3){text-align: right; padding-right: 3.9%;}
.ci-logo-list li img{max-width: 90%; display: inline-block;}
.ci-logo-list li.full img{max-width: 80%;}


/* ****************** 01 회사소개 :: 06 글로벌 네트워크 ********************** */
/* 해외 네트워크 */
.global-page .sub-tab-list-style ul li{border-right:1px solid #e0e0e0;}
#tabGlobalCon02{padding-bottom: 90px;}
.global-top-con{padding: 0 2.45%; border: 1px solid #e0e0e0; border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
.global-top-tbl{width: 100%; table-layout: fixed;}
.global-top-tbl tr{border-top: 1px solid #e0e0e0;}
.global-top-tbl tr:first-child{border-top: none;}
.global-top-tbl th, .global-top-tbl td{padding: 30px 0; text-align: left;}
.global-top-tbl th{font-size: 18px; line-height: 1.3; font-weight: 700; letter-spacing: -0.5px; color: #000; width: 17.55%; padding: 0 2% 0 5%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.global-top-tbl td{width: 82.45%;}
.global-top-tbl td ul{font-size: 0; margin: -5px;}
.global-top-tbl td ul li{position: relative; display: inline-block; margin: 5px; margin-right: 100px;}
.global-top-tbl tr:first-child td ul li{margin-right: 55px;}
.global-top-tbl td ul li:before{position: absolute; top: 50%; margin-top: -9px; right: -49px; display: block; content: ''; width: 2px; height: 18px; background-color: #dcdcdc; skew(-15deg); transform: skew(-15deg);}
.global-top-tbl tr:first-child td ul li:before{right: -28px;}
.global-top-tbl td ul li:last-child:before{display: none;}
.global-top-tbl td ul li a{display: inline-block; font-size: 17.5px; line-height: 1.5; font-weight: 500; letter-spacing: -0.75px; color: #242424; -webkit-transition: all 0.2s; transition: all 0.2s;}
.global-top-tbl td ul li a b{font-size: 16px; font-weight: 700;}
.global-top-tbl td ul li a.active{color: #006cc8;}

@media all and ( min-width: 801px ){
	.global-top-tbl td ul li a:hover{color: #006cc8;}
}

/* 지도 */
.global-bottom-con{margin-top: 75px;}
.sub-global-map-m{display: none;}
.sub-global-map{position:relative; width: 100%; max-width: 1530px; margin: 0 auto; height: 769px;}
.sub-global-map .bg{position: absolute; top: 0; left: 50%; margin-left: -765px; width: 1530px; height: 769px; background: url("../images/content/sub_map_bg02.jpg") center/cover no-repeat;}
.sub-global-nation-box{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index: 1;}

.global-circle{position:absolute; left:50%; top:50%; display:inline-block; width: 36px; height: 36px;}
.global-circle.cir01{margin-left: -574px; margin-top: -114px;}
.global-circle.cir02{margin-left: -386px; margin-top: -18px;}
.global-circle.cir03{margin-left: -257px; margin-top: 33px;}
.global-circle.cir04{margin-left: -250px; margin-top: 107px;}
/* 검은색 */
.global-circle.cir05{margin-left: -226px; margin-top: -28px;}
.global-circle.cir06{margin-left: -206px; margin-top: -36px;}
.global-circle.cir07{margin-left: -193px; margin-top: 13px;}
.global-circle.cir08{margin-left: -118px; margin-top: -85px;}
.global-circle.cir09{margin-left: 385px; margin-top: -55px;}
.global-circle.cir10{margin-left: 457px; margin-top: 114px;}
/* 빨간색 */
.global-circle.cir11{margin-left: -251px; margin-top: -47px;}
.global-circle.cir12{margin-left: -227px; margin-top: -63px;}
.global-circle.cir13{margin-left: -202px; margin-top: -55px;}

.global-circle:before{position:absolute; top: 0; left: 0; margin-left: 0; content: "\eb59"; font-size: 36px; color: #006a52; font-family:xeicon;}
.global-circle:after{position: absolute; bottom: -6px; left: 50%; display: block; content: ''; width: 22px; height: 10px; background: url("../images/content/cir_shadow01.png") 0 0 no-repeat;}
.global-circle.cir11:after,
.global-circle.cir13:after{background: url("../images/content/cir_shadow02.png") 0 0 no-repeat;}

.global-circle.cir01:before,
.global-circle.cir05:before,
.global-circle.cir06:before,
.global-circle.cir07:before,
.global-circle.cir09:before{color: #3a3b3b;}
.global-circle.cir11:before,
.global-circle.cir12:before,
.global-circle.cir13:before{color: #e81212;}

.global-circle span{position: absolute; top: 9px; left: 50%; margin-left: -5px; display: block; content: ''; width: 10px; height: 10px; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%;}


/* 국내 사업장 */
#tabGlobalCon01{padding-bottom: 90px;}
.global-top-con.domestic{padding: 0;}
.domestic .global-top-tbl td{width: 100%; text-align: center;}
.domestic .global-top-tbl tr td ul li{margin: 5px 50px;}
.domestic .global-top-tbl tr td ul li:before{right: -51px;}

/* 지도 */
.global-bottom-con01{margin-top: 50px;}
.sub-global-map01{position:relative; width: 100%; max-width: 914px; margin: 0 auto; height: 833px;}
.sub-global-map01 .bg{position: absolute; top: 0; left: 50%; margin-left: -457px; width: 914px; height: 833px; background: url("../images/content/sub_map_bg01.jpg") center/cover no-repeat;}
.sub-global-nation-box01{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index: 1;}

.domestic-circle{position:absolute; left:50%; top:50%; display:inline-block; width: 36px; height: 36px;}
.domestic-circle.cir01{margin-left: -94px; margin-top: -277px;}
.domestic-circle.cir02{margin-left: -70px; margin-top: -257px;}
.domestic-circle.cir03{margin-left: -132px; margin-top: -28px;}
.domestic-circle.cir04{margin-left: 208px; margin-top: 35px;}

.domestic-circle:before{position:absolute; top: 0; left: 0; margin-left: 0; content: "\eb59"; font-size: 36px; color: #006a52; font-family:xeicon;}
.domestic-circle:after{position: absolute; bottom: -6px; left: 50%; display: block; content: ''; width: 22px; height: 10px; background: url("../images/content/cir_shadow01.png") 0 0 no-repeat;}

.domestic-circle span{position: absolute; top: 9px; left: 50%; margin-left: -5px; display: block; content: ''; width: 10px; height: 10px; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%;}


/* ****************** 01 회사소개 :: 07 영업소 ********************** */
.cm-company-store-tit{font-size: 26px; line-height: 1.3; letter-spacing: -0.65px; color: #000;}
/* 화학사업부 */
.store-con01{padding-top: 20px;}
.store-con01 .store-table td a{border-bottom: none;}

/* 보드사업부 */
.store02-con01{padding-top: 70px;}
.store-table{width: 100%; border-bottom: 1px solid #c4c4c4;}
.store-table th, .store-table td{line-height: 1.3; letter-spacing: -0.5px; color: #000; text-align: center; font-family: 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.store-table th{padding: 30px 10px; font-size: 18.5px; font-weight: 500; border-top: 2px solid #000; border-bottom: 1px solid #c4c4c4;}
.store-table td{padding: 17px 10px; font-size: 18px; border: 1px solid #e8e8e8; border-bottom: none;}
.store-table tr:last-child td{border-bottom: 1px solid #c4c4c4;}
.store-table td b{font-weight: 500;}
.store-table td a{display: inline-block; line-height: 1.1; color: #262626; border-bottom: 1px solid #262626;}
.store-table .bgc-gray{background-color: #f7f7f7;}
.store-table .bdl-none{border-left: none;}
.store-table .bdr-none{border-right: none;}
.store-table .bdt-gray{border-top-color: #c4c4c4;}

/* 보드사업부 :: 지도 */
.store02-con02{padding-top: 105px;}
.store-list-style05-map{max-width: 1145px; margin: 0 auto;}
#mapImageCon{float:left; width:45%; padding-left: 5%; text-align:left; margin-top:20px;}
#storeSearchCon{float:left; width:50%;}
.store-list-style05-wrapper .map-search-tit{display:block; font-weight:500; font-size:20px; letter-spacing:-0.25px; color:#222; margin-bottom:15px;}
.store-list-style05-wrapper .map-search-sub-txt{font-weight:400; font-size:15px; letter-spacing:-0.25px; color:#555; line-height:1.5}
/* 지도 :: 검색 */
.store-list-style05-map .map-search-con{padding:0 40px; border:1px solid #ddd; margin-bottom:20px;}
.store-list-style05-map .map-search-sec{padding:55px 0;}
.store-list-style05-map .map-search-sec:first-child{border-bottom:1px solid #e2e2e2;}
.store-list-style05-map .store-search-tbl{width:100%}
.store-list-style05-map .store-search-tbl th,
.store-list-style05-map .store-search-tbl td{padding:5px 0; text-align:left; font-size:15px; color:#222; font-weight:400}
.store-list-style05-map .store-search-tbl td input[type="text"],
.store-list-style05-map .store-search-tbl td select{height:50px; border:1px solid #ddd;}
.store-list-style05-map .store-search-tbl td .area-select-con{margin:0 -5px}
.store-list-style05-map .store-search-tbl td .area-select-con select{float:left; width:calc(50% - 10px); margin:0 5px;}
.store-list-style05-map .store-search-tbl td input[type="text"]{width:calc(100% - 125px);}
.store-list-style05-map .search-btn{display:inline-block; height:50px; line-height:30px; width:115px; text-align:center; background-color:#222; color:#fff; margin-left:5px; vertical-align:middle;}
/* 지도 :: 검색결과 */
#mapResultList{margin-top:50px}
#mapResultList .store-table th {border-top-color: #006cc8;}





/* ****************** 02 사업부소개 :: 01 화학사업부(CA) :: 01 사업소개 ********************** */
.business-list-page{padding-bottom: 130px;}
.ca-con01{position: relative; padding: 80px 5.6%; background: url("../images/content/ca_con01_bg.jpg") 20% 50% no-repeat; -webkit-background-size: cover; background-size: cover;}
.ca-con01-img{display: none;}
.ca-con01-txt{text-align: right;}
.ca-con01-txt .tit{font-size: 41px; letter-spacing: -0.5px; font-weight: 700; color: #000;}
.ca-con01-txt .tit span{font-weight: 400;}
.ca-con01-txt .txt{margin-top: 30px; font-size: 19px; line-height: 1.7; letter-spacing: -0.5px; color: #000;}
.ca-con01-btn{position:absolute; bottom: 0; right: 0; width: 355px; padding: 15px 25px 15px 40px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ca-con01-btn a{position: relative; display: table; table-layout: fixed; width: 100%; height: 70px;}
.ca-con01-btn a + a{border-top: 1px solid #dbdbdb;}
.ca-con01-btn a span{padding: 0 90px 0 35px; font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -0.65px; color: #2b2b2b; display: table-cell; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s;}
.ca-con01-btn a em{position: absolute; top: 50%; margin-top: -13px; right: 30px; width: 35px; height: 26px; text-align: center; display: block;}
.ca-con01-btn a em:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; -webkit-transform: skew(-10deg); transform: skew(-10deg); background-color: #006cc8; -webkit-box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1); box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1); -webkit-transition: all 0.3s; transition: all 0.3s;}
.ca-con01-btn a .bgc-red:before{background-color: #e81212;}
.ca-con01-btn a em i{position: relative; z-index: 1; font-size: 16px; line-height: 26px; color: #fff;}

@media all and ( min-width: 801px ){
	.ca-con01-btn a:hover em:before{-webkit-transform: skew(0); transform: skew(0); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 0 rgba(0,0,0,0.1);}
	.ca-con01-btn a:hover span{-webkit-transform: translateX(-5px); transform: translateX(-5px);}
}

.cm-prd-list-con{margin-top: 90px; padding: 55px 0 35px; background-color: #f9f9f9;}
.cm-prd-wrapper{}
.cm-prd-list{margin: 0 -10px; text-align: center; font-size: 0;}
.cm-prd-item{display: inline-block; width: calc(16.66% - 20px); margin: 0 10px;}
.col-5 .cm-prd-item{width: calc(20% - 20px);}
.cm-prd-item a{display: block;}
.cm-prd-img{position: relative; width: 100%; height: 0; padding-top: 66.62%; overflow: hidden;}
.cm-prd-img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-transition: all 0.3s; transition: all 0.3s;}
.cm-prd-txt{margin-top: 15px; font-size: 19px; line-height: 1.3; letter-spacing: -0.5px; color: #222; text-align: center;}

@media all and ( min-width: 801px ){
	.cm-prd-item a:hover .cm-prd-img span{-webkit-transform: scale(1.08); transform: scale(1.08);}
}

.ca-con02{padding-top: 145px;}
.cm-product-tit02{margin-bottom: 25px; position: relative; padding-left: 22px; display: inline-block; font-size: 29px; font-weight: 700; letter-spacing: -0.5px; color: #000;}
.cm-product-tit02:before{position: absolute; top: -3px; left: 0; display: block; content: ''; width: 14px; height: 14px; border-radius: 50%; background-color: #006cc8; -webkit-transform: skew(-15deg); transform: skew(-15deg); -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,0.1); box-shadow: 4px 4px 0 0 rgba(0,0,0,0.1);}
.ca-con02-tit .sub-tit{font-size: 25px; font-weight: 500; line-height: 1.3; letter-spacing: -0.5px; color: #000;}
.ca-con02-tit .txt{margin-top: 20px; font-size: 18.5px; line-height: 1.3; letter-spacing: -0.5px; color: #303030;}

.ca-process-box{padding: 130px 20px 105px; margin-top: 30px; border: 1px solid #dbdbdb;}
.ca-process-box .img-group{position: relative; width: 1201px; height: 733px; margin: 0 auto;}
.ca-process-box .img-group img{position: absolute; top: 0;}
.ca-process-box .img-group .img01{left: 0;}
.ca-process-box .img-group .img02{left: 264px;}
.ca-process-box .img-group .img03{right: 0;}
.ca-process-box .m-img{display: none;}

.ca-process-box02{padding: 80px 20px; border: 1px solid #dbdbdb; border-top: none; background-color: #f6f6f6;}
.ca-process-box02 .prc-group{width: 1260px; margin: 0 auto;}
.ca-process-box02 .prc-group li{position: relative; width: 100%; height: 90px; background-color: #fff; -webkit-border-radius: 90px; border-radius: 90px; text-align: center; font-size: 0;}
.ca-process-box02 .prc-group li + li{margin-top: 60px;}
.ca-process-box02 .prc-group li span{display: inline-block; vertical-align: middle; font-size: 20px; letter-spacing: -0.25px; color: #000;}
.ca-process-box02 .prc-group li .txt{line-height: 90px;}
.ca-process-box02 .prc-group li .txt1-1{}
.ca-process-box02 .prc-group li .img1-1{margin: 0 45px 0 65px;}
.ca-process-box02 .prc-group li .txt1-2{}
.ca-process-box02 .prc-group li .img1-2{margin: 0 90px 0 45px;}
.ca-process-box02 .prc-group li .txt1-3{}
.ca-process-box02 .prc-group li .img-down{position: absolute; left: 50%; margin-left: -16px; bottom: -50px;}

.ca-process-box02 .prc-group li .txt2-1{}
.ca-process-box02 .prc-group li .img-down2{position: absolute; left: 50%; margin-left: -16px; bottom: -50px;}
.ca-process-box02 .prc-group li .img-down2:before{position: absolute; top: 50%; margin-top: -8px; left: 32px; font-size: 16px; line-height: 1; font-weight: 400; letter-spacing: -0.25px; color: #000; content: attr(data-label);}

.ca-process-box02 .prc-group li .txt3-1{}
.ca-process-box02 .prc-group li .img3-1{padding-top: 17px; position: relative; margin: 0 70px 0 30px;}
.ca-process-box02 .prc-group li .img3-1:before{position: absolute; top: 0; left: 28px; font-size: 16px; line-height: 1; font-weight: 400; letter-spacing: -0.25px; color: #000; content: attr(data-label);}
.ca-process-box02 .prc-group li .txt3-2{}
.ca-process-box02 .prc-group li .img3-2{padding-top: 17px; position: relative; margin: 0 15px 0 80px;}
.ca-process-box02 .prc-group li .img3-2:before{position: absolute; top: 0; left: 28px; font-size: 16px; line-height: 1; font-weight: 400; letter-spacing: -0.25px; color: #000; content: attr(data-label);}
.ca-process-box02 .prc-group li .txt3-3{}

.ca-process-box02 .m-img{display: none;}

.ca-step-list{}
.ca-step-list li{margin-top: 60px; position: relative; padding-left: 90px;}
.ca-step-list li + li{margin-top: 45px;}
.ca-step-list li span{font-size: 60px; font-weight: 700; letter-spacing: -0.25px; color: #ddd; position: absolute; top: -10px; left: 0; display: inline-block;}
.ca-step-list li h5{margin-bottom: 13px; font-size: 24px; font-weight: 700; letter-spacing: -0.5px; color: #000;}
.ca-step-list li p{position: relative; padding-left: 20px; font-size: 18px; line-height: 1.3; letter-spacing: -0.5px; color: #666;}
.ca-step-list li p + p{margin-top: 12px;}
.ca-step-list li p:before{position: absolute; top: 8px; left: 0; display: block; content: ''; width: 5px; height: 8px; background-color: #006cc8; -webkit-transform: skew(-15deg); transform: skew(-15deg);}


/* bt ver. */
.bt-con01{padding: 90px 5.6% 80px; background: url("../images/content/bt_con01_bg.jpg") 20% 50% no-repeat; -webkit-background-size: cover; background-size: cover;}
.bt-con01-img{position: absolute; top: -170px; right: 5.9%; width: 192px; filter: drop-shadow(24px 24px 29px rgba(0,0,0,0.24))}
.bt-con01 .ca-con01-txt .tit{color: #fff;}
.bt-con01 .ca-con01-txt .txt{color: rgba(255,255,255,0.84);}

.bt-con02 .ca-con02-tit .txt{margin-top: 0;}
.bt-process-box{padding: 60px 0 70px; margin-top: 30px; border: 1px solid #dbdbdb; background-color: #fff;}
.bt-process-box .img-group02{position: relative; width: 100%; height: 780px;}
.img-group02-m{display:none;}
.bt-process-box .img-group02 .img{display: block; position: absolute;}
.bt-process-box .img-group02 .img01{top: 0; left: 90px;}
.bt-process-box .img-group02 .img01-arrow{top: 90px; left: 565px;}
.bt-process-box .img-group02 .img02{top: 0; left: 744px;}
.bt-process-box .img-group02 .img02-arrow{top: 400px; left: 1035px;}
.bt-process-box .img-group02 .img02-arrow img{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.bt-process-box .img-group02 .img03{top: 470px; left: 744px;}
.bt-process-box .img-group02 .img03-arrow{top: 550px; left: 540px;}
.bt-process-box .img-group02 .img03-arrow img{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.bt-process-box .img-group02 .img04{top: 470px; left: 90px;}
.bt-process-box .img-group02 span{display: block; margin: 10px auto; width: 30px; height: 30px; font-size: 16px; color: #fff; line-height: 30px; text-align: center; background-color: #0e6e39; -webkit-border-radius: 100%; border-radius: 100%;}
.bt-process-box .img-group02 p{font-size: 24px; line-height: 1.3; font-weight: 500; letter-spacing: -0.5px; color: #000; text-align: center;}


/* ****************** 02 사업소개  ********************** */
/* 탭01 */
.product-view-tab-con{}
.product-view-tab-con > div{padding-top: 140px;}
.product-view-tab-con .product-view-con01{padding-top: 0; margin-bottom: 110px;}

.cm-product-tit{text-align: left; margin-bottom: 25px;}
.cm-product-tit h5{position: relative; padding-left: 20px; display: inline-block; font-size: 35px; font-weight: 700; letter-spacing: -0.5px; color: #000;}
.cm-product-tit h5:before{position: absolute; top: -3px; left: 0; display: block; content: ''; width: 15px; height: 15px; border-radius: 50px; background-color: #006cc8; -webkit-transform: skew(-15deg); transform: skew(-15deg); -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,0.1); box-shadow: 4px 4px 0 0 rgba(0,0,0,0.1);}

/* 라인업 소개 타이틀 ver */
.cm-product-tit.link-tit{}
.cm-product-tit.link-tit h5:before{display: none;}
.cm-product-tit.link-tit a{position: relative; color: #000; line-height: 1.3; border-bottom: 2px solid transparent; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;}
.cm-product-tit.link-tit a:before{position: absolute; top: -3px; left: -20px; display: block; content: ''; width: 10px; height: 14px; background-color: #006cc8; -webkit-transform: skew(-15deg); transform: skew(-15deg); -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,0.1); box-shadow: 4px 4px 0 0 rgba(0,0,0,0.1);}
.cm-product-tit.link-tit i{display: inline-block; vertical-align: middle; position: relative; top: -5px; margin-left: 10px; font-style: normal;}
/* // */

@media all and ( min-width: 801px ){
	.cm-product-tit.link-tit a:hover{color: #006cc8; border-bottom-color: #006cc8;}
}

.product-view-tab-con .product-view-con01{margin-top: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.product-view-img{width: 47.81%;}
.product-view-img img{width: 100%; height: auto; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-view-txt{width: 52.19%; padding: 0 10%; padding-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-view-txt .tit{font-size: 60px; line-height: 1.1; font-weight: 700; letter-spacing: -0.35px; color: #000;}
.product-view-txt .sub-tit{margin-top: 20px; font-size: 35px; line-height: 1.2; color: #006cc8;}
.product-view-txt .txt{margin-top: 25px; font-size: 25px; line-height: 1.6; font-weight: 500; letter-spacing: -0.75px; color: #282828;}

.product-view-tab-con .product-view-con02{padding-top: 0px;}
.product-view-con02-wrapper{}
.product-view-con02-list{display: flex; flex-wrap: wrap; justify-content: center;}
.product-view-con02-item{width: 230px; margin: 0 13px; padding: 55px 15px; background-color: #f4f4f4; border: 1px solid #e4e4e4; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-view-con02-item img{display: inline-block; height: 55px;}
.product-view-con02-item h5{margin-top: 40px; display: block; width: 100%; font-size: 21px; line-height: 1.3; font-weight: 500; letter-spacing: -0.65px; color: #171717;}

.sub-tab-con.tab-none{margin-top: -140px;}
.product-view-tab-con .product-view-con03{padding-top: 150px;}
.product-view-sub-tit{margin-top: -25px; font-size: 19px; line-height: 1.3; font-weight: 500; letter-spacing: -0.65px; color: #232323; text-align: center;}
.product-view-con03-tit{margin: 75px 0 35px; position: relative; padding-left: 15px; font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -0.5px; color: #000;}
.product-view-con03-tit:before{position: absolute; top: 10px; left: 0; display: block; content: ''; width: 6px; height: 6px; background-color: #006cc8; -webkit-border-radius: 100%; border-radius: 100%;}
.product-view-con03-wrapper{}
.product-view-con03-list{margin: 0 -1.2%; font-size: 0; text-align: center;}
.product-view-con03-item{width: 17.6%; margin: 0 1.2%;  display: inline-block; vertical-align: top;}
.product-view-con03-item .img{position: relative; width: 100%; height: 0; padding-top: 68.86%;}
.product-view-con03-item .img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.product-view-con03-item .txt{margin: 20px 0; text-align: left;}
.product-view-con03-item .txt p{font-size: 16px; line-height: 1.3; letter-spacing: -0.5px; color: #303030; text-align: center;}

.product-view-tab-con .product-view-con04{padding-top: 0px;}
.product-view-tab-con .product-view-con05{padding-top: 0px;}
.product-view-con05 .bt-certification-con01, .product-view-con05 .ca-certification-con01 {margin-top: -50px;}
.product-view-con05 .report-con01-txt .tit{margin: 10px 0; height: 60px;}
.product-view-con05 .report-con01-txt .tit h5 {font-size: 15px;  line-height: 20px;}
.product-view-con05 .report-con01-txt .tit h5 b{display: inline-block; font-weight: 600; max-height: 60px; overflow: hidden;}

.product-btn-list{text-align: center; font-size: 0;}
.product-btn-list li{display: inline-block; width: 220px; margin: 0 25px;}
.product-btn-list li a{position: relative; display: table; table-layout: fixed; width: 100%; height: 82px; background-color: #fff; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 9px 14px 21px -10px rgba(0,0,0,0.09); box-shadow: 9px 14px 21px -10px rgba(0,0,0,0.09); -webkit-transition: all 0.3s; transition: all 0.3s;}
.product-btn-list li a span{padding: 0 35px; font-size: 18px; line-height: 1.3; letter-spacing: -0.65px; color: #2b2b2b; display: table-cell; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s;}
.product-btn-list li a em{position: absolute; top: 50%; margin-top: -13px; right: -17.5px; width: 35px; height: 26px; text-align: center; display: block;}
.product-btn-list li a em:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; -webkit-transform: skew(-10deg); transform: skew(-10deg); background-color: #006cc8; -webkit-box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1); box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1); -webkit-transition: all 0.3s; transition: all 0.3s;}
.product-btn-list li a .bgc-red:before{background-color: #e81212;}
.product-btn-list li a em i{position: relative; z-index: 1; font-size: 16px; line-height: 26px; color: #fff;}

@media all and ( min-width: 801px ){
	.product-btn-list li a:hover{background-color: rgba(216,216,216,0.15);}
	.product-btn-list li a:hover em:before{-webkit-transform: skew(0); transform: skew(0); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 0 rgba(0,0,0,0.1);}
	.product-btn-list li a:hover span{-webkit-transform: translateX(-5px); transform: translateX(-5px);}
}


.cm-product-view-item + .cm-product-view-item{margin-top: 85px;}
.cm-product-view-item .tit{position: relative; padding-left: 16px; font-size: 22px; line-height: 1.3; letter-spacing: -0.5px; color: #000; font-weight: 500; margin: 0;}
.cm-product-view-item .tit:before{position: absolute; top: 10px; left: 0; width: 6px; height: 6px; background-color: #09814a; display: block; content: ''; -webkit-border-radius: 100%; border-radius: 100%;}
.cm-product-view-item .sub-tit{margin-top: 20px; font-size: 17.5px; line-height: 1.8; letter-spacing: -0.5px; color: #303030;}
.cm-product-view-item .table-tit{margin-top: 30px; font-size: 17.5px; line-height: 1.8; letter-spacing: -0.5px; color: #006cc8; display: block;}
.cm-product-view-item .editor-table-box{overflow-x: hidden;}
.cm-product-view-item table{margin-top: 10px; border-collapse: collapse;}

.cm-product-view-item.txt-img{position: relative; padding-right: 360px;}
.cm-product-left-txt{}
.cm-product-right-img{position: absolute; top: 50%; margin-top: -87px; right: 0;}
.cm-product-right-img span{display: block; position: relative; width: 332px; height: 174px;}

.cm-product-view-item.img-txt-item{font-size: 0; display: flex; align-items: center; flex-direction: row-reverse;}
.cm-product-view-item.img-txt-item + .cm-product-view-item.img-txt-item{margin-top: 60px;}
.img-txt-item-img{width: 332px;}
.img-txt-item-img div{display: block; width: 100%; height: 336px;}
.img-txt-item-txt{padding-left: 4.6% !important; width: calc(100% - 332px); -webkit-box-sizing: border-box; box-sizing: border-box;}
.img-txt-item-txt .tit{position: static; padding-left: 0; height: 38px;}
.img-txt-item-txt .tit img{height: 100%;}
.img-txt-item-txt .tit:before{display: none;}
.img-txt-item-txt .sub-tit{margin-top: 22px; font-size: 20px; line-height: 1.3; letter-spacing: -0.35px; font-weight: 500; color: #000;}
.img-txt-item-txt .txt{margin-top: 20px; font-size: 17.5px; line-height: 1.8; letter-spacing: -0.5px; color: #303030;}
.img-txt-item-txt .txt span{margin-top: 15px; display: block; font-size: 16px; color: #888;}

/* 특허 및 인증서 */
.certifi-list-style04{padding-top: 25px;}
.certifi-list-style04 > ul{margin:0 -1%;}
.certifi-list-style04 > ul li{float:left; width:18%; margin:0 1% 70px 1%;}
.certifi-list-style04 .certifi-img-thumb{position:relative; padding-top:130%; border:1px solid #ddd;}
.certifi-list-style04 .certifi-img-thumb > span img{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;}
.certifi-list-style04 .certifi-img-thumb .certifi-over-box{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:2px solid #006cc8;opacity:0;filter:Alpha(opacity=0); visibility:hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.certifi-img-thumb .certifi-over-box i{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; width:50px; height:50px; background-color:#006cc8; text-align:center; line-height:50px; color:#fff; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.certifi-list-style04 > ul li a:hover .certifi-img-thumb .certifi-over-box{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
.certifi-list-style04 .certifi-tit{font-size:16px; line-height:22px; color:#444; font-weight:400; letter-spacing:-0.5px; text-align:center; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-top:17px;}
.product-view-con05-btn{padding-top: 40px; text-align: center;}
.product-view-con05-btn a{display: inline-block; width: 185px; height: 55px; font-size: 18px; line-height: 55px; letter-spacing: -0.5px; font-weight: 500; color: #fff; text-align: center; background-color: #404040;}

@media all and (max-width:800px){
	.certifi-list-style04{padding-top: 10px;}
	.certifi-list-style04{max-width:480px; margin:0px auto;}
    .certifi-list-style04 > ul li{width:48%; margin:0 1% 35px 1%;}
    .certifi-tit{height:30px; line-height:30px; font-size:15px; padding-top:10px;}
	.product-view-con05-btn{padding-top: 20px;}
	.product-view-con05-btn a{width: 120px; height: 40px; font-size: 14px; line-height: 40px;}
}


/* ****************** 03 투자정보 :: 01 경영정보 ********************** */
/* 회사정관 및 기타규정 */
.ir-info-con01{margin-top: 70px;}

/* 주주 */
.ir-info02-con01{margin-top: 145px;}
.ir-info02-con01 .cm-product-tit02 span{margin-left: 12px; font-size: 18px; font-weight: 500; letter-spacing: -0.5px; color: rgba(0,0,0,0.6);}
.ir-info02-con01-img{margin-top: 40px; position: relative; width: 100%; height: 540px;}
.ir-info02-con01-img:before{position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 100%; background-color: #f4f4f4; /* -webkit-transition: width 0.8s; transition: width 0.8s; */}
.ir-info02-con01-img img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 75%; /* opacity: 0; transform: scale(.7); transition-property: opacity,transform; transition-timing-function: cubic-bezier(.175,.885,.32,1.275); transition-duration: 1s; */}
/* .ir-info02-con01-img.aos-animate:before{width: 100%; transition-delay: .2s;}
.ir-info02-con01-img.aos-animate img{opacity: 1; transform: translateZ(0) scale(1); transition-delay: .5s;} */

.ir-info02-con02{margin-top: 155px;}
.ir-info02-con02-item{}
.ir-info02-con02-item + .ir-info02-con02-item{margin-top: 95px;}
.ir-info02-info{margin-top: 30px;}


/* ****************** 03 투자정보 :: 02 재무정보 ********************** */
#financialInfo01, #financialInfo02{margin-top: 100px;}


/* ****************** 03 투자정보 :: 04 공시자료 ********************** */
/* 전자공고 */
.ir-public-info-con01{margin-top: 110px;}

/* 공시정보 관리규정 */
.ir-public-info-con02{margin-top: 130px;}
.public-info-policy-box{padding: 50px 3.3%; border: 1px solid #d6d6d6; background-color: #fff;}
.public-info-policy-scroll{height: 700px;}
.public-info-policy-top{padding: 20px 3%; border-top: 2px solid #116e39; background-color: #f4f4f4;}
.public-info-policy-top h5{font-size: 28px; line-height: 1.3; font-weight: 700; letter-spacing: -0.5px; color: #000;}
.public-info-policy-bottom{padding: 45px 3% 0;}
.public-info-policy-bottom + .public-info-policy-top{margin-top: 50px;}
.public-info-policy-item + .public-info-policy-item{margin-top: 50px;}
.public-info-policy-item .tit{padding-bottom: 19px; border-bottom: 1px solid #e1e1e1;}
.public-info-policy-item .tit h5{position: relative; padding-left: 20px; font-size: 22px; line-height: 1.3; letter-spacing: -0.5px; color: #000;}
.public-info-policy-item .tit h5:before{position: absolute; top: 10px; left: 2px; display: block; content: ''; width: 7px; height: 7px; background-color: #116e39; -webkit-border-radius: 100%; border-radius: 100%;}
.public-info-policy-item p{margin-top: 15px; font-size: 17.5px; line-height: 1.8; letter-spacing: -1px; color: #232323;}


/* ****************** 03 투자정보 :: 05 IR자료실 ********************** */
.ir-data-con01{margin-top: 100px;}



/* ****************** 04 지속가능경영 :: 01 윤리경영 ********************** */
/* 윤리경영 */
.ethical-con01{margin-top: 90px;}
.ethical-con01-txt01, .ethical-con01-txt02, .ethical-con01-txt03{margin-top: 20px; font-size: 18px; line-height: 1.8; letter-spacing: -0.65px; color: #232323;}
.ethical-con01-txt01{margin-top: 0;}
.ethical-con02{margin-top: 70px;}
.ethical-con02-list{margin: -35px -2.8%; display: flex; flex-wrap: wrap;}
.ethical-con02-item{width: 44.6%; margin: 35px 2.7%; padding: 50px 4%; border: 10px solid #f2f2f2; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.ethical-con02-item .txt{}
.ethical-con02-item h5{font-size: 27px; line-height: 1.3; font-weight: 700; letter-spacing: -0.5px; color: #000;}
.ethical-con02-item p{margin-top: 15px; padding-bottom: 25px; font-size: 18px; line-height: 1.8; letter-spacing: -0.65px; color: #232323;}
.ethical-con02-item .txt p{padding: 0;}
.ethical-con02-item a{margin-top: 30px; padding: 0 55px; width: 100%; max-width: 325px; height: 65px; border: 1px solid #d4d4d4; -webkit-border-radius: 10px; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-box-shadow: 7px 7px 9px 0 rgba(0,0,0,0.06); box-shadow: 7px 7px 9px 0 rgba(0,0,0,0.06); -webkit-transition: all 0.3s; transition: all 0.3s;}
.ethical-con02-item a span{font-size: 18px; line-height: 1.3; letter-spacing: -0.75px; color: #2d2d2d; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s;}
.ethical-con02-item a i{position: absolute; top: 50%; margin-top: -10px; right: 30px; font-size: 20px; color: #2d2d2d; -webkit-transition: all 0.3s; transition: all 0.3s;}

@media all and ( min-width: 801px ){
	.ethical-con02-item a:hover{background-color: #226cbe;}
	.ethical-con02-item a:hover span, .ethical-con02-item a:hover i{color: #fff;}
}



/* 신문고 */
.accusation-con01{margin-top: 100px;}
.accusation-con01-txt01{margin-bottom: 30px; font-size: 33px; line-height: 1.3; font-weight: 500; letter-spacing: -0.75px; color: #000;}
.accusation-con01-txt01 span{color: #006cc8;}
.accusation-con01-txt02, .accusation-con01-txt03{margin-top: 20px; font-size: 18px; line-height: 1.7; letter-spacing: -0.5px; font-weight: 500; color: #232323;}
.accusation-con02{margin-top: 40px;}
.accusation-con02-txt01{text-align: right; font-size: 14.5px; line-height: 1.3; letter-spacing: -0.5px; color: rgba(0,0,0,0.6);}
.accusation-con02-box{padding: 75px 15px 65px; margin-top: 15px; border: 10px solid #f0f0f0; background-color: #f4f4f4; text-align: center;}
.accusation-con02-btn{font-size: 0;}
.accusation-con02-btn li{display: inline-block; margin: 0 13px; width: calc(50% - 26px); max-width: 325px;}
.accusation-con02-btn li a{padding: 0 55px 0 45px; width: 100%; height: 65px; border: 1px solid #d4d4d4; background-color: #fff; -webkit-border-radius: 10px; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-box-shadow: 7px 7px 9px 0 rgba(0,0,0,0.06); box-shadow: 7px 7px 9px 0 rgba(0,0,0,0.06); -webkit-transition: all 0.3s; transition: all 0.3s;}
.accusation-con02-btn li a span{font-size: 18px; line-height: 1.3; letter-spacing: -0.75px; color: #2d2d2d; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s;}
.accusation-con02-btn li a i{position: absolute; top: 50%; margin-top: -10px; right: 30px; font-size: 20px; color: #2d2d2d; -webkit-transition: all 0.3s; transition: all 0.3s;}
.accusation-con02-txt02{margin-top: 45px; font-size: 18px; line-height: 1.7; letter-spacing: -0.5px; font-weight: 500; color: rgba(0,0,0,0.7);}
.accusation-con02-txt03{margin-top: 20px; font-size: 18px; line-height: 1.7; letter-spacing: -0.5px; font-weight: 500; color: #000;}
.accusation-con02-txt03 b{font-weight: 700;}
.accusation-con02-txt03 a{display: inline-block;}

@media all and ( min-width: 801px ){
	.accusation-con02-btn li a:hover{background-color: #226cbe;}
	.accusation-con02-btn li a:hover span, .accusation-con02-btn li a:hover i{color: #fff;}
}


/* ****************** 04 지속가능경영 :: 03 안전환경영영 ********************** */
/* 환경경영 활동 */
.safety02-con01{margin-top: 80px;}
.safety02-con01-inner + .safety02-con01-inner{margin-top: 120px;}
.safety02-sub-tit{margin-bottom: 25px; font-size: 18px; line-height: 1.7; font-weight: 500; letter-spacing: -0.65px; color: #232323;}
.safety02-txt-box{padding: 40px 5.6%; background-color: #f4f4f4;}
.safety02-txt-box + .safety02-txt-box{margin-top: 15px;}
.safety02-txt-box dl{position: relative; padding-left: 170px;}
.safety02-txt-box dl + dl{margin-top: 15px;}
.safety02-txt-box dt{width: 155px; position: absolute; top: 2px; left: 0; font-size: 20px; line-height: 1.3; font-weight: 500; letter-spacing: -0.5px; color: #0e6f39;}
.safety02-txt-box dt.fc-red{color: #af3e38;}
.safety02-txt-box dt.fc-green{color: #0e6f39;}
.safety02-txt-box dt.fc-blue{color: #0c6db1;}
.safety02-txt-box dt:before{position: absolute; top: 8px; left: -18px; display: block; content: ''; width: 6px; height: 6px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #0e6f39;}
.safety02-txt-box dt.fc-red:before{background-color: #af3e38;}
.safety02-txt-box dt.fc-green:before{background-color: #0e6f39;}
.safety02-txt-box dt.fc-blue:before{background-color: #0c6db1;}
.safety02-txt-box dd{font-size: 18px; line-height: 1.7; letter-spacing: -0.65px; font-weight: 500; color: #232323;}
.safety02-txt-box dd .year-txt{position: relative; padding-left: 75px;}
.safety02-txt-box dd .year-txt + .year-txt{margin-top: 17px;}
.safety02-txt-box dd .year-txt span{width: 55px; height: 26px; font-size: 15px; line-height: 26px; font-weight: 600; color: #fff; text-align: center; background-color: #0072ae; position: absolute; top: 1px; left: 0; display: block; -webkit-border-radius: 5px; border-radius: 5px;}
.safety02-txt-box dd .info-txt{position: relative; padding-left: 50px;}
.safety02-txt-box dd .info-txt + .info-txt{margin-top: 5px;}
.safety02-txt-box dd .info-txt span{font-weight: 700; color: #000; position: absolute; top: 1px; left: 0; display: inline-block;}
.safety02-img-box{margin-top: 100px; padding: 0 3.3%;}
.safety02-img-box ul{font-size: 0; text-align: center;}
.safety02-img-box ul li{display: inline-block; width: calc(33.33% - 20px); margin: 0 10px;}
.safety02-img-box ul li span{display: block; position: relative; width: 100%; height: 0; padding-top: 59.46%;}
.safety02-img-box ul li p{margin-top: 20px; font-size: 17px; line-height: 1.3; letter-spacing: -0.5px; color: #232323; text-align: left;}
.safety02-year-box{width: 100%; height: 487px; background: url("../images/content/safety_con02_bg.jpg") 70% center no-repeat; -webkit-background-size: cover; background-size: cover; display: flex; flex-wrap: wrap;  align-items: center;}
.safety02-year-box-inner{width: 100%; padding: 0; text-align: left;}
.safety02-year-box-inner dl{position: relative; padding-left: 175px; padding-right: 40px;}
.safety02-year-box-inner dl + dl{margin-top: 30px;}
.safety02-year-box-inner dt,
.safety02-year-box-inner dd{font-size: 18px; line-height: 1.3; letter-spacing: -0.5px; color: #fff;}
.safety02-year-box-inner dt{position: absolute; top: 0; left: 40px; font-weight: 700;}

/* 안전경영 활동 */
.safety-con01{margin-top: 75px;}
.safety-txt{font-size: 18px; line-height: 1.7; font-weight: 500; letter-spacing: -0.65px; color: #232323;}
.safety-tit{margin-top: 70px; margin-bottom: 20px; font-size: 26px; line-height: 1.3; font-weight: 700; letter-spacing: -0.5px; color: #000;}
.safety-con01-wrapper{margin-top: 40px;}
.safety-con01-list{margin: 0 -1.2%; display: flex; flex-wrap: wrap;}
.safety-con01-item{padding: 60px 45px 50px; width: 30.93%; margin: 0 1.2%; border: 1px solid #d9d9d9; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; -webkit-box-shadow: 10px 10px 9px 0px rgba(0,0,0,0.05); box-shadow: 10px 10px 9px 0px rgba(0,0,0,0.05);}
.safety-con01-img{margin: 0 auto 50px; position: relative; width: 169px; height: 169px; background: url("../images/content/safety_con01_img01.png") center/cover no-repeat;}
.safety-con01-img span{position: absolute; top: -10px; left: 0; display: block; width: 100%; font-size: 23px; font-weight:700; color: #000; text-align: center; font-style: italic;}
.safety-con01-txt{font-size: 16px; line-height: 1.9; letter-spacing: -0.65px; color: #232323;}

.safety-con01-list4{margin: 0 -1.2%; display: flex; flex-wrap: wrap;}
.safety-con01-item4{padding: 60px 45px 50px; width: 22.6%; margin: 0 1.2%; border: 1px solid #d9d9d9; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; -webkit-box-shadow: 10px 10px 9px 0px rgba(0,0,0,0.05); box-shadow: 10px 10px 9px 0px rgba(0,0,0,0.05);}

.safety-con02{}
.safety-con02-inner{padding: 230px 0; background-color: #f7f7f7;}
.safety-con02-center{margin: 0 auto; position: relative; width: 356px; height: 411px;}
.safety-con02-center.m-ver{display: none;}
.safety-con02-center img{width: 100%; height: auto;}
.safety-con02-item{}
.safety-con02-item .num{position: absolute; display: block; width: 70px; height: 70px; text-indent: -3px; font-size: 23px; line-height: 70px; text-align: center; font-weight: 700; color: #000; font-style: italic; background-color: #fff; border: 1px solid #81b135; -webkit-border-radius: 100%; border-radius: 100%;}
.safety-con02-item .txt{position: absolute;}
.safety-con02-item h5{padding-left: 20px; margin-bottom: 15px; font-size: 22px; line-height: 1.3; letter-spacing: -0.65px; font-weight: 700; color: #224886;}
.safety-con02-item p{position: relative; padding-left: 20px; font-size: 16.5px; line-height: 1.7; letter-spacing: -1px; color: #232323;}
.safety-con02-item p + p{margin-top: 5px;}
.safety-con02-item p:before{position: absolute; top: -1px; left: 0; font-size: 14px; display: inline-block; content: '\e928'; color: #224886;}

.safety-con02-item.item01 .num{top: -35px; left: 50%; margin-left: -35px;}
.safety-con02-item.item01 .txt{bottom: 470px; left: 50%; margin-left: -225px; width: 450px; text-align: center;}
.safety-con02-item.item01 h5{padding-left: 0;}
.safety-con02-item.item01 p{position: static; display: inline-block; padding-left: 0;}
.safety-con02-item.item01 p:before{position: static; margin-right: 5px;}

.safety-con02-item.item02 .num{top: 80px; left: 50%; margin-left: 130px;}
.safety-con02-item.item02 .txt{top: -20px; left: 50%; margin-left: 255px; width: 365px;}

.safety-con02-item.item03 .num{bottom: 80px; left: 50%; margin-left: 130px;}
.safety-con02-item.item03 .txt{top: 260px; left: 50%; margin-left: 255px; width: 365px;}

.safety-con02-item.item04 .num{bottom: -35px; left: 50%; margin-left: -35px;}
.safety-con02-item.item04 .txt{top: 475px; left: 50%; margin-left: -225px; width: 450px; text-align: center;}
.safety-con02-item.item04 h5{padding-left: 0;}
.safety-con02-item.item04 p{position: static; display: inline-block; padding-left: 0;}
.safety-con02-item.item04 p:before{position: static; margin-right: 5px;}

.safety-con02-item.item05 .num{bottom: 80px; left: 50%; margin-left: -200px;}
.safety-con02-item.item05 .txt{top: 260px; left: 50%; margin-left: -580px; width: 350px;}

.safety-con02-item.item06 .num{top: 80px; left: 50%; margin-left: -200px;}
.safety-con02-item.item06 .txt{top: -20px; left: 50%; margin-left: -580px; width: 350px;}

.safety-con03{padding: 95px 0 100px;}
.safety-con03-txt-box{margin-top: 45px; padding: 35px 3.9%; background-color: #f4f4f4;}
.safety-con03-txt-box p{position: relative; padding-left: 20px; font-size: 18px; line-height: 1.3; letter-spacing: -0.5px; color: #232323;}
.safety-con03-txt-box p + p{margin-top: 8px;}
.safety-con03-txt-box p:before{position: absolute; top: 8px; left: 0; content: ''; width: 6px; height: 6px; background-color: #0e6f39; -webkit-border-radius: 100%; border-radius: 100%;}
.safety-con03-wrapper{margin-top: 55px; padding: 0 3.9%;}
.safety-con03-list{margin: -26px -0.8%;}
.safety-con03-item{width: 31.73%; margin: 26px 0.8%; float: left;}
.safety-con03-img{position: relative; width: 100%; height: 0; padding-top: 59.11%;}
.safety-con03-img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.safety-con03-txt{padding: 13px 0; font-size: 17px; line-height: 1.3; letter-spacing: -0.5px; color: #232323;}


/* ****************** 04 지속가능경영 :: 04 사회공헌 ********************** */
.contribution-con01{margin-top: -10px; border-top: 2px solid #e8e8e8;}
.contribution-con01-top{margin-top: 115px;}
.contribution-con01-tit{padding-top: 35px; text-align: center;}
.contribution-con01-tit img{display: inline-block;}
.contribution-con01-txt{margin-top: 35px; font-size: 26px; line-height: 1.6; letter-spacing: -0.65px; color: #232323; text-align: center;}
.contribution-con01-txt b{font-weight: 500;}

.contribution-con01-middle{margin-top: 100px;}
.cont-con01-list{position: relative; max-width: 1370px; width: 100%; height: 330px; margin: 0 auto;}
.cont-con01-list.m-ver{display: none;}
.cont-con01-item{position: absolute; top: 0; text-align: center; height: 330px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; -webkit-border-radius: 170px; border-radius: 170px; -webkit-box-shadow: 9px 9px 27px -13px rgba(0,0,0,0.22); box-shadow: 9px 9px 27px -13px rgba(0,0,0,0.22);}
.cont-con01-item h5{margin-top: 35px; font-size: 24px; line-height: 1.3; font-weight: 700; letter-spacing: -0.5px; color: #000;}
.cont-con01-item p{margin-top: 20px; font-size: 17px; line-height: 1.5; letter-spacing: -0.65px; color: #232323;}
.cont-con01-item.item02{left: 50%; margin-left: -275px; width: 550px; background-color: #ffa600;}
.item02 .cont-con01-icon img{height: 136px; display: inline-block;}
.cont-con01-item.item02 h5{margin: 25px 0; font-size: 35px; font-weight: 700; letter-spacing: -0.75px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.16);}
.cont-con01-item.item01,
.cont-con01-item.item03{width: 450px; border: 1px solid #ffaa00; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cont-con01-item.item01{left: 0;}
.cont-con01-item.item03{right: 0;}
.item01 .cont-con01-icon img,
.item03 .cont-con01-icon img{height: 81px;}
.cont-con01-item .arrow01,
.cont-con01-item .arrow02{position: absolute; top: 50%; margin-top: -5.5px; left: 300px; width: 98px; height: 11px; -webkit-transition:clip 1s 0.3s; transition:clip 1s 0.3s; z-index: 1;}
.cont-con01-item .arrow03,
.cont-con01-item .arrow04{display: none;}
.cont-con01-item .arrow02{left: auto; right: 300px;}
.cont-con01-item .arrow01 img,
.cont-con01-item .arrow02 img{width: 100%; height: auto;}

.cont-con01-item.item01 .arrow01 {clip:rect(0,0,13px,0);}
.cont-con01-item.item03 .arrow02 {clip:rect(0,0,13px,98px);}

.cont-con01-item.item01.aos-animate .arrow01 {clip:rect(0,98px,13px,0); transition-delay:0.2s;}
.cont-con01-item.item03.aos-animate .arrow02 {clip:rect(0,98px,13px,0); transition-delay:0.2s;}

.contribution-con01-bottom{margin-top: 135px;}
.contribution-txt{font-size: 18.5px; line-height: 1.7; letter-spacing: -0.6px; color: #232323;}
.contribution-con01-bottom .safety-con03-txt-box{margin-top: 35px;}

.contribution-con02{margin-top: 120px;}
.contribution-con02-wrapper{padding: 25px 0 45px;}
.contribution-con02-wrapper + .contribution-con02-wrapper{border-top: 1px solid #ddd; padding: 60px 0 95px; padding: 70px 0;}
.contribution-con02-list{margin: 0 -1.7%;}
.contribution-con02-item{margin: 0 1.7%; float: left;}
.contribution-con02-item.full{width: 96.6%;}
.contribution-con02-item.col-01{width: 30.9%;}
.contribution-con02-item.col-02{width: 62.3%;}
.contribution-con02-txt{}
.contribution-con02-txt h5{position: relative; padding-left: 110px; font-size: 22px; line-height: 1.3; font-weight: 500; letter-spacing: -0.65px; color: #000;}
.contribution-con02-txt h5 span{position: absolute; top: 0; left: 0; width: 90px; height: 26px; font-size: 15px; letter-spacing: -0.15px; color: #fff; line-height: 26px; text-align: center; background-color: #0073ae; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block;}
.contribution-con02-txt h5.year2{padding-left: 200px;}
.contribution-con02-txt h5.year2 span + span{left: 95px;}
.contribution-con02-txt p{margin-top: 30px; font-size: 18px; line-height: 1.5; min-height: 3em; letter-spacing: -0.65px; color: #232323;}
.contribution-con02-img{margin-top: 40px;}
.contribution-con02-img ul{margin: 0 -5px;}
.contribution-con02-img ul li{width: calc(50% - 10px); margin: 0 5px; float: left;}
.col-01 .contribution-con02-img ul li{width: calc(100% - 10px);}
.contribution-con02-img ul li span{position: relative; width: 100%; height: 0; padding-top: 54.56%; display: block;}
.contribution-con02-item.col-03 .contribution-con02-img ul{margin: 0 -15px;}
.contribution-con02-item.col-03 .contribution-con02-img ul li{margin: 0 15px; width: calc(33.33% - 30px);}


/* ****************** 04 지속가능경영 :: 05 보고서/ESG결과 ********************** */
/* 지속가능보고서 */
.report-con01, .esg-con01{margin-top: 90px;}
.report-con01-list{}
.report-con01-item{position: relative; width: 12.26%; padding: 50px 2.2%; float: left;}
.report-con01-list .report-con01-item:first-child:before,
.report-con01-list .report-con01-item:nth-child(6n+1):before{position: absolute; left: -60px; bottom: 20px; display: block; content: ''; width: 1630px; height: 260px; background-color: #f4f4f4;}
.report-con01-img{position: relative; width: 100%; height: 0; padding-top: 141.12%; border: 1px solid #d6d6d6; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 12px 12px 0px 0px rgba(0,0,0,0.05); box-shadow: 12px 12px 0px 0px rgba(0,0,0,0.05);}
.report-con01-img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.report-con01-txt{position: relative;}
.report-con01-txt .tit{margin: 15px 0; display: table; width: 100%; height: 72px; table-layout: fixed; text-align: center;}
.report-con01-txt .tit h5{padding: 0 10px; display: table-cell; vertical-align: middle; font-size: 19px; line-height: 24px; font-weight: 600; letter-spacing: -0.5px; color: #000; -ms-word-break: keep-all; word-break: keep-all;}
.report-con01-txt .tit h5 b{display: inline-block; font-weight: 600; max-height: 76px; overflow: hidden;}
.report-con01-txt .btn{display: block; width: 100%; height: 46px; text-align: center; border: 1px solid #d6d6d6; background-color: #fff; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.08); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.08); -webkit-transition: all 0.3s; transition: all 0.3s;}
.report-con01-txt .btn .icon{display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: url("../images/icon/icon_pdf_rd.png") center/cover no-repeat; -webkit-transition: all 0.3s; transition: all 0.3s;}
.report-con01-txt .btn .txt{margin-left: 10px; font-size: 11px; line-height: 46px; font-weight: 700; color: #252525; display: inline-block; vertical-align: middle; -webkit-transition: all 0.3s; transition: all 0.3s;}

.management-page .report-con01-list .report-con01-item:before{display: none !important;}
.management-page .report-con01-list{font-size: 0; text-align: center;}
.management-page .report-con01-list .report-con01-item{float: none; display: inline-block;}

.product-view-tab-con .report-con01-list .report-con01-item:nth-child(6n+1){clear: both;}

/* ****************** 06 고객센터 :: 01 뉴스 ********************** */
.news-con01{}
.news-con01-wrapper{padding-top: 94px; border-top: 2px solid #000;}
.news-con01-list{margin: -48px -0.7%;}
.news-con01-item{width: 23.6%; margin: 48px 0.7%; float: left;}
.news-con01-item a{position: relative; height: 455px; padding: 40px 40px 110px; display: block; background-color: #fff; -webkit-box-shadow: 5px 5px 18px -2.5px rgba(0,0,0,0.09); box-shadow: 5px 5px 18px -2.5px rgba(0,0,0,0.09); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
.news-con01-item a:before{position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; border: 1px solid #c4c4c4; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s; transition: all 0.2s;}
.txt-item a:after{position: absolute; bottom: 50px; right: 60px; content: ''; width: 45px; height: 8px; background:  url("../images/main/arrow_news.png") 0 0 no-repeat; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
.news-con01-item a .new-bnr{position: absolute; top: -2px; right: -2px; width: 60px; height: 40px; font-size: 11px; line-height: 40px; font-weight: 700; color: #fff; text-align: center;}
.news-con01-item a .new-bnr:before{position: absolute; top: 0; right: 0; display: block; content: ''; width: 60px; height: 40px; -webkit-transform: skew(-15deg); transform: skew(-15deg); background-color: #e81212;}
.news-con01-item a .new-bnr em{display: inline-block; position: relative; z-index: 1;}
.news-con01-top{position: relative; padding-right: 90px;}
.news-con01-top .date{width: 45px; text-align: center;}
.news-con01-top .date span{display: block; font-size: 16px; font-weight: 500; color: #000;}
.news-con01-top .date b{margin-top: 5px; display: block; font-size: 33px; font-weight: 700; color: #006cc8;}
.news-con01-top .category{position: absolute; top: 15px; right: 0; display: inline-block; font-size: 15px; font-weight: 500; color: #000; border-bottom: 2px solid #000; padding: 0 2px 7px;}
.news-con01-bottom{margin-top: 60px;}
.img-item .news-con01-bottom{margin-top: 20px;}
.news-con01-bottom .tit{font-size: 19.5px; line-height: 1.6; height: 3.2em; font-weight: 500; letter-spacing: -1px; color: #010101;}
.news-con01-bottom .txt{margin-top: 30px; font-size: 16px; line-height: 1.9; height: 5.7em; letter-spacing: -0.6px; color: rgba(35,35,35,0.7);}
.news-con01-bottom .img{margin-bottom: 20px; position: relative; width: 100%; height: 0; padding-top: 78.08%;}
.news-con01-bottom .img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.news-con01-top .date span,
.news-con01-top .date b,
.news-con01-top .category,
.news-con01-bottom .tit,
.news-con01-bottom .txt{-webkit-transition: all 0.3s; transition: all 0.3s;}

/* hover */
@media all and (min-width:801px){
	.txt-item a:hover{}
	.news-con01-item a:hover:before{border-width:13px; border-color: #006cc8;}
	.txt-item a:hover:after{opacity: 1;}
}


/* ****************** 06 고객센터 :: 02 홍보동영상 ********************** */
.video-con01{}
.video-con01-left{position: relative; float: left; width: 23.2%; padding-top: 40.9%;/* height: 620px; */ border: 1px solid #c7c7c7; background: #f7f7f7 url("../images/content/video_con01_bg.png") 2% 50% no-repeat; -webkit-box-shadow: 13px 13px 16px -6px rgba(0,0,0,0.09); box-shadow: 13px 13px 16px -6px rgba(0,0,0,0.09); text-align: right; background-size: contain;}
.video-con01-tit{position: absolute; top: 15.6%; left: 11.5%; right: 11.5%;}
.video-con01-left h5{font-size: 29px; line-height: 1.3; letter-spacing: -0.6px; color: #0b0b0b;}
.video-con01-left p{margin-top: 25px; font-size: 20px; line-height: 1.5; letter-spacing: -0.6px; color: #232323;}
.video-con01-left p b{font-weight: 700;}
.video-con01-tab{position: absolute; bottom: 8%; right: 11.5%;}
.video-con01-tab ul{}
.video-con01-tab ul li{}
.video-con01-tab ul li + li{margin-top: 20px;}
.video-con01-tab ul li a{display: inline-block;}
.video-con01-tab ul li a i{margin-right: 6px; font-size: 18px; color: #0072ba; display: inline-block; vertical-align: middle;}
.video-con01-tab ul li:nth-child(odd) a i{color: #3ba800;}
.video-con01-tab ul li a em{font-size: 13px; font-weight: 700; color: #0b0b0b; display: inline-block; vertical-align: middle;}

.video-con01-right{float: right; width: 74.2%;}
.video-iframe-wrapper{position:relative; overflow:hidden;}
.video-iframe-box{position:relative; padding-top: 55.35%; /* padding-top:620px; */ height:0; background-color:#000;}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer;}
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s; transition:all 0.3s;}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box:hover .thumb{-webkit-transform: scale(1.1) rotate(0.002deg); transform: scale(1.1) rotate(0.002deg);}
.video-cover-box .icon{position:absolute; top:0; left:0; width: 100%; height: 100%; z-index:1; background: rgba(0,0,0,.49) url("../images/content/video_con01_cover_large.png") center/contain no-repeat;}

.video-con02{padding-top: 108px; margin-top: 100px; border-top: 2px solid #000;}
.video-con02-wrappaer{margin-bottom: 100px;}
.video-con02-list{margin: -30px -3%;}
.video-con02-item{float: left; width: 27.33%; margin: 30px 3%;}
.video-con02-iframe-box{position:relative; padding-top:55.92%; height:0; background-color:#000; cursor:pointer; overflow: hidden;}
.video-con02-iframe-box a{}
.video-con02-iframe-box .thumb{position: absolute; top: 0; left: 0; display:block; width:100%; height:100%;-webkit-transition:all 0.3s; transition:all 0.3s;}
.video-con02-iframe-box:hover .thumb{-webkit-transform: scale(1.1) rotate(0.002deg); transform: scale(1.1) rotate(0.002deg);}
.video-con02-iframe-box .thumb img{width:100%; height:100%;}
.video-con02-iframe-box .icon{position:absolute; top:0; left:0; width: 100%; height: 100%; z-index:1; background: rgba(0,0,0,.49) url("../images/content/video_con01_cover_small.png") center/contain no-repeat;}
.video-con02-item p{margin-top: 20px; font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -0.6px; color: #0b0b0b;}


/* ****************** 01 회사소개 :: 01 소개 ********************** */
.intro-con01{position: relative; min-height: 753px; padding-top: 165px;}
.intro-con01-bg{position: absolute; top: 0; left: 0; width: 100%; height: 753px; background: url("../images/content/intro_con01_bg.jpg") center/cover no-repeat;/*  -webkit-transition:clip 0.6s 0.2s; transition:clip 0.6s 0.2s; clip:rect(0,1920px,753px,1920px); */}
/* .intro-con01-bg.aos-animate {clip:rect(0,1920px,753px,0);} */

.intro-con01-inner{position: absolute; width: 100%; bottom: 0; left: 0;}
.intro-con01-inner:before{position: absolute; width: 1137px; top: 0; bottom: 0; left: 0; content: ''; z-index: 1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#017575+0,016fae+100 */
background: rgb(1,117,117); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(1,117,117,1) 0%, rgba(1,111,174,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(1,117,117,1) 0%,rgba(1,111,174,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(1,117,117,1) 0%,rgba(1,111,174,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017575', endColorstr='#016fae',GradientType=1 ); /* IE6-9 */}
.intro-con01-inner:after{position: absolute; left: 1114px; top: 0; width: 100px; height: 100%; display: none; content: ''; background-color: #016fae; -webkit-transform: skew(-5deg); transform: skew(-5deg);}

@media all and (min-width:1920px){
	.intro-con01-inner:before{width: 60%;}
	.intro-con01-inner:after{left: 58%; margin-left: 0;}
}

.intro-con01-inner .area-box{padding-top: 110px; padding-bottom: 90px; position: relative;}
.intro-con01-year{position: absolute; top: -150px; left: 0;}
.intro-con01-year p{font-size: 54px; font-weight: 100; letter-spacing: -0.65px; color: #fff;}
.intro-con01-year p b{font-size: 50px; font-weight: 700;}
.intro-con01-txt{width: 933px; position: relative; z-index: 1;}
.intro-con01-txt .txt01{font-size: 22px; line-height: 1.7; letter-spacing: -0.75px; color: #fff;}
.intro-con01-txt .txt02{margin-top: 40px; font-size: 18.5px; line-height: 1.7; letter-spacing: -0.65px; color: rgba(255,255,255,0.9);}
.intro-con01-btn{position: absolute; right: 0; bottom: 58px;}
.intro-con01-btn .btn{display: inline-block;}
.intro-con01-btn .btn span{display: inline-block; vertical-align: middle;}
.intro-con01-btn .btn .txt{font-size: 15px; font-weight: 600; color: #000;}
/*.intro-con01-btn .btn .cir{margin-left: 10px; width: 45px; height: 45px; text-align: center; background-color: #0062a6; -webkit-border-radius: 100%; border-radius: 100%;}
.intro-con01-btn .btn .cir i{font-size: 20px; color: #fff; line-height: 45px;}

.intro-con01-btn:before{position: absolute; top: 50%; left: -380px; display: block; content: ''; width: 0px; height: 1px; background-color: #0062a6; -webkit-transition: all 0.4s; transition: all 0.4s;}
.intro-con01-btn.aos-animate:before{width: 360px; transition-delay:1.2s;}*/

.intro-con02{padding: 150px 0 150px;}
.intro-con02 .area-box{position: relative;}
.intro-con02-txt{width: 50%; float: right;}
.intro-con02-txt h5{font-size: 26px; line-height: 1.6; letter-spacing: -0.65px; color: #000;}
.intro-con02-txt p{margin-top: 40px; font-size: 18.5px; line-height: 1.7; letter-spacing: -0.75px; color: #303030;}
.intro-con02-txt a{position: relative; padding-left: 75px; margin-top: 60px; height: 36px; display: inline-block;}
.intro-con02-txt a:before,
.intro-con02-txt a:after{position: absolute; top: 0; left: 0; display: block; content: ''; width: 36px; height: 36px; background-color: #006cc8; -webkit-transform: skew(-15deg); transform: skew(-15deg); -webkit-transition: all 0.3s; transition: all 0.3s;}
.intro-con02-txt a:before{top: 10px; left: 10px; background-color: #e5e5e5;}
.intro-con02-txt a i{position: absolute; top: 0; left: 9px; font-size: 18px; line-height: 36px; color: #fff; z-index: 1;}
.intro-con02-txt a span{display: inline-block; font-size: 13px; line-height: 36px; font-weight: 500; letter-spacing: 0.25px; color: #006cc8; -webkit-transition: all 0.3s; transition: all 0.3s;}
.intro-con02-img-m{display: none;}
.intro-con02-img .img01{position: absolute; /*top: -200px;*/ left: 0;}
.intro-con02-img .img02{position: absolute; top: 170px; left: 390px;}

@media all and ( min-width: 801px ){
	.intro-con01-year{position: absolute; top: -145px; left: 15px;}
	.intro-con02-txt a:hover span{-webkit-transform: translateX(-5px); transform: translateX(-5px)}
	.intro-con02-txt a:hover:before,
	.intro-con02-txt a:hover:after{-webkit-transform: skew(0); transform: skew(0);}
	.intro-con02-txt a:hover:before{top: 0; left: 0;}
}

.intro-con03{padding: 190px 0 450px;}
.intro-con03 .area-box{position: relative;}
.intro-con03 .intro-con02-txt{/*padding-left: 7.2%;*/ float: right; -webkit-box-sizing: border-box; box-sizing: border-box;}
.intro-con03-img-m{display: none;}
.intro-con03-img .img01{position: absolute; top: -160px; right: 391px;}
.intro-con03-img .img02{position: absolute; top: -115px; right: 0;}

.intro-con04{padding: 120px 0 100px; background: url("../images/content/intro_con04_bg.jpg") center/cover no-repeat;}
.intro-con04 .area-box{width: 100%; /*height: 988px; */display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box;}
.intro-con04-top{font-size: 0;}
.intro-con04-top .tit{width: 425px; padding-right: 20px; font-size: 50px; line-height: 1.26; letter-spacing: -0.65px; color: #fff; display: inline-block; vertical-align: middle;}
.intro-con04-top .txt{/* width: calc(100% - 445px); */ display: inline-block; vertical-align: middle;}
.intro-con04-top .txt .txt01{font-size: 26px; line-height: 1.46; letter-spacing: -0.5px; color: #fff;}
.intro-con04-top .txt .txt02{margin-top: 20px; font-size: 18.5px; line-height: 1.7; letter-spacing: -0.5px; color: rgba(255,255,255,0.88);}
.intro-con04-bottom{width: 100%;}
.intro-con04-list{margin: 0 -3px; display: flex; flex-wrap: wrap;}
.intro-con04-item{width: calc(20% - 6px); margin: 0 3px; padding: 40px 10px 45px; text-align: center; background-color: rgba(255,255,255,0.93); -webkit-box-sizing: border-box; box-sizing: border-box;}
.intro-con04-img{}
.intro-con04-img img{display: inline-block; height: 62px;}
.intro-con04-tit{margin-top: 30px; font-size: 22.5px; font-weight: 700; letter-spacing: -0.75px; color: #000;}
.intro-con04-txt{margin-top: 50px; font-size: 19px; line-height: 1.5; letter-spacing: -0.65px; color: #000;}


/* ****************** 02 사업부소개 :: 인증현황 공통 ********************** */
.bt-certification-con01,
.ca-certification-con01{margin-top: 100px;}

@media all and ( max-width: 800px ){
	.bt-certification-con01,
	.ca-certification-con01{margin-top: 50px;}
}


/* ****************** 01 회사소개 :: 생활 속의 ********************** */
.life-page{position: relative;}

/* 일상 공간 속~ */
.life-tab-con00{}
.life-tab-con00-box{position: relative; width: 635px; height: 735px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto; text-align: center; -webkit-transition: transform 0.5s; transition: transform 0.5s; transform: rotate(45deg) scale(0.6); transition-timing-function: cubic-bezier(.175,.885,.32,1.275);}
.life-tab-con00-box span{position: absolute; display: block; width: 16px; height: 16px;}
.life-tab-con00-box span:after{position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background-color: #666; -webkit-border-radius: 100%; border-radius: 100%; z-index: 1; -webkit-transition: background-color 0.8s; transition: background-color 0.8s;}
.life-tab-con00-box .line01{bottom: 180px; right: -8px;}
.life-tab-con00-box .line02{bottom: -8px; left: 50%; margin-left: -8px;}
.life-tab-con00-box .line03{bottom: 180px; left: -8px;}
.life-tab-con00-box .line04{top: 180px; left: -8px;}
.life-tab-con00-box .line05{top: -8px; left: 50%; margin-left: -8px;}
.life-tab-con00-box .line06{top: 180px; right: -8px;}

.life-tab-con00-box span:before{position: absolute; top: 0; display: block; content: ''; width: 0; height: 1px; background-color: rgba(255,255,255,0.34);}
.life-tab-con00-box .line01:before, .life-tab-con00-box .line02:before, .life-tab-con00-box .line03:before, .life-tab-con00-box .line04:before, .life-tab-con00-box .line05:before, .life-tab-con00-box .line06:before{-webkit-transition: width 0.5s, height 0.5s; transition: width 0.5s, height 0.5s;}

.life-tab-con00-box .line01:before{transform: rotate(149deg); transform-origin: left; top: 9px; left: 6px;}
.life-tab-con00-box .line02:before{transform: rotate(-149deg); transform-origin: left; top: 9px; left: 6px;}
.life-tab-con00-box .line03:before{width: 1px; height: 0; top: auto; bottom: 0; left: 7px;}
.life-tab-con00-box .line04:before{transform: rotate(-30deg); transform-origin: left; top: 6px; left: 6px;}
.life-tab-con00-box .line05:before{transform: rotate(30deg); transform-origin: left; top: 9px; left: 6px;}
.life-tab-con00-box .line06:before{width: 1px; height: 0; left: 7px;}

.life-tab-con00-box .txt01{font-size: 16px; line-height: 1.3; font-weight: 700; color: #fff;}
.life-tab-con00-box .txt02{margin-top: 65px; font-size: 60px; line-height: 1.2; font-weight: 700; letter-spacing: -0.7px; color: #fff;}
.life-tab-con00-box .txt03{margin-top: 15px; font-size: 56px; line-height: 1.2; font-weight: 700; letter-spacing: -0.5px; color: #009b9d;}
.life-tab-con00-box .txt04{margin-top: 55px; font-size: 21.5px; line-height: 1.5; letter-spacing: -0.65px; color: rgba(208,208,208,0.8);}

.life-tab-con00-box span em{position: absolute; top: 0; left: 0; display: block; width: 380px; text-align: left; font-size: 10px; font-weight: 700; color: rgba(164,164,164,0.77); opacity: 0;}
.life-tab-con00-box .line01 em, .life-tab-con00-box .line02 em, .life-tab-con00-box .line03 em, .life-tab-con00-box .line04 em, .life-tab-con00-box .line05 em, .life-tab-con00-box .line06 em{-webkit-transition: opacity 0.8s; transition: opacity 0.8s;}
.life-tab-con00-box .line01 em{transform: rotate(-31deg); transform-origin: right; top: 4px; left: -340px;}
.life-tab-con00-box .line02 em{transform: rotate(32deg); transform-origin: right; top: 39px; left: -365px;}
.life-tab-con00-box .line03 em{transform: rotate(90deg); transform-origin: right; top: 39px; left: -389px;}
.life-tab-con00-box .line04 em{transform: rotate(-30deg); transform-origin: left; top: -3px; left: -25px; text-align: right;}
.life-tab-con00-box .line05 em{transform: rotate(30deg); transform-origin: left; top: -27px; left: -8px; text-align: right;}
.life-tab-con00-box .line06 em{transform: rotate(90deg); transform-origin: left; top: -39px; left: 25px; text-align: right;}

/* 효과 */
.life-tab-con00-box.aos-animate{transform: scale(1) rotate(0deg);}

.life-tab-con00-box.aos-animate .line01:after{background-color: #09814a; transition-delay:0s;}
.life-tab-con00-box.aos-animate .line02:after{background-color: #09814a; transition-delay:0.3s;}
.life-tab-con00-box.aos-animate .line04:after{background-color: #09814a; transition-delay:0.9s;}
.life-tab-con00-box.aos-animate .line05:after{background-color: #09814a; transition-delay:1.2s;}

.life-tab-con00-box.aos-animate .line03:after{background-color: #09814a; transition-delay:0.6s;}
.life-tab-con00-box.aos-animate .line06:after{background-color: #09814a; transition-delay:1.5s;}

.life-tab-con00-box.aos-animate .line01:before{width: 370px; transition-delay:0.2s;}
.life-tab-con00-box.aos-animate .line02:before{width: 370px; transition-delay:0.5s;}
.life-tab-con00-box.aos-animate .line04:before{width: 370px; transition-delay:1.1s;}
.life-tab-con00-box.aos-animate .line05:before{width: 370px; transition-delay:1.4s;}

.life-tab-con00-box.aos-animate .line03:before{height: 370px; transition-delay:0.8s;}
.life-tab-con00-box.aos-animate .line06:before{height: 370px; transition-delay:1.7s;}

.life-tab-con00-box.aos-animate .line01 em{opacity: 1; transition-delay:0.4s;}
.life-tab-con00-box.aos-animate .line02 em{opacity: 1; transition-delay:0.7s;}
.life-tab-con00-box.aos-animate .line04 em{opacity: 1; transition-delay:1.3s;}
.life-tab-con00-box.aos-animate .line05 em{opacity: 1; transition-delay:1.6s;}

.life-tab-con00-box.aos-animate .line03 em{opacity: 1; transition-delay:1.0s;}
.life-tab-con00-box.aos-animate .line06 em{opacity: 1; transition-delay:1.9s;}
/* // */

/* 오른쪽 텍스트 */
.life-tab-next-txt{position: absolute; left: 46%; top: 50%; margin-top: 20px; width: 100%; height: 12px; text-align: center; text-transform: uppercase; transform: rotate(90deg); font-size: 12px; color: #fff; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.life-tab-next-txt.aos-animate{opacity: 1;}

/* 탭 */
#fp-nav.left{
	display: none;
	position: fixed;
    z-index: 100;
    margin-top: -60px !important;
    top: 50%;
	left: 4.1% !important;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.left ul li{position:relative; width:20px; margin:15px 0;}
#fp-nav.left ul li:last-child{display:none} /* 마지막 섹션이 footer일경우 */
#fp-nav.left ul li a{display:block; position:relative; width:100%; height:20px; box-sizing:border-box; padding:4px;}
#fp-nav.left ul li a span{display:block; width:8px; height:8px; border: 2px solid #fff; border-radius:50%;}
#fp-nav.left ul li:nth-child(1),
#fp-nav.left ul li:nth-child(2),
#fp-nav.left ul li:nth-child(10){display: none;}
#fp-nav.left ul li .fp-tooltip{
	position:absolute;
	overflow:hidden;
	width: 150px;
	left:30px !important; top:0;
	opacity:0;filter:Alpha(opacity=0);
	line-height:20px;
	font-size: 12px; font-weight: 700; color: #fff;
	margin-right:0px;
	text-align:left;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
#fp-nav.left ul li .fp-tooltip em{display: inline-block; margin-right: 7px; font-weight: 700; font-style: italic;}
#fp-nav.left ul li .fp-tooltip span{display:block; transform:translateX(100%); transition:all 0.5s;}
#fp-nav.left ul li a.active span{background-color: #09814a; border-color: #09814a;}
#fp-nav.left ul li a.active + .fp-tooltip{opacity:1.0;filter:Alpha(opacity=100);}
#fp-nav.left ul li a.active + .fp-tooltip span{transform:translateX(0%)}


/* 탭 컨텐츠 */
.life-tab-con{position: relative; width: 100%; height: 100%; background-color: #000;}
.life-tab-bg{position: relative; top: 0; left: 0; width: 100%; height: 100%; min-height: 995px; max-height: 995px;}
.life-tbl{position: absolute; top: 0; left: 0; bottom: 0; display: table; table-layout: fixed; width: 100%; height: 100%;}
.life-tbl-inner{padding-top: 50px; display: table-cell; vertical-align: middle;}
#lifeTabCon0 .life-tbl-inner{padding-top: 95px;}
.life-tab-bg.tab00{background: #000 url("../images/content/life_tab00_bg.jpg") no-repeat center/cover; min-height: auto; max-height: none;}
.life-tab-bg.tab01{background: #000 url("../images/content/life_tab01_bg.jpg") no-repeat 100% 50%; background-size: auto 100%;}
.life-tab-bg.tab02{background: #000 url("../images/content/life_tab02_bg.jpg") no-repeat 100% 50%; background-size: auto 100%;}
.life-tab-bg.tab03{background: #000 url("../images/content/life_tab03_bg.jpg") no-repeat 100% 50%; background-size: auto 100%;}
.life-tab-bg.tab04{background: #000 url("../images/content/life_tab04_bg.jpg") no-repeat 100% 50%; background-size: auto 100%;}
.life-tab-bg.tab05{background: #000 url("../images/content/life_tab05_bg.jpg") no-repeat 100% 50%; background-size: auto 100%;}
.life-tab-bg.tab06{background: #000 url("../images/content/life_tab06_bg.jpg") no-repeat 100% 50%; background-size: auto 100%;}
.life-tab-bg.tab07{background: #000 url("../images/content/life_tab07_bg.jpg") no-repeat 100% 50%; background-size: auto 100%;}

/* 탭 컨텐츠 :: 타이틀 */
.cm-life-txt{padding-left: 4.9%;}
.cm-life-txt .num{font-size: 140px; font-weight: 700; letter-spacing: -0.75px; color: #fff;}
.cm-life-txt .txt{margin-top: 30px; font-size: 42px; line-height: 1.3; letter-spacing: -0.65px; color: #fff;}

/* 하단 컨텐츠 */
.life-bottom-con{padding: 140px 0 130px; text-align: center;}
.life-bottom-con h5{font-size: 56px; line-height: 1.1; font-weight: 700; letter-spacing: -0.5px; color: #000; font-style: italic;}
.life-bottom-con h5 span{color: #09814a; display: inline-block; height: 43px;}
.life-bottom-con h5 span img{height: 100%;}
.life-bottom-con p{margin-top: 30px; font-size: 30px; line-height: 1.3; font-weight: 500; letter-spacing: -0.85px; color: #353434; font-style: italic;}

/* 팝업 오픈 버튼 */
.life-dot{position: absolute; z-index: 1;}
.life-dot.active{z-index: 2;}
.life-dot > a{position: relative; display: block; width: 70px; height: 70px; background-color: rgba(0,0,0,0.14); border-top: 2px solid rgba(255,255,255,0.12); -webkit-border-radius: 100%; border-radius: 100%;}
.life-dot > a:before{position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px; display: block; content: ''; width: 12px; height: 12px; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; z-index: 1;}
.life-dot > a.m-dot{display: none;}
.life-dot.dot01{right: 1115px; top: 665px;}
.life-dot.dot02{right: 753px; top: 685px;}
.life-dot.dot03{right: 770px; top: 376px;}
.life-dot.dot04{right: 412px; top: 855px;}

.tab02 .life-dot.dot01{right: 330px; top: 298px;}
.tab02 .life-dot.dot02{right: 220px; top: 579px;}
.tab03 .life-dot.dot01{right: 715px; top: 455px;}
.tab03 .life-dot.dot02{right: 980px; top: 325px;}
.tab04 .life-dot.dot01{right: 1071px; top: 200px;}
.tab04 .life-dot.dot02{right: 921px; top: 406px;}
.tab05 .life-dot.dot01{right: 465px; top: 605px;}
.tab05 .life-dot.dot02{right: 1058px; top: 748px;}
.tab06 .life-dot.dot01{right: 458px; top: 602px;}
.tab06 .life-dot.dot02{right: 547px; top: 557px;}
.tab06 .life-dot.dot03{right: 362px; top: 454px;}
.tab07 .life-dot.dot01{right: 832px; top: 267px;}
.tab07 .life-dot.dot02{right: 705px; top: 675px;}

/* 팝업 */
.popup-life-con{position: absolute; top: 70px; left: 0; width: 615px; padding: 55px 45px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; visibility: hidden; z-index: 11; -webkit-box-shadow: 35px 35px 37px -17px rgba(0,0,0,0.32); box-shadow: 35px 35px 37px -17px rgba(0,0,0,0.32); -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateX(-30px); transform: translateX(-30px);}
.popup-life-con.open{opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0);}
.popup-life-con.bgc-red{background-color: #96000d;}
.popup-life-con.bgc-green{background-color: #16784b;}
.popup-life-con.bgc-blue{background-color: #005299;}
.popup-life-con.bgc-darkblue{background-color: #0d6280;}
.popup-life-con.bgc-black{background-color: #272727;}
.popup-life-con.bgc-red{background-color: #af3e38;}
.popup-life-con.bgc-purple{background-color: #441678;}
.popup-life-close-btn{position: absolute; top: 15px; right: 10px; width: 40px; height: 40px; z-index: 999; display: none;}
.popup-life-close-btn i{font-size: 35px; color: #fff;}
.popup-life-close-btn.m-JS{display: none;}
.popup-life-con h5{font-size: 32px; line-height: 1.3; letter-spacing: -0.5px; font-weight: 700; color: #fff;}
.popup-life-con p{margin-top: 20px; font-size: 17.5px; line-height: 1.7; letter-spacing: -0.5px; color: rgba(255,255,255,0.7);}
.popup-life-con span{margin-top: 35px; display: block; text-align: right;}
.popup-life-con span img{display: inline-block;}

#lifeTabCon1 .dot01 .popup-life-con{top: auto; bottom: 80px; left: 0; bottom: 0;}
#lifeTabCon1 .dot02 .popup-life-con{top: auto; bottom: 80px; left: 0; bottom: 0;}
#lifeTabCon1 .dot03 .popup-life-con{top: 80px; left: 0; top: 0;}
#lifeTabCon1 .dot04 .popup-life-con{top: auto; bottom: 80px; left: auto; right: 0; bottom: 0;}

#lifeTabCon2 .dot01 .popup-life-con{top: 80px; left: auto; right: 0; top: 0;}
#lifeTabCon2 .dot02 .popup-life-con{top: auto; bottom: 80px; left: auto; right: 0; bottom: 0;}

#lifeTabCon3 .dot01 .popup-life-con{top: 80px; left: 0; top: 0;}
#lifeTabCon3 .dot02 .popup-life-con{top: 80px; left: 0; top: 0;}

#lifeTabCon4 .dot01 .popup-life-con{top: 80px; left: 0; top: 0;}
#lifeTabCon4 .dot02 .popup-life-con{top: 80px; left: 0; top: 0;}

#lifeTabCon5 .dot01 .popup-life-con{top: auto; bottom: 80px; left: auto; right: 0; bottom: 0;}
#lifeTabCon5 .dot02 .popup-life-con{top: auto; bottom: 80px; left: 0; bottom: 0;}

#lifeTabCon6 .dot01 .popup-life-con{top: 80px; left: 0; top: 0;}
#lifeTabCon6 .dot02 .popup-life-con{top: auto; bottom: 80px; left: auto; right: 0; bottom: 0;}
#lifeTabCon6 .dot03 .popup-life-con{top: 80px; left: auto; right: 0; top: 0;}

#lifeTabCon7 .dot02 .popup-life-con{top: auto; bottom: 80px; bottom: 0;}


/* 제품소개 온라인 문의 폼 버튼 */
.online-prd-form-btn{margin-top: 30px;}
.online-prd-form-btn .product-btn-list li {width: 190px;}
.online-prd-form-btn .product-btn-list li a{height: 60px;}
.online-prd-form-btn .product-btn-list li a span{font-size: 16px;}

@media all and ( max-width: 800px ){
	.online-prd-form-btn {margin-top: 15px;}
	.online-prd-form-btn .product-btn-list li{width: 160px;}
	.online-prd-form-btn .product-btn-list li a{height: 50px;}
	.online-prd-form-btn .product-btn-list li a span{font-size: 13px;}
}
@media all and ( max-width: 480px ){
	.online-prd-form-btn .product-btn-list li{width: calc(100% - 10px);}
}

.olgoda-btn{margin-top: 25px; display: inline-block; padding: 20px 15px; font-size: 16px; color: #000; border: 1px solid #000; -webkit-transition: all 0.3s; transition: all 0.3s;}
.popup-life-con .olgoda-btn{border-color: #fff; color: #fff;}

@media all and (min-width:801px){
	.olgoda-btn:hover{color: #000; background-color: #fff;}
}
@media all and ( max-width: 800px ){
	.olgoda-btn{margin-top: 15px; padding: 15px 10px; font-size: 13px;}
}


/* *********** 210708 유지보수 *********** */
/* 개인정보 처리방침 박스영역 */
.accusation-con01-privacy-box {margin-top: 45px; padding: 50px 3.3%; padding-right: 50px; border: 1px solid #d6d6d6; background-color: #fff;}
.accusation-con01-privacy-scroll {height: 350px;}
.accusation-con01-privacy-scroll .top-tit{font-size: 24px; line-height: 1.3; font-weight: 600; letter-spacing: -0.75px; color: #000;}
.accusation-con01-privacy-scroll .item{margin-top: 30px;}
.accusation-con01-privacy-scroll .item .tit{margin-bottom: 5px; font-size: 18px; line-height: 1.5; letter-spacing: -0.75px; color: #000;}
.accusation-con01-privacy-scroll .item .txt{font-size: 16px; line-height: 2; letter-spacing: -0.75px; color: #777;}
.accusation-con01-privacy-scroll .item + .top-tit{margin-top: 50px;}

/* 라디오버튼 커스텀 */
.accusation-con01-agree-box01{margin-top: 35px; padding: 30px 15px; background-color: #f8f8f8; text-align: center;}
.accusation-con01-agree-box01 p{margin-top: 20px; font-size: 16.5px; line-height: 1.5; letter-spacing: -0.75px; color: #006cc8; text-align: center;}
.accusation-con01-agree-box02{margin-top: 30px; text-align: center;}
.inquiry-custom-radio-list .radio-item{display:inline-block; vertical-align:middle; margin: 0 33px;}
.inquiry-custom-radio-list .radio-item:first-child{margin-left:0;}
.inquiry-custom-radio-list .radio-item input[type="radio"]{display:none;}
.inquiry-custom-radio-list .radio-item label{display:inline-block; position:relative; padding-left:30px; color:#000; font-size:17px; letter-spacing: -0.75px; line-height:25px; vertical-align:middle;}
.inquiry-custom-radio-list .radio-item label::before{content:""; position:absolute; top:1px; left:0px; width:20px; height:20px; background-color:#c6c6c6; -webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;border-radius:25px;}
.inquiry-custom-radio-list .radio-item label::after{position:absolute; top:0; left:0; content: "\e929"; font-size: 20px; color: #fff; font-family:xeicon !important;}
.inquiry-custom-radio-list .radio-item input[type="radio"]:checked + label::before{background-color: #006cc8;}

/* 제보 입력 테이블 */
.accusation-tbl-item{margin-top: 70px;}
.accusation-tbl-item .tbl-tit{margin-bottom: 20px; position: relative; padding-left: 37px; font-size: 26px; font-weight: 600; line-height: 1.3; font-weight: 500; letter-spacing: -0.75px; color: #000;}
.accusation-tbl-item .tbl-tit b{position: absolute; top: -3px; left: 0; display: inline-block; font-style: italic; color: #006cc8;}
.accusation-textarea-info{margin-top: 17px; font-size: 15.5px; line-height: 1.6; letter-spacing: -0.75px; color: #979797;}
.accusation-tbl-btn{margin-top: 50px; text-align: center;}
.accusation-tbl-btn button,
.accusation-tbl-btn a{display: inline-block; width: 215px; height: 55px; line-height: 55px; text-align: center; font-size: 18px; letter-spacing: -0.65px; color: #fff; background-color: #006cc8;}

/* 신문고 등록에 문제가 바생할 시~ */
.accusation-con02-up-txt{margin-top: 95px; border-top: 1px solid #e8e8e8; padding-top: 75px; font-size: 18px; line-height: 1.8; letter-spacing: -0.75px; color: #232323; text-align: center;}
/* 제일 하단 회색 박스 영역 */
.accusation-con02-box.add-css {padding: 75px 15px 50px;}
.accusation-con02-download-wrapper{}
.accusation-con02-download-wrapper .tit{width: 220px; font-size: 20px; font-weight: 500; letter-spacing: -1.25px; color: #232323; display: inline-block; vertical-align: middle; text-align: left;}
.accusation-con02-download-wrapper .down-list{display: inline-block; vertical-align: middle; font-size: 0;}
.accusation-con02-download-wrapper .down-list li{width: 225px; display: inline-block; vertical-align: middle;}
.accusation-con02-download-wrapper .down-list li + li{margin-left: 15px;}
.accusation-con02-download-wrapper .down-list li a{padding: 0 40px 0 30px; width: 100%; height: 65px; border: 1px solid #d4d4d4; background-color: #fff; -webkit-border-radius: 10px; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-box-shadow: 7px 7px 9px 0 rgba(0,0,0,0.06); box-shadow: 7px 7px 9px 0 rgba(0,0,0,0.06); -webkit-transition: all 0.3s; transition: all 0.3s;}
.accusation-con02-download-wrapper .down-list li a b{font-size: 18px; line-height: 1.3; letter-spacing: -0.75px; color: #ed2024; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s;}
.accusation-con02-download-wrapper .down-list li + li a b{color: #226cbe;}
.accusation-con02-download-wrapper .down-list li a i{position: absolute; top: 50%; margin-top: -10px; right: 25px; font-size: 20px; color: #2d2d2d; -webkit-transition: all 0.3s; transition: all 0.3s;}
.accusation-con02-box.add-css .accusation-con02-txt03 {margin-top: 10px; font-size: 20px; letter-spacing: -0.25px; font-weight: 700;}
.accusation-con02-box.add-css .accusation-con02-txt03 a{font-size: 24px; font-weight: 700; color: #006cc8;}

@media all and ( min-width: 801px ){
	.accusation-con02-download-wrapper .down-list li a:hover{background-color: #ed2024;}
	.accusation-con02-download-wrapper .down-list li + li a:hover{background-color: #226cbe;}
	.accusation-con02-download-wrapper .down-list li a:hover b,
	.accusation-con02-download-wrapper .down-list li a:hover i{color: #fff;}
}

@media all and ( max-width: 800px ){
	/* 개인정보 처리방침 박스영역 */
	.accusation-con01-privacy-box {margin-top: 25px; padding: 25px 25px 25px 15px;}
	.accusation-con01-privacy-box .mCSB_outside + .mCSB_scrollTools {right: -20px;}
	.accusation-con01-privacy-scroll {height: 200px;}
	.accusation-con01-privacy-scroll .top-tit{font-size: 17px;}
	.accusation-con01-privacy-scroll .item{margin-top: 20px;}
	.accusation-con01-privacy-scroll .item .tit{margin-bottom: 5px; font-size: 14px;}
	.accusation-con01-privacy-scroll .item .txt{font-size: 13px;}
	.accusation-con01-privacy-scroll .item + .top-tit{margin-top: 25px;}
	/* 라디오버튼 커스텀 */
	.accusation-con01-agree-box01{margin-top: 20px; padding: 15px 10px 20px;}
	.accusation-con01-agree-box01 p{margin-top: 5px; font-size: 13px;}
	.accusation-con01-agree-box02{margin: 15px 0 35px;}
	.inquiry-custom-radio-list .radio-item{margin: 5px 15px;}
	.inquiry-custom-radio-list .radio-item label{padding-left:24px; font-size:14px; line-height:25px;}
	.inquiry-custom-radio-list .radio-item label::before{top: 1px; width:18px; height:18px;}
	.inquiry-custom-radio-list .radio-item label::after{top: -2px; left: 1.5px; font-size: 16px;}
	/* 제보 입력 테이블 */
	.accusation-tbl-item{margin-top: 35px;}
	.accusation-tbl-item .tbl-tit{margin-bottom: 10px; padding-left: 26px; font-size: 18px;}
	.accusation-tbl-item .tbl-tit b{top: -1px;}
	.accusation-textarea-info{margin-top: 10px; font-size: 13px;}
	.accusation-tbl-btn{margin-top: 25px;}
	.accusation-tbl-btn button,
	.accusation-tbl-btn a{width: 140px; height: 40px; line-height: 40px; font-size: 14px;}
	/* 신문고 등록에 문제가 바생할 시~ */
	.accusation-con02-up-txt{margin-top: 45px; padding-top: 40px; font-size: 14px;}
	/* 제일 하단 회색 박스 영역 */
	.accusation-con02-box.add-css {padding: 35px 10px 25px;}
	.accusation-con02-download-wrapper .tit{margin-bottom: 15px; width: 100%; font-size: 15px; letter-spacing: -0.75px; text-align: center;}
	.accusation-con02-download-wrapper .down-list{display: block;}
	.accusation-con02-download-wrapper .down-list li{width: 150px;}
	.accusation-con02-download-wrapper .down-list li + li{margin-left: 10px;}
	.accusation-con02-download-wrapper .down-list li a{padding: 0 20px 0 15px; height: 50px;}
	.accusation-con02-download-wrapper .down-list li a b{font-size: 14px;}
	.accusation-con02-download-wrapper .down-list li a i{margin-top: -7.5px; right: 15px; font-size: 15px;}
	.accusation-con02-box.add-css .accusation-con02-txt03 {margin-top: 5px; font-size: 15px;}
	.accusation-con02-box.add-css .accusation-con02-txt03 a{font-size: 17px;}
}
@media all and ( max-width: 640px ){
	.accusation-con02-download-wrapper .down-list li{width: 140px;}
}
@media all and ( max-width: 359px ){
	.accusation-con02-download-wrapper .down-list li{width: 120px;}
}

/* 신문고 팝업 */
.popup-accusation-con{padding: 75px 15px 55px; background-color: #fff; text-align: center;}
.popup-accusation-con i{font-size: 76px; color: #006cc8;}
.popup-accusation-con .txt01{margin-top: 30px; font-size: 33px; line-height: 1.3; font-weight: 600; letter-spacing: -0.65px; color: #000;}
.popup-accusation-con .txt02{margin-top: 15px; font-size: 17px; line-height: 1.3; color: #777;}
.popup-accusation-con button{display: block; margin: 60px auto 0; font-size: 17px; width: 170px; height: 50px; color: #fff; text-align: center; background-color: #222;}

@media all and ( max-width: 800px ){
	.popup-accusation-con{padding: 35px 15px 25px;}
	.popup-accusation-con i{font-size: 40px;}
	.popup-accusation-con .txt01{margin-top: 15px; font-size: 22px;}
	.popup-accusation-con .txt02{margin-top: 5px; font-size: 14px;}
	.popup-accusation-con button{margin: 30px auto 0; font-size: 14px; width: 100px; height: 40px;}
}

.safety02-img-box .download-btn{margin: 35px auto 0; padding: 0 55px; width: 100%; max-width: 325px; height: 65px; border: 1px solid #d4d4d4; -webkit-border-radius: 10px; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-box-shadow: 7px 7px 9px 0 rgba(0,0,0,0.06); box-shadow: 7px 7px 9px 0 rgba(0,0,0,0.06); -webkit-transition: all 0.3s; transition: all 0.3s;}
.safety02-img-box .download-btn span{font-size: 18px; line-height: 1.3; letter-spacing: -0.75px; color: #2d2d2d; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s;}
.safety02-img-box .download-btn i{position: absolute; top: 50%; margin-top: -10px; right: 30px; font-size: 20px; color: #2d2d2d; -webkit-transition: all 0.3s; transition: all 0.3s;}

@media all and ( min-width: 801px ){
	.safety02-img-box .download-btn:hover{background-color: #226cbe;}
	.safety02-img-box .download-btn:hover span,
	.safety02-img-box .download-btn:hover i{color: #fff;}
}
@media all and ( max-width: 800px ){
	.safety02-img-box .download-btn{margin: 20px auto 0; padding: 0 35px 0 15px; height: 45px;}
	.safety02-img-box .download-btn span{font-size: 14px;}
	.safety02-img-box .download-btn i{margin-top: -7.5px; right: 15px; font-size: 15px;}
}