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

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.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:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a{background-color:#333; border-color:#333}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

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


/* ******************  제품 ********************** */
.section .effect-up{opacity:0; transform: translate3d(0, 30px, 0); transition:all 0.8s 0.3s ease-in-out}
.section.active-section .effect-up{opacity:1; transform: translate3d(0, 0, 0);}
/* 왼쪽바 */
.prd-left-bar{position:fixed; left:3rem; top:50%; transform:translateY(-50%); z-index:99}
.prd-left-bar ul li{margin-bottom:15px}
.prd-left-bar ul li:last-child{margin-bottom:0}
.prd-left-bar ul li i{color:#adadad; font-size:22px}
/* ------------ 제품 :: 컨텐츠1(비주얼) ---------- */
#prdVisualCon{background-size:cover !important; height:100vh}
#prdVisualCon.vehicle-visual{background:url(../images/content/prd_vehicle_visual.jpg) 50% 0; }
#prdVisualCon.mcu-visual{background:url(../images/content/prd_mcu_visual.jpg) 50% 0; }
#prdVisualCon.smart-life-visual{background:url(../images/content/smart_life_visual.jpg) 50% 0; }
/* 비주얼 :: 텍스트 */
.prd-visual-txt-con{margin-top:-13rem}
.prd-visual-txt-con .prd-visual-txt1{font-weight:700; font-size:7.8rem; color:rgba(255,255,255,0.95); letter-spacing:0; line-height:1.17; text-transform:uppercase; display:block}
.prd-visual-txt-con .prd-visual-txt2{font-weight:500; font-size:2.6rem; color:#fff; letter-spacing:-0.065rem; line-height:1.4; /*margin-top:3.5rem*/margin-top:2%}
.prd-visual-txt-con .prd-visual-txt3{font-weight:400; font-size:2.2rem; color:rgba(255,255,255,0.8); letter-spacing:0; line-height:1.4; /*margin-top:2.5rem*/margin-top:1.5%}
/* 비주얼 :: 메뉴탭 */
.prd-visual-menu{position:absolute; bottom:0; left:0; width:100%; z-index:9;}
.prd-visual-menu .prd-menu-list{display:flex}
.prd-visual-menu .prd-menu-list li{width:33.333%; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.35); border-top:1px solid rgba(255,255,255,0.35); height:25.8rem; display:table; table-layout:fixed; transition:background-color 0.3s, border-color 0.3s}
.prd-visual-menu .prd-menu-list li:last-child{border-right:0}
.prd-visual-menu .prd-menu-list li a{display:table-cell; vertical-align:middle; padding:0 8.5%}
.prd-visual-menu .prd-menu-list li a .inner{position:relative; transition:all 0.3s}
.prd-visual-menu .prd-menu-list li a .inner .icon{position:absolute; top:50%; left:-20px; transform:translateY(-50%); opacity:0; transition:all 0.3s}
.prd-visual-menu .prd-menu-list li a .inner .icon img{}
.prd-visual-menu .prd-menu-list li a .inner .txt{}
.prd-visual-menu .prd-menu-list li a .inner .txt strong{display:block; font-weight:700; font-size:3rem; letter-spacing:0; line-height:1.3; color:#fff}
.prd-visual-menu .prd-menu-list li a .inner .txt p{font-weight:400; font-size:2rem; color:#fff; opacity:0.8; line-height:2.6rem; letter-spacing:0; margin-top:2.5rem}
.prd-visual-menu .prd-menu-list li.active,
.prd-visual-menu .prd-menu-list li:hover{background-color:#0971ce; border-color:#0971ce}
.prd-visual-menu .prd-menu-list li.active a .inner,
.prd-visual-menu .prd-menu-list li:hover a .inner{padding-left:9.5rem}
.prd-visual-menu .prd-menu-list li.active a .inner .icon,
.prd-visual-menu .prd-menu-list li:hover a .inner .icon{opacity:1; left:0}
/* 비주얼 :: 스크롤다운 */
#prdVisualCon .rt-scroll-down{position:absolute; right:2rem; top:50%; transform:translateY(-50%); color:#fff}
#prdVisualCon .rt-scroll-down .scroll-down-wrap{animation: upDown 1.5s ease-in-out infinite;}
#prdVisualCon .rt-scroll-down b{display:inline-block; transform:rotate(90deg); font-weight:700; font-size:1.3rem; letter-spacing:0}
#prdVisualCon .rt-scroll-down i{font-size:2rem; position:absolute; left:28px}
#prdVisualCon .rt-scroll-down i.icon-01{top:-63px; }
#prdVisualCon .rt-scroll-down i.icon-02{bottom:-80px; transform:rotate(90deg)}
@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	100% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
}

/* ------------ 제품 :: 제품 컨텐츠2(제품설명)  ---------- */
#prdInfoCon{position:relative; overflow:hidden}
#prdInfoCon .bg-txt{position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; margin-bottom:-3.5%}
#prdInfoCon .bg-txt img{max-width:100%}
#prdInfoCon .prd-info-tit-con{margin-bottom:6rem; text-align:center; }
#prdInfoCon .prd-info-tit-con .prd-info-mb-txt{display:none; font-weight:400; color:#000; opacity:0.8; font-size:2rem; line-height:1.5; margin-top:1.5rem}
#prdInfoCon .prd-info-img{text-align:center}
#prdInfoCon .prd-info-img img{max-width:100%}
#prdInfoCon .prd-info-txt{text-align:center; margin-top:6rem}
#prdInfoCon .prd-info-txt .txt-01{font-family:'Poppins','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; display:block; font-weight:600; font-size:3.2rem; color:#000; letter-spacing:-0.015rem; line-height:1.4;}
#prdInfoCon .prd-info-txt .txt-02{display:block; font-weight:500; font-size:1.99rem; color:#0971ce; letter-spacing:-0.015rem; line-height:1.4; margin-top:1.5rem}
#prdInfoCon .prd-info-txt .txt-03{font-weight:400; font-size:2rem; color:#666; line-height:3.33rem; letter-spacing:-0.03rem; margin-top:3rem}
.section .prd-info-tit{font-weight:700; font-size:3.4rem; letter-spacing:-0.015rem; color:#000; /*text-transform:uppercase;*/ text-align:center}

/* ------------ 제품 :: 제품 컨텐츠3(솔루션구성)  ---------- */
#prdSolutionCon{background-size:cover; background:url(../images/content/prd_solution_bg.jpg) 50% 0;}
.prd-solution-tit{text-align:center; font-weight:600; font-size:3.6rem; color:#fff; letter-spacing:-0.065rem;}
.prd-solution-list{display:flex; flex-wrap:wrap; justify-content:center; margin-top:14rem}
.prd-solution-list li{width:25.8%; text-align:center; box-sizing:border-box; padding:0 3%}
.prd-solution-list.col-01 li{width:100%}
.prd-solution-list.col-04 li{width:25%}
.prd-solution-list li .solution-pop{display:block}
.prd-solution-list li .solution-pop .circle-icon{display:inline-block; width:15.8rem; height:15.8rem; line-height:15.8rem; background-color:rgba(255,255,255,0.2); border-radius:50%; transition:background-color 0.3s}
.prd-solution-list li .solution-pop .circle-icon span{}
.prd-solution-list li .solution-pop .circle-icon span img{}
.prd-solution-list li .solution-pop .tit{font-family:'poppins'; display:block; font-weight:600; font-size:2.6rem; letter-spacing:-0.015rem; color:#fff; opacity:0.95; margin:3.5rem 0 6.5rem; line-height:1.46}
.prd-solution-list li .solution-down,
.solution-overview-btn{position:relative; display:block; width:100%; height:5.3rem; line-height:5.3rem; max-width:17.5rem; margin:0 auto; border:1px solid rgba(255,255,255,0.4); box-sizing:border-box; font-weight:500; font-size:1.55rem; color:rgba(255,255,255,0.95); letter-spacing:0; transition:all 0.3s}
.solution-overview-btn{margin:6rem auto -5rem; text-align:center; max-width:19rem; border-color:#0971ce ; background-color:#0971ce }
.prd-solution-list li .solution-down:after{position:absolute; content:""; width:100%; height:100%; border:2px solid #fff; box-sizing:border-box; top:0; left:0; opacity:0; transition:all 0.3s}
.prd-solution-list li .solution-down i,
.solution-overview-btn i{font-size:2.3rem; vertical-align:middle; position:relative; margin-left:1rem; top:-2px}
@media all and (min-width:801px){	
	.prd-solution-list li .solution-pop .circle-icon:hover{background-color:#0971ce}
	.prd-solution-list li .solution-down:hover:after{opacity:1}
	.solution-overview-btn:hover{background-color:#0f4a7e; border-color:#0f4a7e}
}
/* 팝업 */
#prdPop{max-width:1267px; margin:100px auto}
#prdPop .modal-close-btn{top:-5rem; opacity:0}
.is-mobile #prdPop .modal-close-btn{opacity:1}
#prdPop .modal-close-btn i{font-size:3.45rem}
#prdPop .prd-pop-inner{background-color:#fff; border-radius:10px; padding:5.8% 4.7%;}
#prdPop .tit-con{font-size:4.073rem; color:#000811; margin-bottom:2.5rem; line-height:1.2}
#prdPop .tit-con strong{float:left; /*width:100%; */font-weight:600; margin-right:2.8rem; /*margin-bottom:4.5rem;*/}
#prdPop .tit-con .sub-tit{font-size:17px; line-height:1.5em; letter-spacing:-0.25px; color:#000; font-weight:500; float:left; width:100%; margin-top:5rem}
#prdPop .tit-con .sub-tit em{display: block; font-size:16px; line-height:1.5em; letter-spacing:-0.15px; color:#444; margin-top:5px;}
#prdPop .tit-con span{position:relative; float:left; font-weight:300; padding-left:2.2rem; font-size:2rem; margin-top:1.2rem}
#prdPop .tit-con span:after{position:absolute; content:""; width:1px; height:2.2rem; background-color:#e0e0e0; top:0; left:0}
#prdPop .prd-con-inner{display:table; width:100%; table-layout:fixed}
#prdPop .prd-con-inner > div{display:table-cell; vertical-align:top; box-sizing:border-box}
#prdPop .prd-con-inner .txt-con{padding-right:3%}
#prdPop .prd-con-inner .txt-con .explain{font-weight:400; font-size:1.6rem; letter-spacing:-0.065rem; line-height:3rem; color:#555; padding-bottom:0.5rem}
#prdPop .prd-con-inner .txt-con .explain span{display:block; margin-bottom:2rem}
#prdPop .prd-con-inner .img-con{width:42.5%; text-align:right}
#prdPop .prd-con-inner .img-con.wide-img{width:47.5%}
#prdPop .prd-con-inner .img-con img{max-width:100%}
#prdPop .prd-box-list{margin-top:3.5rem}
#prdPop .prd-box-list .tit,
#prdPop .prd-con-inner .txt-con .tit,
#prdPop .pop-cm-tit{font-weight:500; font-size:1.6rem; color:#000; letter-spacing:-0.025rem; margin-bottom:1.5rem; display:block}
#prdPop .prd-box-list .box-list{display:flex; flex-wrap:wrap; margin:0 -0.2rem}
#prdPop .prd-box-list .box-list span{float:left; display:table; min-height:3.9rem; box-sizing:border-box; text-align:center; /*margin:0 0.4rem 0.6rem 0;*/margin:0 0.2rem 0.6rem; border-radius:10px; padding:0.5rem 0; transition:background-color 0.3s, border-color 0.3s}
#prdPop .prd-box-list .box-list span.br{display:block; width:100% !important; height:0; margin:0; border:0 !important; padding:0; min-height:auto}
#prdPop .prd-box-list .box-list span em{display:table-cell; vertical-align:middle; font-weight:400; font-size:1.5rem; letter-spacing:-0.025rem; color:#fff; line-height:1.2}
#prdPop .prd-box-list .box-list.w-96 span{width:9.6rem}
#prdPop .prd-box-list .box-list.w-107 span{width:10.7rem}
#prdPop .prd-box-list .box-list.w-110 span{width:11rem}
#prdPop .prd-box-list .box-list.w-138 span{width:13.8rem}
#prdPop .prd-box-list .box-list.w-157 span{width:15.7rem}
#prdPop .prd-box-list .box-list.w-217 span{width:21.7rem}
#prdPop .prd-box-list .box-list.w-242 span{max-width:24.2rem; width:calc(50% - 0.4rem)}
#prdPop .prd-box-list .box-list.w-375 span{max-width:37.5rem; width:100%}
#prdPop .prd-box-list .box-list.w-400 span{max-width:40rem; width:100%}
#prdPop .prd-box-list .box-list.w-425 span{max-width:42.5rem; width:100%}
#prdPop .prd-box-list .box-list.w-430 span{max-width:43rem; width:calc(50% - 0.4rem)}
#prdPop .prd-box-list .box-list.w-33p span{width:calc(33.333% - 0.4rem)}
#prdPop .prd-box-list .box-list.w-25p span{width:calc(25% - 0.4rem)}
#prdPop .prd-box-list .box-list.bg-box span{background-color:#0971ce}
#prdPop .prd-box-list .box-list.line-box span{border:1px solid #ddd}
#prdPop .prd-box-list .box-list.line-box span em{color:#555}
#prdPop .prd-box-list .box-list.txt-lf span{text-align:left}
#prdPop .prd-box-list .box-list.txt-lf span em{padding:0 2% 0 4%}
#prdPop .prd-con-inner.has-wide-box{position:relative; padding-bottom:160px}
#prdPop .prd-box-list.wide-box{position:absolute; bottom:0; left:0; width:100%}
/* 팝업 :: 스타일02 (DSRC) */
#prdPop.type-02 .prd-con-inner,
#prdPop.type-02 .prd-con-inner > div{display:block}
#prdPop.type-02 .prd-con-inner .img-con{width:100%; text-align:center; margin-top:6rem}
#prdPop.type-02 .prd-con-inner .txt-con{padding-right:0}
#prdPop.type-02 .prd-con-inner .txt-con .explain span:last-child{margin-bottom:0}
@media all and (min-width:801px){	
	#prdPop .prd-box-list .box-list.bg-box span:hover{background-color:#0f4a7e}
	#prdPop .prd-box-list .box-list.line-box span:hover{background-color:#f1f1f1; border-color:#f1f1f1}
}



/* ------------ 제품 :: DSRC  ---------- */
/* ------------ 제품 :: 제품 컨텐츠4(DSRC 제품군)  ---------- */
#prdDsrcCon .dsrc-img{text-align:center; margin-top:6.5rem}
#prdDsrcCon .dsrc-img img{max-width:100%}


/* ------------ 제품 :: IoT Security  ---------- */
/* ------------ 제품 :: 제품 컨텐츠3(솔루션구성)  ---------- */
/* 팝업 */
#prdPop .prd-box-list .box-list.width-style-01 span{width:19.7rem}
#prdPop .prd-box-list .box-list.width-style-01 span:nth-child(1),
#prdPop .prd-box-list .box-list.width-style-01 span:nth-child(5){width:10.7rem}
#prdPop .prd-box-list .box-list.width-style-02 .w-107{width:10.7rem}
#prdPop .prd-box-list .box-list.width-style-02 .w-217{width:21.7rem}
/* 팝업 :: 표 */
.prd-table-con{margin-top:5rem}
.prd-table-con .cm-tit{font-weight:500; font-size:1.7rem; letter-spacing:-0.025rem; color:#000; margin-bottom:1.5rem}
.prd-table-con .prd-tbl{width:100%; table-layout:fixed}
.prd-table-con .prd-tbl th,
.prd-table-con .prd-tbl td{text-align:center; font-size:1.6rem; line-height:1.4; letter-spacing:-0.015rem}
.prd-table-con .prd-tbl th{color:#fff; font-weight:600; background-color:#2e4d67; padding:1.1rem 0.5rem}
.prd-table-con .prd-tbl td{color:#555; font-weight:400; border-bottom:1px solid #ddd; padding:1.5rem 0.5rem}
.prd-table-con .prd-tbl td.blue{background-color:#eef3f7}
.prd-table-con .prd-tbl td.green{background-color:#f7f6ee}

/* ------------ 제품 :: Radar Sensor  ---------- */
/* 팝업 :: 스타일03 */
#prdPop .pop-type-03 .prd-con-inner{display:block}
#prdPop .pop-type-03 .prd-con-inner .txt-con{display:block; padding-right:0}

/* 팝업 :: 알고리즘 순서도 */
#prdPop .algorithm-img-con{margin-top:6rem}
#prdPop .algorithm-img-con .algorithm-img{margin-top:4rem}
#prdPop .algorithm-img-con .algorithm-img img{max-width:100%}
/* 팝업 :: spec표 */
#prdPop .spec-table-con{margin-top:5rem}
#prdPop .spec-table-con .cm-spec-tbl{width:100%; table-layout:fixed}
#prdPop .spec-table-con .cm-spec-tbl th,
#prdPop .spec-table-con .cm-spec-tbl td{text-align:center; font-size:1.6rem; letter-spacing:-0.015rem; line-height:1.3}
#prdPop .spec-table-con .cm-spec-tbl th{font-weight:600; padding:1.2rem 0.5rem; background-color:#2e4d67; color:#fff}
#prdPop .spec-table-con .cm-spec-tbl td{padding:1.5rem 0.5rem; border-bottom:1px solid #ddd; color:#555}
#prdPop .spec-table-con .cm-spec-tbl td.blue{background-color:#eef3f7; color:#2e4d67; font-weight:500}
#prdPop .spec-table-con .cm-spec-tbl.txt-lf td{text-align:left; padding:1.5rem 2rem}

/* 
#prdPop .pop-top-txt-con{margin-bottom:30px;}
#prdPop .pop-top-txt-con .explain{font-weight:400; font-size:1.6rem; letter-spacing:-0.065rem; line-height:3rem; color:#555; padding-bottom:0.5rem}
#prdPop .pop-top-txt-con .explain span{display: block;}
@media all and (max-width:800px){
	#prdPop .pop-top-txt-con{margin-bottom:0;}
} */
/* 팝업 :: check아이콘 텍스트 */
#prdPop .check-txt-list{padding-top:2rem}
#prdPop .check-txt-list .check-txt{}
#prdPop .check-txt-list .check-txt li{position:relative; font-weight:400; font-size:1.6rem; letter-spacing:-0.065rem; color:#555; line-height:1.875; padding-left:3rem; margin-top:1rem}
#prdPop .check-txt-list .check-txt li:before{position:absolute; content:"\e92b"; font-family:"xeicon"; left:0; top:-0.5rem; font-size:2.1rem; color:#2e4d67}

/* ------------ 제품 :: Skin-attachable Sensor  ---------- */
/* 팝업 :: 구성도 및 단면도 */
#prdPop .prd-diagram{margin-top:5rem}
#prdPop .prd-diagram .img-con{margin-top:3rem}
#prdPop .prd-diagram .img-con img{max-width:100%}

/* ------------ 제품 :: MCU  ---------- */
/* 팝업 :: 공통 */
#prdPop .mcu-img-con{background-color:#fff; text-align:center; /* padding:5.5rem 2.5rem 4rem */}
#prdPop .mcu-img-con .tit{display:block; font-weight:600; font-size:2.4rem; color:#fff; letter-spacing:-0.025rem; line-height:1.5; margin-bottom:5rem}
#prdPop .mcu-img-con .tit em{display:block; font-weight:400; font-size:1.7rem; opacity:0.7; letter-spacing:-0.015rem; margin-top:1rem}
#prdPop .mcu-img-con img{max-width:100%}
/*#prdPop .mcu-img-con .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff}*/
/* 팝업 :: 자동차 HSM */
#prdPop .cate-list-con{margin:0 -0.8%}
#prdPop .cate-list-con .cate-con{float:left; width:31.7333%; margin:0 0.8%; text-align:left}
#prdPop .cate-list-con .cate-con li{background:#f8f8f8; margin-bottom:25px;}
#prdPop .cate-list-con .cate-con li:last-child{margin-bottom:0;}
#prdPop .cate-list-con .cate-con li strong{display:block; background-color:#2273a2; padding:1rem 1.2rem; font-size:1.6rem; font-weight:500; color:#fff; line-height:1.3; letter-spacing:-0.025rem; margin-bottom:2rem}
#prdPop .cate-list-con .cate-con li p{font-weight:400; font-size:1.4rem; color:#666; line-height:1.42; padding-left:1rem; letter-spacing:-0.01rem; font-family:'Lato', sans-serif;}
#prdPop .cate-list-con .cate-con li p:last-child{padding-bottom:1.5rem}
#prdPop .cate-list-con .cate-con li p span{display:block; margin-bottom:1rem; position:relative; padding-left:1rem; box-sizing:border-box; opacity:0.9;}
#prdPop .cate-list-con .cate-con li p span:before{position:absolute; content:"-"; left:0; top:0; color:#082434;}
#prdPop .cate-list-con .cate-con li p.col-02{display:flex; flex-wrap:wrap; padding-right:1rem}
#prdPop .cate-list-con .cate-con li p.col-02 span{width:50%; padding-right:0.5rem}
#prdPop .cate-list-con .cate-con li p.nowrap{white-space:nowrap}
#prdPop .cate-list-con .cate-con li p .br-none{display:none}
#prdPop .cate-list-con .cate-con.item-01 li:last-child{padding-bottom:33px}
#prdPop .cate-list-con .cate-con.item-02 li:last-child{padding-bottom:59px}


/* ******************  IR ********************** */
/* ------------ IR :: 보도자료  ---------- */
.cm-notice-list-style{}
.cm-notice-list-style li{position:relative; border:1px solid #dedede; margin-bottom:1.2rem; box-sizing:border-box}
.cm-notice-list-style li:after{position:absolute; content:""; width:100%; height:100%; box-sizing:border-box; border:2px solid #ddd; top:0; left:0; opacity:0; transition:all 0.3s; z-index:-1}
.cm-notice-list-style li .inner{position:relative; display:block; padding:2.7rem 2.6%; }
.cm-notice-list-style li .inner .tit{padding-right:10rem; font-size:1.7rem; font-weight:400; letter-spacing:-0.05rem; color:#444; line-height:1.3; transition:color 0.3s}
.cm-notice-list-style li .inner .tit a{font-weight:400; color:#444; transition:color 0.3s}
.cm-notice-list-style li .inner .rt-btn{position:absolute; right:2.6%; top:50%; margin-top:-1.7rem; width:8rem; height:3.2rem; line-height:3.2rem; text-align:center; border:1px solid #e4e4e4; box-sizing:border-box; font-weight:500; font-size:1.3rem; color:#878787; letter-spacing:0; transition:all 0.3s}
.cm-notice-list-style li .inner .rt-btn i{font-size:1.5rem; margin-right:1rem; vertical-align:middle; position:relative; top:-1px}
@media all and (min-width:801px){	
	.cm-notice-list-style li:hover:after{opacity:1}
	.cm-notice-list-style li:hover .tit,
	.cm-notice-list-style li:hover .tit a{color:#0971ce}
	.cm-notice-list-style li:hover .inner .rt-btn{background-color:#0971ce; color:#fff; border-color:#0971ce}
}
/* ------------ IR :: 공지사항  ---------- */
.notice-list.cm-notice-list-style li .inner .tit{padding-right:18rem}
.notice-list.cm-notice-list-style li .inner .date-more{position:absolute; top:50%; right:2.6%; margin-top:-1.6rem}
.notice-list.cm-notice-list-style li .inner .rt-btn{position:relative; right:auto; margin-top:0; top:auto; display:inline-block}
.notice-list.cm-notice-list-style li .inner .date{display:inline-block; font-weight:400; font-size:1.3rem; color:#878787; letter-spacing:0; margin-right:1rem}


/* ****************** 문의게시판 ********************** */
/* ------------ 문의게시판 :: 제품홍보동영상  ---------- */
.video-list{/*margin:0 -1% -7%*/ margin:0 -1%}
.video-list li{float:left; width:31.333%; margin:0 1% 7%}
.video-list li a{position:relative; display:block}
.video-list li a .img-con{position:relative; display:block; padding-top:60.4%}
.video-list li a .img-con img{position:absolute; top:0; left:0; width:100%; height:100%}
.video-list li a .txt-con{padding-top:3rem; position:relative}
.video-list li a .txt-con .tit{font-weight:500; font-size:1.85rem; color:#333; line-height:1.4; letter-spacing:-0.06rem}
.video-list li a .txt-con .date{font-weight:300; font-size:1.5rem; color:#666; line-height:1.4; display:block; margin-top:3rem}
.video-list li a .txt-con .date i{font-size:1.8rem; vertical-align:middle; margin:-0.3rem 0.5rem 0 0}
.video-list li a .play-icon{position:absolute; top:0; right:9%; margin-top:-9%; text-align:right; width:18%}
.video-list li a .play-icon img{max-width:100%}
/* 팝업 */
#videoPop{}
#videoPop .video-pop-tit{text-align:center; font-weight:400; font-size:2.2rem; color:#fff; letter-spacing:-0.25px; margin-bottom:3rem}
#videoPop .video-area{position:relative; display:block; padding-top:56.3%}
#videoPop .video-area iframe{position:absolute; top:0; left:0; width:100%; height:100%}


/* ****************** ABOUT ********************** */
/* about페이지 공통 */
.about-con{background:no-repeat center; background-size:cover; padding:13.23% 0 10.93%;}
.tit-bg-box{position: relative;}
.about-con .tit-bg{position: absolute; top:-115px; left:0; font-size:180px; line-height:1.1em; letter-spacing:-0.5px; /* color:#fff; */text-shadow: 3px 4px 62px rgba(0, 0, 0, 0.03);}
.about-con-inner{position: relative; max-width:1200px; margin:auto;}
.about-con-inner .tit{font-size:49px; line-height:1.46em; letter-spacing:-0.6px;}
.about-con-inner .txt{font-size:17.3px; line-height:2.13em; letter-spacing:-0.6px;}

/* 컨텐츠 01 */
.about-con.con-01{background-image:url('../images/content/about_con_bg_02.jpg');}
.about-con.con-01 .tit-bg{color:#fff; opacity:0.15;}
.about-con.con-01 .about-con-inner .tit{color:#fff; margin-bottom:40px;}
.about-con.con-01 .about-con-inner .txt{color:#fff; opacity:0.75; margin-bottom:37px;}
.about-con.con-01 .about-con-inner .txt:last-child{margin-bottom:0;}

/* 컨텐츠 02 */
.about-con.con-02{background-image:url('../images/content/about_con_bg_03.jpg');}
.about-con.con-02 .tit-bg{color:#fff;}
.about-con.con-02 .about-con-inner .tit{color:#000; margin-bottom:79px;}
.about-con.con-02 .about-con-inner .tit .co-orange{color:#0971ce;}

/* 컨텐츠 03 */
.about-con.con-03{background:url('../images/content/about_con_bg_04.jpg') no-repeat 70% 0; background-attachment:fixed; padding:11.5% 0 10%;}
.ios-os .about-con.con-03{background-attachment:inherit; }
.about-con.con-03 .tit-bg{font-size:150px; color:#fff; opacity:0.1; top:-93px;}
.about-con.con-03 .about-con-inner .tit{color:#fff; margin-bottom:79px;}
/* 연혁 :: 텍스트 */
.about-con.con-03 .history-list-box-style02 .history-year-box h4{font-size:34px; color:#fff;}
.about-con.con-03 .history-list-box-style02 .history-year-box h4:after{background:#616161;}
.about-con.con-03 .history-list-box-style02 .history-year-box .history-year-item .history-year:after{background:#403f38; border-color:#a0a0a0}
.about-con.con-03 .history-list-box-style02 .history-year-box .history-year-item .history-year strong{color:#409cef;}
.about-con.con-03 .history-list-box-style02 .history-year-box .history-year-item:before{background:#616161;}
.about-con.con-03 .history-list-box-style02 .history-year-box .history-year-item .history-year:before{background:#616161;}
.about-con.con-03 .history-list-box-style02 .history-year-box .history-year-item .history-info-con{padding-left:127px;}
.about-con.con-03 .history-list-box-style02 .history-year-box .history-year-item .history-info-con p{color:#fff;}
.about-con.con-03 .history-list-box-style02 .history-year-box .history-year-item .history-info-con p span:before{background-color:#fff; opacity:0.7;}


/* 컨텐츠 04 */
.about-con.con-04{background:#fff; padding:11.5% 0 0;}
.about-con.con-04 .tit-bg{font-size:150px; color:#000; opacity:0.03; top:-93px;}
.about-con.con-04 .about-con-inner .tit{color:#000; margin-bottom:79px;}
.about-ci-wrap{border:1px solid rgba(209,208,208,0.65); padding:135px 20px; box-sizing:border-box;}
.about-ci-wrap span{display: block; max-width:362px; margin:auto;}
.about-ci-wrap span img{width:100%;}
/* ci 버튼 */
.about-ci-btn{text-align:center; margin-top:118px;}
.about-ci-btn a{display: inline-block; width:240px; height:60px; line-height:60px; color:#fff; background:#0971ce; padding:0 28px; box-sizing:border-box; transition:all 0.3s;}
.about-ci-btn a:last-child{margin-left:16px; background:#292526;}
.about-ci-btn a .btn-txt{float:left; font-size:17.5px;}
.about-ci-btn a .btn-txt i{font-size:20px;}
.about-ci-btn a .btn-download{float:right; font-size:15px;}
/* -------- Company :: CI소개 02 -------- */
.ci-detail-wapper .ci-color-wrap{margin-top:70px}
.ci-detail-wapper .ci-color-list{margin:0 -1%}
.ci-detail-wapper .ci-color-list li{float:left; width:31.33%; margin:0 1%}
.ci-detail-wapper .ci-color-list li .ci-color p{width:100%; height:32px;}
.ci-detail-wapper .ci-color-list li:nth-child(1) .ci-color p{background:#0971ce}
.ci-detail-wapper .ci-color-list li:nth-child(2) .ci-color p{background:#231f20}
.ci-detail-wapper .ci-color-list li:nth-child(3) .ci-color p{background:#fff; border:1px solid #989898; box-sizing:border-box;}
.ci-detail-wapper .ci-color-list li .ci-color-name{position:relative; margin-top:21px}
.ci-detail-wapper .ci-color-list li .ci-color-name strong{display:inline-block; font-weight:600; font-size:20px; letter-spacing:-0.5px; color:#231f20; text-transform:uppercase; }
.ci-detail-wapper .ci-color-list li .ci-color-name .sub-name{font-size:15px; line-height:2em; letter-spacing:-0.25px; color:#555; opacity:0.5; margin-left:18px; font-weight:600;}
.ci-detail-wapper .ci-color-list li .ci-color-name p{margin-top:44px;}
.ci-detail-wapper .ci-color-list li .ci-color-name p span{display:inline-block; font-weight:300; font-size:16px; letter-spacing:-0.5px; color:#666; line-height:1.3; padding-right:11px; margin-bottom:7px;}
.ci-detail-wapper .ci-color-list li .ci-color-name p span b{font-weight:600; margin-right:5px;}

/* 컨텐츠 05 */
.about-con.con-05{background:#fff; padding:210px 0 8%;}
.about-con.con-05 .tit-bg{font-size:150px; color:#000; opacity:0.04; top:-93px;}
.about-con.con-05 .about-con-inner .tit{color:#000; margin-bottom:79px;}

.about-location-con{position: relative; width:100%; height:0; padding-top:40.04%;}
.about-location-con iframe{position: absolute; top:0; left:0; width:100%; height:100%;}

/* 오시는 길 :: 텍스트 */
.about-location-info{padding-top:59px;}
.about-location-info .location-tit{display: block;font-size:36px; line-height:1.5em; letter-spacing:-0.6px; color:#000; margin-bottom:37px;}
.location-info-con dl{position: relative; margin-bottom:14px;}
.location-info-con dl:last-child{margin-bottom:0;}
.location-info-con dl.email{margin-top:30px}
.location-info-con dl dt{position: absolute; top:0; left:0; font-size:18px; line-height:1.5em; font-weight:500; color:#000;}
.location-info-con dl dd{font-size:17.5px; line-height:1.71em; color:#555; padding-left: 125px;}
.location-info-con dl dd span{color:#999}
/* 오시는 길 :: 본사 */
.location-img-con{position:relative; border-bottom:1px solid #ddd; padding-bottom:72px;}
.location-info-con.con-01 .con-info-inner-01{width:60%; box-sizing:border-box; padding-right:3%}
.location-img-con .con-info-inner-02{width:40%; text-align:right; position:absolute; top:0; right:0}
.location-img-con .con-info-inner-02 img{max-width:100%}
.location-info-con dl dd .email-list{margin:0 -3.5px; max-width:670px; padding-top:5px}
.location-info-con dl dd .email-list li{float:left; width:calc(33.33% - 7px); margin:0 3.5px; box-sizing:border-box;}
.location-info-con dl dd .email-list li a{display: block; padding:24px; }
.location-info-con dl dd .email-list li a .txt{font-size:17px; line-height:1.5em; letter-spacing:-0.5px; font-weight:500; color:#fff;}
.location-info-con dl dd .email-list li a .mail{font-size:15px; line-height:1.5em; letter-spacing:-0.15px; font-weight:500; color:#fff; opacity:0.85;}
.location-info-con dl dd .email-list li:nth-child(1){background:#eee;}
.location-info-con dl dd .email-list li:nth-child(1) a .txt{color:#000; opacity:0.8;}
.location-info-con dl dd .email-list li:nth-child(1) a .mail{color:#000; opacity:0.6;}
.location-info-con dl dd .email-list li:nth-child(2){background:#0971ce;}
.location-info-con dl dd .email-list li:nth-child(3){background:#292526;}
