@charset "utf-8";

/* common */
.visualArea{position:relative;overflow:hidden;height:100vmin}
.visualArea > .inner{display:table;text-align:center}
.visualArea .visualTxt{display:table-cell;vertical-align:middle;width:1200px;height:380px}
.visualArea .visualTit{font-size:52px;color:#fff}
.visualArea .pageGuide{font-size:20px;font-weight:400;line-height:1.7;color:#fff;margin-top:25px}
.visualArea:before{content:'';display:none;position:absolute;left:0;top:0;right:0;bottom:0}
.visualArea .bgEdge{position:absolute;left:0%;top:0;right:0;bottom:0;background:#fff;transform: skewX(-16deg);margin:0 -150px}
.visualArea.visualOn:before{display:block}

/* business */
.visualArea.visualbusiness01:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/business/img_business_top_01_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualbusiness02:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/business/img_business_top_02_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualbusiness03:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/business/img_business_top_03_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualbusiness04:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/business/img_business_top_04_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualbusiness05:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/business/img_business_top_05_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualbusiness06:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/business/img_business_top_06_01.jpg) no-repeat 50% -96px;background-size:cover}

[class*="bizCont"] .listDep1 li{line-height:1.8}
.bizCont01{padding:120px 0}
.bizCont01 .inner > .sideCont:first-child .titDep1{font-size:42px;line-height:1.4}
.bizCont01 .titDep1 .subTit{display:inline-block;padding-top:7px;font-size:32px;line-height:1.5}
.bizCont01 .titDep1 .subTit02{display:inline-block;padding-top:7px;font-size:24px;line-height:1.5}
.bizCont01 .rightArea .txtInfo + .titDep2{margin-top:40px}
.bizCont01 .btnArea{margin-top:50px;text-align:left}
.bizCont01 .btnArea .btnDownload{text-decoration:underline;font-size:16px;font-weight:400}
.bizCont01 .rightArea .txtInfo{margin-top:0}
.bizCont01 > .inner, .bizContBg > .inner{position:relative}
.bizCont01 .img{display:block;margin-top:80px}
.bizCont01 .img.mt0{margin-top:0px !important} /* 20190826 추가 */
.bizCont01 .sideCont .img{margin-top:0}
.bizCont01 .sideCont + .img + .sideCont{margin-top:150px}
.bizCont01 .leftArea > .listDep1:first-child{margin-top:0}
.bizCont01 .bgGray{margin:130px 0 100px;padding:20px 0 100px;background:#f2f2f2}
.bizCont02{padding:100px 0;background:#f2f2f2}
.bizCont02 .rightArea .listDep1{margin-top:0}

.bizCont02 .reArea .titDep3{margin:100px 0 40px}
.bizCont02 .reArea .titDep3:first-child{margin-top:0}
.bizCont02 .img{text-align:center}
.bizContBg{position:relative;height:480px;padding-top:240px;background:#f2f2f2}
.bizContBg:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:240px;background:#fff}
.bizContBg .bg{position:absolute;top:-240px;left:-360px}
.bizCont03{padding:0 0 150px}
.bizCont03 .titDep1{margin-top:100px}
.bizCont03 .listDep1{margin-top:0}
.bizCont03 .listDep1.col2 li{float:left;width:50%;padding-right:20px}
.bizCont03 .listDep1.col2 li+li{margin-top:0}
.bizCont03 .listDep1.col2 li+li+li{margin-top:20px}
.bizCont03 .titDep2{margin-bottom:0}
.bizCont03 .titDep3{margin-bottom:15px}
.bizCont03 .listDep1 + .titDep3{margin-top:30px}
.bizCont03 .txtInfo + .img{margin-top:65px}
.bizCont03 .txtInfo + .img + .titDep2{margin-top:100px}

.cardList{margin:-20px 0 0 -20px}
.cardList:after{display:block;content:'';clear:both}
.cardList dl{float:left;width:380px;padding:50px 50px 45px;margin:20px 0 0 20px;background:#fff;height:350px}
.cardList dl dt{margin-bottom:45px}
.cardList dl dt strong{display:block;padding:6px 0 4px;font-size:24px;line-height:32px}
.cardList dl dt span{display:block;font-size:14px;font-weight:400;color:#666}
.cardList dl dd{font-weight:400;line-height:2}
.cardList.col2 dl{width:580px}
.cardList02{margin:-20px 0 0 -20px}
.cardList02.htype01 > li{height:370px}
.cardList02.htype02 > li{height:435px}
.cardList02.htype03 > li{width:380px;height:325px}
.cardList02 > li{float:left;width:280px;margin:20px 0 0 20px;padding:35px;background:#fff}
.cardList02 li .num{display:block;padding-bottom:15px;font-weight:600;text-decoration:underline}
.cardList02 li > .listDep1{margin-top:20px}
.cardList02 li > .listDep1 li+li{margin-top:5px}
.cardList03{display:table;width:100%;table-layout:fixed}
.cardList03 + .cardList03{margin-top:20px}
.txtInfo + .cardList03{margin-top:15px}
.cardList03 dl{width:430px;display:table-cell;padding:35px 30px 40px;background:#fff}
.cardList03 dl:first-child{width:450px;background:#fff url(https://cdn.hankook-networks.com/static/assets/img/en/pc/business/line_cardlist_g.png) 100% 0 repeat-y;}
.cardList03.only{width:430px}
.cardList03.only dl:first-child{width:100%}
.cardList03 dl dt{padding-bottom:5px}
.cardList03 dl dd + dt{margin-top:25px}
.cardList03 dl dd{font-weight:400;line-height:1.8}
.cardList03 dl dd .listDep1 li{line-height:1.8}
.bgWhite .cardList03 dl{background:#f3f3f3 url(https://cdn.hankook-networks.com/static/assets/img/en/pc/business/line_cardlist_w.png) 100% 0 repeat-y}
.bgWhite .cardList03 dl:last-child{background:#f3f3f3}

.reList{overflow:hidden}
.reList dl{display:table;width:100%;padding:20px 0;table-layout:fixed}
.reList dl:first-child{padding-top:0}
.reList dl + dl{border-top:1px solid #ddd}
.reList dl > *{display:table-cell;vertical-align:top}
.reList dl dt{width:160px;padding:5px 0;font-size:18px;font-weight:500}
.reList dl dd{overflow:hidden;padding-top:3px}
.reItem{margin-left:-23px}
.reItem span{position:relative;display:inline-block;font-weight:400;padding:5px 0 5px 15px;margin-left:10px}
.reItem span:before{display:block;content:'';position:absolute;top:50%;left:0;width:1px;height:14px;margin-top:-7px;background:#b2b2b2}

.tooltip{position:relative;display:inline-block;vertical-align:middle}
.tooltip .btnTooltip{display:inline-block;width:15px;height:15px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/business/ico_tooltip.png) 0 0 no-repeat}
.tooltip .btnTooltip span, .tooltip .msg .inner .tit span, .tooltip .btnClose span{overflow:hidden;position:absolute;font:0/0 'HantKR'}
.tooltip .msg{z-index:20;display:none;position:absolute;left:25px;top:3px;background:#fff;border:1px solid #f37938}
.tooltip .msg .inner{width:auto;padding:30px 20px;font-size:14px}
.tooltip .msg .inner .tit{display:block;padding-bottom:8px}
.tooltip .msg .inner .listDep1{margin-top:0}
.tooltip .msg .inner .listDep1 > li{padding-left:10px}
.tooltip .msg .inner .listDep1 > li:before{top:10px}
.tooltip .msg .inner .listDep1 li+li{margin-top:5px}
.tooltip .msg.on{display:block}
.tooltip .msg .btnClose{position:absolute;top:7px;right:7px;width:15px;height:15px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/business/ico_tooltip.png) -17px 2px no-repeat}

.btmCont{margin:150px 0}
.reList + .inquiry{margin-top:140px}
.bizCont02 .inquiry{margin-bottom:50px}
.inquiry{position:relative;width:100%;margin-top:150px;padding:0 20px;border-top:2px solid #000;border-bottom:1px solid #ddd}
.inquiry:after{display:block;content:'';clear:both}
.inquiry > * {padding:32px 0}
.inquiry dt{float:left;padding:20px 0 0;vertical-align:top}
.inquiry .iName{position:absolute;bottom:16px;left:20px;padding:0;font-weight:400}
.inquiry:not(:first-of-type):not(.normalType) .iName{top:50%; transform:translateY(-50%); bottom:inherit;} /* 20231101 추가 */
.inquiry .iName em{display:inline-block;margin-right:10px;font-size:14px;font-weight:500}
.inquiry .iTel, .inquiry .iMail{position:relative;float:right;padding-left:45px;font-size:24px}
.inquiry .iTel:before, .inquiry .iMail:before{display:block;content:'';position:absolute;left:0;top:50%;width:26px;height:26px;margin-top:-13px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/business/ico_inquiry.png) 0 0 no-repeat}
.inquiry .iMail:before{background-position:-26px 0}
.inquiry .iMail{margin-left:60px; width:360px;} /* 20231101 수정 */
.inquiry .iTel span + span:before{display:inline-block;content:'';width:1px;height:18px;margin:0 15px;background:#ddd;}
.inquiry.inquiry--type01 .iMail {float:none; margin-left: 235px} /* 20240405 추가 */
.inquiry+.inquiry{border-top:none;margin-top:0}
.bizCont02 .inquiry{margin-bottom:0}
.bizCont02 .inquiry+.inquiry{margin-bottom:50px}

.bizVod:after{}
.bizVod .linkArea{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.bizVod a:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .9s;background:#000;opacity:0;z-index:1}
.bizVod a:after{content:'';display:block;position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px;width:80px;height:80px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/common/ico_video_play.png) no-repeat 0 0;z-index:1}
.bizVod a img{width:100%;transition:transform .3s ease-out}
.bizVod a:hover img{transform:scale(1.1)}
.bizVod a:hover:before{opacity:.3}

.listDep1 .indentTxt{text-indent:-25px;margin-left:25px}
.listDep1 .indentTxt strong{display:block;text-indent:0}

.systemList{display:table;width:100%;margin-top:100px}
.systemList > li{display:table-cell;width:300px;padding:0 20px;vertical-align:top}
.systemList > li:first-child{padding-left:0}
.systemList > li + li{border-left:1px solid #dadada}
.systemList > .list02{width:290px}
.systemList > .list04{width:280px}
.systemList > li > strong{display:block;font-size:20px}
.systemList .listDep1{margin-top:25px}
.systemList .listDep1 li{margin-top:5px}

.bizCont01 + .prCont02{margin-top:-120px}
.prCont02{position:relative}
.prCont02 .bgGray{background:#f1f1f1}
.prCont02 .prScroll{position:absolute;top:155px;left:50%;margin-left:-590px;width:180px;height:400px;padding-left:30px}
.prCont02 .prScroll .scroll{position:absolute;top:0;left:0;width:2px;height:100%;background:#e6e6e6}
.prCont02 .prScroll .scroll .bar{position:absolute;top:0;left:0;width:100%;height:0%;background:#000}
.prCont02 .prScroll .item{display:table-cell;height:400px;vertical-align:middle}
.prCont02 .prScroll .item li{display:inline-block;width:180px;margin-top:20px}
.prCont02 .prScroll .item li:first-child{margin-top:0}
.prCont02 .prScroll .item li a{display:block;color:#999;font-size:14px;font-weight:400;line-height:1.6;text-align:left}
.prCont02 .prScroll .item li a:hover{color:#000}
.prCont02 .prScroll .item li.on a{color:#000;font-weight:500}
.prCont02 .prScroll.fixed{position:fixed;top:50%;margin-top:-200px}
.prCont02 .prItem{position:relative;width:880px;padding:140px 0;margin-left:300px}
.prCont02 .prItem.v2 {margin-left:0;} /* 20230425 추가 */
.prCont02 .last .prItem{padding-bottom:0}
.prCont02 .prItem:last-child{margin-bottom:0}
.prCont02 .prItem .itemImg.alone{margin-top:60px}
.prCont02 .prItem .subCont{margin-top:30px}
.prCont02 .prItem .subCont:before{display:block;content:'';clear:both}
.prCont02 .prItem .subCont .titDep3{margin:70px 0 15px}
.subCont02{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:20px;}
.subCont02 .leftArea, .subCont02 .rightArea {display:flex;flex-direction:column;}
.subCont02 .leftArea .cardList03, .subCont02 .rightArea .cardList03 {display:block;flex: 1 0 auto;}
.subCont02 .leftArea .cardList03 dl, .subCont02 .rightArea .cardList03 dl {display:block;height:100%;}
.numList{counter-reset:step}
.numList li{position:relative;padding-left:40px;font-weight:400}
.numList li:before{display:block;content:counter(step, decimal-leading-zero);counter-increment:step;position:absolute;left:0;top:0;font-weight:500}
.numList li + li{margin-top:5px}


/* 20190826 추가 */
.introductionTb thead th{padding-right:50px;font-size:18px}
.introductionTb thead th span:after{content:'';display:block;width:100%;height:1px;background:#000;margin-top:25px}
.introductionTb thead th:last-child{padding-right:0}
.introductionTb tbody th{vertical-align:top;border-bottom:1px solid #ccc}
.introductionTb tbody th,  .introductionTb tbody td{padding:30px 0}
.introductionTb tbody td{position:relative;vertical-align:top}
.introductionTb tbody td .listDep1{position:relative;padding-right:50px}
.introductionTb tbody td .listDep1:after{content:'';display:block;position:absolute;left:0;right:50px;bottom:-31px;height:1px;background:#ccc}
.introductionTb tbody td:after{content:'';display:block;position:absolute;right:50px;bottom:0;width:10px;height:10px;background:url(https://cdn.hankook-networks.com/static/assets/img/ko/pc/technology/ico_introduction_arrow.gif) no-repeat 0 0}
.introductionTb tbody td:last-child{border-bottom:1px solid #ccc}
.introductionTb tbody td:last-child .listDep1{padding-right:0}
.introductionTb tbody td:last-child .listDep1:after{display:none}
.introductionTb tbody td:last-child:after{display:none}
.introductionTb tbody td:last-child .listDep1:after{right:0}
.introductionTb tbody tr.case01 td .listDep1:after{bottom:-30px}
.introductionTb tbody tr.case02 td .listDep1:after{bottom:-74px}
.introductionTb tbody tr.case03 td .listDep1:after{bottom:-59px}
.introductionTb tbody tr.case04 td .listDep1:after{bottom:-44px}

.build .sTit{display:block;margin-bottom:5px}
.build .listDep1 > li{margin-top:2px}
.build .listDep1+.sTit{margin-top:20px}

.sevList03 > li > .listDep1{margin-top:0}
.sevList03 > li > .listDep1 > li{text-align:left;margin-top:3px}

.systemConfig{position:relative;background:#f9f9f9;padding:60px 480px 105px 80px;margin-top:80px}
.systemConfig:after{content:'';display:block;position:absolute;right:90px;top:158px;width:292px;height:111px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/technology/bg_system_config01.png) no-repeat 0 0}
.systemConfig dt{font-size:24px;padding-bottom:20px}
.systemConfig dd > p{font-weight:400;margin-bottom:15px}
.systemConfig dd > p.exTxt{position:absolute;right:90px;bottom:50px;font-size:14px;font-weight:400;color:#8d685a;margin-bottom:0}
.systemConfig.type02{margin-top:20px}
.systemConfig.type02:after{content:'';display:block;position:absolute;right:90px;top:118px;width:304px;height:114px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/technology/bg_system_config02.png) no-repeat 0 0}

.intelligentSensor .gallerySwiper .swiper-container{width:580px;height:auto}
.intelligentSensor .gallerySwiper .swiper-indicator{margin-top:15px}
.sideCont .leftArea .txtGuide02{margin-top:30px}
/* 20190826 추가 */

/* technology */
.visualArea.visualtechnology01:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/technology/img_technology_top_01_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualtechnology02:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/technology/img_technology_top_02_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualtechnology03:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/technology/img_technology_top_03_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualtechnology04:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/technology/img_technology_top_04_01.jpg) no-repeat 50% -96px;background-size:cover}

.techCont01{padding:110px 0 350px}
.techCont01 .titDep1{font-size:42px;line-height:1.3}
.techCont01 .img{margin-top:50px}
.techCont02{position:relative;padding:336px 0 120px;background:#f2f2f2}
.techCont02 .bg{position:absolute;top:-220px;left:50%;margin-left:-590px}
.techCont02 .bg + .titDep1{margin-top:0}
.techCont03{padding:120px 0 180px}
.techCont04{padding:150px 0}
.techCont04 .listDep1{margin-top:0}
.techCont04 .rightArea .txtGuide02{text-indent:-9px;margin-left:9px}

.sideCont{display:table;width:100%;table-layout:fixed}
.sideCont > *{display:table-cell;vertical-align:top}
.sideCont .rightArea{width:600px;padding-left:20px;font-weight:400}
.sideCont .rightArea .img, .sideCont .rightArea.img{text-align:center}

.sideCont .rightArea .listDep1 > li > .listDep2{padding-left:0}
.sideCont .rightArea .listDep1 > li > .listDep2 li:first-child{margin-top:6px}
.sideCont .rightArea .listDep1 > li > .listDep2 li{margin-top:4px}
.sideCont .rightArea .listDep1 > li > .listDep2 > li:before{top:13px}

.exCont > li:after{display:block;content:'';clear:both}
.exCont > li{display:block}
.exCont > li+li{margin-top:40px}
.exCont > li strong{display:block;font-size:24px}
.exCont .listDep1{margin:0;padding-top:5px}
.exCont .listDep1 > li{margin-top:10px}
.exCont .listDep1 > li:before{top:15px}

.configList:after{display:block;content:'';clear:both}
.configList > li{float:left}
.configList > li+li{margin-left:18px}
.configList > li > strong{display:block;margin-bottom:20px;font-size:20px}
.configList > li:last-child{margin-left:19px}
.configList .img02{display:inline-block}
.configList .img02+.img02{margin-left:-5px}
.configList .img02 span{display:block;margin-top:15px;font-size:16px;font-weight:400}
.configList > li > strong{display:block;font-size:20px;height:60px}

.sevList:after{display:block;content:'';clear:both}
.sevList li{position:relative;float:left;width:380px;min-height:160px;padding-left:130px;margin-right:20px}
.sevList li.s03, .sevList li.s06{margin-right:0} 
.sevList li+li+li+li{margin-top:50px}
.sevList li:before{display:inline-block;content:'';position:absolute;top:0;left:0;width:80px;height:100px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/technology/bg_techservice.png) 0 0 no-repeat}
.sevList li.s01:before{background-position:0 0}
.sevList li.s02:before{background-position:-80px 0}
.sevList li.s03:before{background-position:-160px 0}
.sevList li.s04:before{background-position:-240px 0}
.sevList li.s05:before{background-position:-320px 0}
.sevList li.s06:before{background-position:-400px 0}
.sevList li > strong{display:block;margin:5px 0 20px;font-size:20px}
.sevList li > p{font-weight:400}
.sevList02{margin:70px 0 -10px}
.sevList02:after{display:block;content:'';clear:both}
.sevList02 li{float:left;width:25%}
.sevList02 li > em{display:block;padding-bottom:20px;font-size:14px;font-weight:600;color:#f37938}
.sevList02 li > strong{font-size:24px}
.sevList02 li > .txtInfo{padding-right:20px}

.sevList03 > li{position:relative;float:left;width:380px;padding-top:180px;text-align:center}
.sevList03 > li:before{display:inline-block;content:'';position:absolute;left:50%;top:0;width:180px;height:114px;margin-left:-90px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/technology/bg_techconfig.png) 0 0 no-repeat}
.sevList03 > li.s02:before{background-position:-180px 0}
.sevList03 > li.s03:before{background-position:-360px 0}
.sevList03 > li.s04:before{background-position:-540px 0}
.sevList03 > li.s05:before{background-position:-720px 0}
.sevList03 > li.s06:before{background-position:-900px 0}
.sevList03 > li.s07:before{background-position:-1080px 0}
.sevList03 > li:after{display:inline-block;content:'';position:absolute;top:45px;right:-50px;width:120px;height:17px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/technology/bg_techconfig.png) 0 -114px no-repeat}
.sevList03 li+li+li:after{display:none}
.sevList03 li strong{display:block;padding-bottom:10px;font-size:24px}

/* media */
.visualArea.visualMedia01:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/media/img_media_top_01_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualMedia02:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/media/img_media_top_02_01.jpg) no-repeat 50% -96px;background-size:cover}

.boardTop{display:table;width:100%;margin-bottom:90px}
.boardTop .bigThum, .boardTop .textArea{display:table-cell;vertical-align:middle}
.boardTop .bigThum{width:580px;overflow:hidden}
.boardTop .bigThum a{display:block;position:relative}
.boardTop .bigThum.video > a:after{content:'';display:block;position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px;width:80px;height:80px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/common/ico_video_play.png) no-repeat 0 0}
.boardTop .bigThum a img{width:580px;height:387px;transition:transform .3s ease-out}
.boardTop .bigThum a:hover img{transform:scale(1.3)}
.boardTop .textArea{padding:0 100px}
.boardTop .textArea .tit{position:relative;font-size:28px;line-height:42px}
.boardTop .textArea .info{position:relative;margin-top:22px}
.boardTop .textArea .info:after{display:block;content:'';clear:both}
.boardTop .textArea .info>*{float:left;font-weight:400;margin-top:12px}
.boardTop .textArea .info dt{width:75px;color:#666}
.boardTop .textArea .info dd{width:325px}
.boardTop .textArea .tit .new{display:inline-block;position:relative;top:-13px;vertical-align:middle;margin-left:10px;width:7px;height:7px;border-radius:4px;background:#f47937;font:0/0 'HantKR';overflow:hidden}
.boardTop .textArea .txt{margin-top:30px;line-height:30px;font-weight:400}
.boardCont{background:#f3f3f3;margin:0 0 -150px;padding:50px 0 150px}
.boardCont:first-child{margin-top:-120px;padding-top:80px}
.inner .boardTop{padding-bottom:90px;border-bottom:1px solid #ddd}

.boardView .gallerySwiper{margin-bottom:80px}

.combiList04{margin-left:-20px}
.combiList04:after{display:block;content:'';clear:both}
.combiList04 > li{float:left;width:380px;height:208px;margin:40px 0 0 20px;}
.combiList04 > li .linkArea{position:relative;display:block;width:380px;height:208px;padding:40px 30px;background:#fff;transition:box-shadow .3s}
.combiList04 > li .linkArea:hover, .combiList04 > li .linkArea:focus{box-shadow:0 20px 30px #ccc}
.combiList04 > li .lineBox{display:block;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;z-index:1}
.combiList04 > li .lineBox span:before, .combiList04 > li .lineBox span:after{content:'';position:absolute;width:0;height:0;background:#000}
.combiList04 > li .lineBox span.line1:before{top:0;left:0;height:2px;transition:width .2s .3s ease-out}
.combiList04 > li .lineBox span.line1:after{right:0;top:0;width:2px;transition:height .1s .2s linear}
.combiList04 > li .lineBox span.line2:before{right:0;bottom:0;height:2px;transition:width .1s .1s linear}
.combiList04 > li .lineBox span.line2:after{left:0;bottom:0;width:2px;transition:height .1s linear}
.combiList04 > li .linkArea:hover .lineBox span.line1:before{top:0;left:0;width:100%;height:2px;transition:width .1s .2s linear}
.combiList04 > li .linkArea:hover .lineBox span.line1:after{right:0;top:0;width:2px;height:100%;transition:height .1s .3s linear}
.combiList04 > li .linkArea:hover .lineBox span.line2:before{right:0;bottom:0;width:100%;height:2px;transition:width .1s .4s linear}
.combiList04 > li .linkArea:hover .lineBox span.line2:after{left:0;bottom:0;width:2px;height:100%;transition:height .2s .5s ease-out}
.combiList04 > li a .condition{display:block;margin-bottom:20px;font-size:14px;color:#999}
.combiList04 > li a .condition.ing{color:#f37938}
.combiList04 > li a .tit{display:block;display:-webkit-box;font-size:20px;height:105px;overflow:hidden;line-height:1.3;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.combiList04 > li a .tit .new{display:inline-block;position:relative;top:-10px;vertical-align:middle;margin-left:10px;width:7px;height:7px;border-radius:4px;background:#f47937;font:0/0 'HantKR';overflow:hidden}
.combiList04 > li a .date{position:absolute;bottom:35px;left:30px;font-size:14px;font-weight:400}
.combiList04 > li a .date strong{display:inline-block;font-size:14px;margin-right:15px}

.videoTop{display:table;width:100%;table-layout:fixed;padding-bottom:90px;border-bottom:1px solid #ddd}
.videoTop > *{display:table-cell;vertical-align:middle}
.videoTop .videoTxt{padding:0 90px}
.videoTop .videoTxt .tit{display:inline-block;font-size:28px/*;height:82px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical*/}
.videoTop .videoTxt .txt{font-weight:400;margin-top:25px}
.videoTop .videoTxt .tit .new{display:inline-block;position:relative;top:-13px;vertical-align:middle;margin-left:10px;width:8px;height:8px;border-radius:4px;background:#f47937;font:0/0 'HantKR';overflow:hidden}
.videoTop .bigThum{width:580px;overflow:hidden}
.videoTop .bigThum a img{transition:transform .3s ease-out}
.videoTop .bigThum a:hover img{transform:scale(1.3)}
.videoTop .bigThum > a{display:block;position:relative}
.videoTop .bigThum > a:after{content:'';display:block;position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px;width:80px;height:80px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/common/ico_video_play.png) no-repeat 0 0}
.videoTop .bigThum img, .combiList03 > li .thum img{width:100%}

/* about us */
.visualArea.visualAbout01:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/about/img_about_top_01_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualAbout02:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/about/img_about_top_02_01.jpg) no-repeat 50% -96px;background-size:cover}

.aboutCont01{padding-top:120px}
.aboutCont01 .titDep1{font-size:42px;line-height:1.3}

.aboutCont02{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/about/bg_about_cont02.jpg);background-attachment:fixed;background-size:cover;background-position:50% 50%;height:800px;margin-top:150px;padding-top:445px}
.aboutCont02 .icoList {display:flex; align-items:stretch; justify-content:center;} /* 20230425 추가 */
.aboutCont02 .icoList li{float:left;width:180px;margin-left:20px}
.aboutCont02 .icoList li:first-child{margin-left:0}
.aboutCont02 .icoList li > span{display:block;position:relative;height:250px;border:1px solid #fff;text-align:center;color:#fff;font-size:18px}
.aboutCont02 .icoList li > span:before{content:'';display:block;margin:40px auto 20px;width:80px;height:80px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/about/ico_icolist.png) no-repeat}
.aboutCont02 .icoList li.ico01 > span:before{background-position:0 0}
.aboutCont02 .icoList li.ico02 > span:before{background-position:0 -80px}
.aboutCont02 .icoList li.ico03 > span:before{background-position:0 -160px}
.aboutCont02 .icoList li.ico04 > span:before{background-position:0 -240px}
.aboutCont02 .icoList li.ico05 > span:before{background-position:0 -320px}
.aboutCont02 .icoList li.ico06 > span:before{background-position:0 -400px}

.aboutCont03{padding:100px 0}
.aboutCont03 .inner{position:relative}
.aboutCont03 .scroll{position:absolute;top:0;left:50%;width:1180px;height:1px;margin-left:-590px;background:#e6e6e6}
.aboutCont03 .bar{position:absolute;top:0;left:0;height:1px;background:#000;}
.aboutCont03 .item{display:table;width:1000px;height:100%;margin:0 auto 120px}
.aboutCont03 .item li{display:table-cell;position:relative;width:25%;vertical-align:middle}
.aboutCont03 .item li a{display:block;color:#999;text-align:center;padding:40px 20px 0;font-size:18px;font-weight:400;margin-top:-11px}
.aboutCont03 .item li.on a{color:#000;font-weight:500}
.aboutCont03 .item li.pass:before{background:#000}
.aboutCont03 .item li:before{content:'';display:block;position:absolute;left:50%;top:-4px;margin-left:-5px;width:10px;height:10px;background:#e6e6e6;border-radius:5px}
.aboutCont03 .item li.on:before{top:-11px;margin-left:-11px;width:22px;height:22px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/about/ico_item_on.png) no-repeat 0 0}
.aboutCont03 .itemInner{height:740px;overflow:hidden}
.aboutCont03 .itemCont{display:table;position:relative;width:100%;table-layout:fixed;height:740px}
/*.aboutCont03 .itemCont + .itemCont{margin-top:200px}*/
.aboutCont03 .itemCont > div{display:table-cell;vertical-align:top}
.aboutCont03 .itemCont .txtArea{position:relative;z-index:1;width:480px}
.aboutCont03 .itemCont .historyList li{position:relative;margin-top:12px}
.aboutCont03 .itemCont .historyList li:first-child{margin-top:0}
.aboutCont03 .itemCont .historyList li > .year{position:absolute;left:0;top:0}
.aboutCont03 .itemCont .historyList li > .year.type02{top:4px}
.aboutCont03 .itemCont .historyTxt{padding-left:100px}
.aboutCont03 .itemCont .historyTxt strong.pointColor1{display:block;margin-bottom:18px}
.aboutCont03 .itemCont .historyTxt .txtInfo:first-child{margin-top:0}
.aboutCont03 .itemCont .historyTxt .txtInfo{margin-top:13px}
.aboutCont03 .itemCont .historyTxt .txtInfo.pointColor1{font-weight:500;margin-top:13px}
.aboutCont03 .itemCont .historyDesc{margin-top:100px;color:#444}
.aboutCont03 .itemCont .img{position:relative;width:700px;z-index:1;text-align:right}
.aboutCont03 .itemCont.item02 .img, .itemCont.item04 .img{text-align:left}
.aboutCont03 .itemCont:after{position:absolute;bottom:-15px;font-size:280px;color:#f2f2f2;font-weight:600;line-height:1}
.aboutCont03 .itemCont.item01 .img{padding-top:75px}
.aboutCont03 .itemCont.item01:after{content:'2019';left:0;bottom:300px}
.aboutCont03 .itemCont.item02:after{content:'2018';right:0}
.aboutCont03 .itemCont.item03:after{content:'2012';left:0}
.aboutCont03 .itemCont.item04:after{content:'2000';right:0;bottom:260px}

.aboutCont04{height:950px;background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/about/bg_about_cont04_01.jpg) no-repeat 50% 50%;background-size:cover}
.aboutCont04 .inner{text-align:center;color:#fff;padding-top:160px}
.aboutCont04 .tit{font-size:42px;font-weight:400;padding-bottom:15px}
.aboutCont04 .txtRolling{height:190px;overflow:hidden;position:relative}
.aboutCont04 .txtRolling li{font-size:100px;line-height:190px;width:100%;left:0%;position:absolute}
.aboutCont04 .txtRolling+.txtInfo{margin-top:0}
.aboutCont04 .btnArea{margin-top:140px}
.aboutCont04 .btnArea a{display:inline-block;position:relative;width:190px;height:60px;line-height:60px;border:1px solid #fff;text-align:center;margin:0 auto;overflow:hidden;z-index:1;}
.aboutCont04 .btnArea a:before{ content: ""; position: absolute; top: 0; left: -150%; background-color: #000; width: 130%; height: 100%; -webkit-transform: skewX(-16deg); -ms-transform: skewX(-16deg); transform: skewX(-16deg); transition: all 0.5s ease-in-out; z-index: -1; }
.aboutCont04 .btnArea a:hover {color:#fff;border:1px solid #000}
.aboutCont04 .btnArea a:hover:before { left: -10%; transform: skewX(-16deg); -webkit-transform: skewX(-16deg); -ms-transform: skewX(-16deg); }

.aboutCont05{padding:130px 0 190px}
.aboutCont05 .inner{text-align:center}
.aboutCont05 .cuTab{display:inline-block}
.aboutCont05 .cuTab > li{float:left}
.aboutCont05 .cuTab > li:first-child{margin-left:0}
.aboutCont05 .cuTab > li:after{content:'';display:inline-block;width:2px;height:2px;vertical-align:middle;background:#000;margin:0 25px 0 26px}
.aboutCont05 .cuTab > li:last-child:after{display:none}
.aboutCont05 .cuTab > li a{font-size:18px;font-weight:400}
.aboutCont05 .cuTab > li.on a{display:inline-block;font-weight:500}
.aboutCont05 .cuTab > li.on a:after{content:'';display:block;width:100%;height:3px;background:#000}
.aboutCont05 .network{display:table;width:100%;table-layout:fixed;text-align:left;margin-top:85px}
.aboutCont05 .network > div{display:table-cell;vertical-align:top}
.aboutCont05 .network .inforArea{width:600px;padding-right:20px}
.aboutCont05 .network .tabTit{display:block;font-weight:400;color:#f37938;margin-bottom:32px}
.aboutCont05 .network .zone+.zone{margin-top:65px}
.aboutCont05 .network .btnMap{display:inline-block;font-size:30px;font-weight:400;cursor:pointer}
.aboutCont05 .network .btnMap.on:after{content:'';display:inline-block;vertical-align:middle;margin-left:15px;width:46px;height:15px;background: url(https://cdn.hankook-networks.com/static/assets/img/en/pc/about/ico_link.png) no-repeat 0 0}
.aboutCont05 .network .inforList{margin-top:15px}
.aboutCont05 .network .inforList li{position:relative;font-weight:400;margin-top:10px;padding-left:100px}
.aboutCont05 .network .inforList li > b{display:inline-block;position:absolute;left:0;top:0}
.aboutCont05 .network .mapArea{width:580px;height:580px}

.aboutCont06, .aboutCont07{position:relative}
.aboutCont06 .txtArea, .aboutCont07 .txtArea{position:absolute;left:50%;top:0;z-index:10;width:1200px;margin:0 auto;padding:0 10px;color:#fff;margin-left:-600px}
.aboutCont06 .txtInner, .aboutCont07 .txtInner{display:table-cell;height:400px;vertical-align:middle;text-align:left}
.aboutCont07 .txtInner{height:790px}
.aboutCont06 .depthTitle, .aboutCont07 .depthTitle{display:block;font-size:24px;font-weight:400;margin-bottom:60px}
.aboutCont06 .largeTxt, .aboutCont07 .largeTxt{display:block;font-size:60px;line-height:1.2}
.aboutCont06:after{content:'';display:block;background:#282934;height:400px}
.aboutCont07:after{content:'';display:block;background: url(https://cdn.hankook-networks.com/static/assets/img/en/pc/about/bg_about_cont06.jpg);background-size:cover;background-position:50% 50%;height:790px;background-attachment:fixed}
.aboutCont07 .visionCont{display:table;width:100%;table-layout:fixed;margin-top:90px}
.aboutCont07 .visionCont dl{display:table-cell;width:50%}
.aboutCont07 .visionCont dl dt{font-size:18px;color:#f37938;margin-bottom:20px}
.aboutCont07 .visionCont dl dd ul li{font-weight:400;margin-top:5px}
.aboutCont07 .visionCont dl dd ul li:first-child{margin-top:0}

.tabType02 + .termsArea{padding-top:100px}
.termsArea .titDep2{margin-top:100px}
.termsArea .hidden + .titDep2{margin-top:0}
.termsArea .txtInfo + .titDep3, .termsArea .txtList + .titDep3, .termsArea .listDep2 + .titDep3, .termsArea .listCircle + .titDep3{margin-top:65px}
.termsArea .txtList{counter-reset:section;margin-top:10px}
.termsArea .txtList li:first-child, .txtList li:first-child b{margin:0}
.termsArea .txtList li, .termsArea p.txtList{position:relative;font-weight:400;padding-left:20px}
.termsArea .txtList > li:before, .termsArea p.txtList:before{content:counter(section)'.';counter-increment:section;display:inline-block;width:20px;position:absolute;left:0;top:0}
.termsArea .txtList li b{display:block;margin-top:15px}
.termsArea .txtList li ol, .termsArea .txtList li ol{padding:15px 0}
.termsArea .txtList li ol li, .termsArea .txtList li ol li{font-size:14px;padding:0}
.termsArea .txtList li ol li ol{padding:27px 0}
.termsArea .txtList li > .listDep2{margin:0;padding:10px 0 15px}
.termsArea .txtList li > .listCircle.half2 li:before{font-size:14px;top:3px}
.termsArea .txtList.type02 > li{padding-left:35px}
.termsArea .txtList.type02 li:before{display:none}
.termsArea .txtList.type02 li span{position:absolute;left:0;top:0}
.termsArea .txtInfo:first-child{margin-top:0}
.termsArea .listDep2{margin-top:18px}
.termsArea .listDep2 > li{margin:0}
.termsArea .listDep2 > li:before{top:14px}
.termsArea .listCircle{counter-reset:section;margin-top:18px}
.termsArea .listCircle > li{position:relative;padding-left:30px;font-weight:400}
.termsArea .listCircle > li:before{content:counter(section);counter-increment:section;display:inline-block;position:absolute;left:0;top:5px;border:1px solid #000;text-align:center;width:20px;height:20px;border-radius:15px;line-height:20px;font-size:12px}
.termsArea .listCircle > li > .txtList{padding:15px 0;margin:0}
.termsArea .listCircle > li > .txtList li{font-size:14px}
.termsArea .listCircle.half > li{padding-left:20px}
.termsArea .listCircle.half > li:before{content:counter(section)')';top:5px;width:auto;height:auto;text-align:left;border:0;font-size:16px}
.termsArea .listCircle.half2{margin:0}
.termsArea .listCircle.half2 > li{padding-left:25px}
.termsArea .listCircle.half2 > li:before{content:'('counter(section)')';top:5px;width:auto;height:auto;text-align:left;border:0;font-size:16px}
.termsArea dl dd .listDep2{margin:0}
.termsArea .addTerms{border-top:1px solid #ddd;margin-top:100px;padding-top:100px}
.termsArea .addTerms .txtList{margin-top:20px}

/* support */
.visualArea.visualSuppport01:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/support/img_support_top_01_01.jpg) no-repeat 50% -96px;background-size:cover}

/* 20231101 수정 */
.hnwCs{background:#f3f3f3;padding:120px 0 100px}
.hnwCs .teamList{display:flex; align-items:stretch; flex-wrap:wrap; gap:20px;}
.hnwCs .teamList > li{width:380px;}
.hnwCs .teamList > li .box{background:#fff;padding:40px;height:100%;}
.hnwCs .teamList > li .teamName{display:block;font-size:24px;margin-bottom:5px}
.hnwCs .teamList > li .tel,
.hnwCs .teamList > li em + .email{margin-top:40px} /* 20240405 수정 */
.hnwCs .teamList > li .tel span{font-weight:400}
.hnwCs .teamList > li .tel span:first-child:before{display:none}
.hnwCs .teamList > li .tel span:before{content:'';display:inline-block;width:1px;height:12px;background:#ddd;margin:0 15px}
.hnwCs .teamList > li .email{font-weight:400;display:inline-block;}
.hnwCs .teamList > li .email:not(:last-child) {margin-bottom:20px;}
.hnwCs .teamList > li em {display:flex;}
.hnwCs .teamList > li .infoBox .tel {margin-top:0;}
.hnwCs .teamList > li .infoBox + .infoBox {margin-top:40px;}
/* //20231101 수정 */

.hnwCs .csCenter{position:relative;border-top:2px solid #000;border-bottom:1px solid #ddd;padding:35px 20px;margin-top:50px}
.hnwCs .csCenter .tit{font-size:20px}
.hnwCs .csCenter .csInfor{position:absolute;right:20px;top:38px;}
.hnwCs .csCenter .csInfor em+em{margin-left:60px}
.hnwCs .csCenter .csInfor em{font-size:24px;line-height:1}
.hnwCs .csCenter .csInfor em:before{content:'';display:inline-block;vertical-align:middle;margin-right:20px;width:26px;height:26px;}
.hnwCs .csCenter .tel:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/common/ico_tel.png) no-repeat 0 0}

.ctCont.bgGray{padding:80px 0 150px;background:#f3f3f3}

.ctList{margin:-20px 0 0 -20px;text-align:center}
.ctList > li{float:left;width:380px;height:390px;margin:20px 0 0 20px;padding:20px;background:#fff}
.ctList .ctInfo01{height:150px;padding-top:35px;border-bottom:1px solid #000}
.ctList .ctCountry{display:block;font-size:20px;text-align:center}
.ctList .ctKind{display:block;padding-bottom:10px;color:#f47937}
.ctList .ctInfo02{padding-top:50px}
.ctList .ctInfo02 li{padding:0 20px;font-size:14px;color:#808080}
.ctList .ctInfo02 li.address{margin-bottom:27px;color:#000}
.ctList .ctInfo02 li + li{margin-top:10px}
/* Footer */
.visualArea.visualFooter01:before{background:url(https://cdn.hankook-networks.com/static/assets/img/en/pc/common/img_footer_top_01_01.jpg) no-repeat 50% -96px;background-size:cover}

/* 20230626 추가 */
.privacy_content {font-size:16px; font-weight:300; letter-spacing:-0.02em; line-height:32px;}
.privacy_content p {margin-bottom:40px;}
.privacy_content p.date {font-size:12px; text-align:right;}
.privacy_content>ul>li {font-size:20px; font-weight:500; margin-bottom:60px;}
.privacy_content>ul>li ul {margin-top:15px;}
.privacy_content>ul>li ul li {padding-left:15px; font-size:16px; font-weight:300; margin-bottom:15px;}
.privacy_content .tbl_default {margin-top:40px; border-top:2px solid #000;}
.privacy_content .tbl_default table th {text-align:center; font-weight:500; word-break:break-word; border-bottom:1px solid #ddd; padding:20px 10px;}
.privacy_content .tbl_default table td {text-align:center; word-break:break-word; border-bottom:1px solid #ddd; padding:20px 10px;}
/* //20230626 추가 */