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

/* product */ 
.prMainVisual{position:relative;margin-bottom:187px;color:#fff;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/product/img_product_submain_v2.jpg) no-repeat 50% 0;background-size:cover;height:764px}
.prMainVisual.type02{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/product/img_product_submain02.jpg) no-repeat 50% 0;background-size:cover}
.prMainVisual .visualTit{font-size:80px;font-weight:500;line-height:1.2}
.prMainVisual .visualTxt{display:table-cell;vertical-align:middle;width:1200px;height:764px}
.prMainVisual .inner{display:table;text-align:center}
.prMainVisual .pageGuide{font-size:20px;font-weight:400;line-height:1.7;color:#fff;margin-top:45px}

.prMainCont{position:relative;padding:120px 0 150px}
.prMainCont .prScroll{position:absolute;top:120px;left:50%;width:180px;margin-left:420px;height:400px;padding-left:30px}
.prMainCont .prScroll .scroll{position:absolute;top:0;left:0;width:2px;height:100%;background:#e6e6e6}
.prMainCont .prScroll .scroll .bar{position:absolute;top:0;left:0;width:100%;height:0%;background:#000}
.prMainCont .prScroll .item{display:table-cell;height:400px;vertical-align:middle}
.prMainCont .prScroll .item li{display:inline-block;width:150px;margin-top:10px}
.prMainCont .prScroll .item li:first-child{margin-top:0}
.prMainCont .prScroll .item li a{display:block;color:#999;font-size:14px;font-weight:400;line-height:32px}
/*.prMainCont .prScroll .item li a:hover{color:#000}*/
.prMainCont .prScroll .item li a.nTouch:hover{color:#000}
.prMainCont .prScroll .item li.on a{color:#000;font-weight:500}
.prMainCont .prScroll.fixed{position:fixed;top:50%;margin-top:-200px}
.prMainCont .prItem{width:900px;margin-bottom:120px}
.prMainCont .prItem:last-child{margin-bottom:0}
.prMainCont .prItem .itemImg{overflow:hidden;opacity:0}
.prMainCont .prItem .itemTxt{margin-top:55px}
.prMainCont .prItem .itemTxt:after{content:'';display:block;clear:both}
.prMainCont .prItem .itemTxt .tit{float:left;width:300px;font-size:48px;line-height:1.2}
.prMainCont .prItem .itemTxt .con{overflow:hidden}
.prMainCont .prItem .itemTxt .con .intro{font-weight:400}
.prMainCont .prItem .itemTxt .con .series{margin-top:20px;font-size:18px}
.prMainCont .prItem .itemTxt .con .series b{display:inline-block;margin-right:12px;color:#000}
.prMainCont .prItem .itemTxt .con .series span{display:inline-block;color:#888}
.prMainCont .prItem .itemTxt .con .series span+span:before{content:'';display:inline-block;margin:0 10px 0 6px;width:1px;height:14px;background:#afafaf}
.prMainCont .prItem .itemTxt .con .link{display:inline-block;margin-top:50px;border-bottom:1px solid #000;font-size:18px;line-height:20px}

.brStory{overflow:hidden;padding:130px 0 170px;background:#f3f3f3}
.brStory .logo{float:left;margin-right:120px}
.brStory .desc{overflow:hidden;padding-top:45px}
.brStory .desc a{display:block;padding-bottom:55px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/product/ico_link.png) 0 98% no-repeat}

.visualArea.visualProduct01:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/product/img_product_top_01_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualProduct02:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/product/img_product_top_02_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualProduct03:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/product/img_product_top_03_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualProduct04:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/product/img_product_top_04_02.jpg) no-repeat 50% -96px;background-size:cover}

.plusCont{margin-top:70px}
.plusCont > a{display:inline-block;position:relative;font-size:18px}
.plusCont > a:after{content:'';display:inline-block;vertical-align:middle;width:6px;height:10px;margin-left:10px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/product/ico_arrow.png) no-repeat 0 0}
.plusCont > a:hover{text-decoration:underline}
.plusCont > p{margin-top:15px;font-weight:400}

.prCont01{margin-top:100px;padding:0 0 150px;background:#fff}
.prCont01 > .inner{position:relative;min-height:420px}
.prCont01 .prImg{position:absolute;top:110px;right:10px}
.prCont01 .prTit{display:block;font-size:52px;font-weight:600;margin-bottom:35px;line-height:1}
.prCont01 .prTxt .txt{font-size:24px}
.prCont01 .prBtn{position:absolute;right:10px;top:0}
.prCont01 .prBtn a+a{margin-left:5px}
.hidden+.prCont01{margin-top:0}
/* 20230320 추가 */
.prCont01 .prTxt .s_txt {font-size:16px; line-height:28px; margin-top:40px;}
.prCont01 .prTxt .s_txt span {font-weight:300;}
/* //20230320 추가 */
/* 20231108 추가 */
.prCont01 .prTxt .tit {font-size:18px; margin-top:70px;}
.prCont01 .prTxt .tit+.listDep1 {margin-top:15px;}
.prdtit {font-size:18px; margin-bottom:30px;}
/* //20231108 추가 */

.prUse{position:relative;margin-top:120px}
.prUse .useSort{float:left;width:140px;padding:5px 0;font-size:18px;line-height:24px}
.prUse .useList{overflow:hidden;position:relative;margin:15px 0 0}
.prUse .useList li{float:left;line-height:24px;padding:5px 0}
.prUse .useList li:before{content:'';display:inline-block;width:1px;height:14px;margin:0 15px 0;background:#b2b2b2}
.prUse .useList li:first-child:before{display:none}
.prUse .useList .br{clear:both}
.prUse .useList .br:before{display:none}
.prUse .useList+.useSort{margin-top:15px}

/* 20230320 추가 */
.prCont01_1 {margin-top:200px; background:#F3F3F3;}
.prCont01_1 .video {width:980px; height:550px; background:#333; margin:0 auto; position:relative; top:-200px;}
.prCont01_2 .img_lst {padding:100px 0; border-bottom:2px solid #EBEBEB;}
.prCont01_2 .img_lst>li {width:100%; display:flex; align-items:flex-start;}
.prCont01_2 .img_lst>li:not(:last-child) {margin-bottom:100px;}
.prCont01_2 .img_lst>li .img_box {margin-right:145px;}
.prCont01_2 .img_lst>li .con_box>p {font-size:24px; font-weight:500; line-height:43px;}
.prCont01_2 .img_lst>li .con_box .listDep1 {margin-top:0; margin-bottom:60px;}
.prCont01_2 .img_lst>li .con_box .graph_lst {margin-top:32px;}
.prCont01_2 .img_lst>li .con_box .graph_lst li {display:flex; align-items:center;}
.prCont01_2 .img_lst>li .con_box .graph_lst li:not(:last-child) {margin-bottom:8px;}
.prCont01_2 .img_lst>li .con_box .graph_lst li .tit {width:120px; font-size:16px; font-weight:500; margin-right:64px;}
.prCont01_2 .img_lst>li .con_box .graph_lst li .txt {width:560px; height:36px; background:#F37737; padding:0 17px; font-size:16px; font-weight:700; color:#fff; display:flex; align-items:center;}
.prCont01_2 .img_lst>li .con_box .graph_lst li .txt.gray {width:432px; background:#C7C7C7;}
.prCont01_3 {padding-top:100px; margin-bottom:100px;}
.prCont01_3 h3 {width:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; font-size:32px; font-weight:700; line-height:30px; margin-bottom:64px;}
.prCont01_3 h3 span {font-size:24px; font-weight:300;}
.prCont01_3 .graph_lst {display:flex; align-items:flex-start; justify-content:space-between;}
.prCont01_3 .graph_lst li {display:flex; align-items:center; flex-direction:column;}
.prCont01_3 .graph_lst li .tit {font-size:24px; line-height:30px; font-weight:500; margin-bottom:50px; text-align:center;}
.prCont01_3 .graph_lst li .graph {width:503px; height:340px;}
.prCont01_4 {padding-bottom:160px;}
/* //20230320 추가 */

.prCont02{background:#282934;margin:180px auto 0}
.prCont02 > .inner{position:relative;padding:280px 0 150px}
.prCont02 .bg{display:block;position:absolute;top:-180px;left:-350px;width:1390px;height:460px}

.prFunclist li{position:relative;float:left;width:33.33%;text-align:center}
.prFunclist li .tit{font-size:24px;padding-top:240px}
.prFunclist li .txt{font-weight:400;margin-top:25px;line-height:1.9;margin-bottom:55px}
.prFunclist li .tit, .prFunclist li .txt{display:block;color:#fff}
.prFunclist li a, .prFunclist li button{font-weight:400;color:#949496;text-decoration:underline}
.prFunclist li a+a, .prFunclist li button+button{margin-left:30px}
.prFunclist li:before{content:'';display:block;position:absolute;left:50%;top:0;margin-left:-90px;border:1px solid #f47937;border-radius:90px;width:180px;height:180px;}
.prFunclist li .tit:before{content:'';display:block;position:absolute;left:50%;top:0;margin:60px 0 0 -32px;width:64px;height:64px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/product/bg_ico_funclist.png) no-repeat 0 0}
.prFunclist li.list02 .tit:before{background-position:0 -64px}
.prFunclist li.list03 .tit:before{background-position:0 -128px}

.prCont03{background:#f2f2f2;margin-bottom:-150px;padding:150px 0}
.prCont03.bgW{background:#fff}
.prCont03 .tblH th, .prCont03 .tblH td{padding:15px 18px 14px}
.prCont03 .prSpec{border-top:1px solid #c2c2c2;padding-top:100px;margin-top:100px}
.prCont03 .prSpec:first-child{padding-top:0;margin-top:0;border-top:0}
.prCont03 .prSpec .txtGuide02{margin-top:20px;text-align:right}
.prCont03 .prSpec .prInfor > li > em{width:140px}
.prCont03 .btnMore.on{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_more_gray.gif) 50% 0 no-repeat}
.prCont03.bgW .btnMore.on{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_more_white.gif) 50% 0 no-repeat}

.prCont03 .tabSelectBox{float:right;margin-top:-87px}
.prCont03 .tabSelectBox:after{display:block;content:'';clear:both}
.prCont03 .tabSelectBox .tabType03{float:left;margin:7px 40px 0 0}

.titDep1+.tabType03{float:right;margin-top:-80px}
.txtLink{text-decoration:underline}
.txtLink:hover{color:#f37938}

.prDetail .detTit{font-size:42px;font-weight:600;line-height:1}
.prDetail .detTxt{margin-top:30px;font-weight:400}
.prDetail .detInfo{margin-top:30px;font-weight:400}
.prDetail .detInfo:after{display:block;content:'';clear:both}
.prDetail .detInfo > *{float:left;width:330px}
.prDetail .detInfo .detImg{float:right;margin-top:-86px;text-align:right}
.prDetail .detInfo .detImg img{width:100%}

.prDetail .detTbl{overflow:hidden;margin:60px 0 40px}
.prDetail .detTbl .prInfor{float:left;width:320px;border-top-width:2px}
.prDetail .detTbl .prInfor+.prInfor{float:right}
.prDetail .detTbl .prInfor > li{padding:16px 10px;font-size:16px}
.prDetail .detTbl .prInfor > li > em{width:200px}
.prDetail .detBtn{position:relative;margin-top:40px;text-align:right}
.prDetail .detBtn .txtGuide02{position:absolute;top:0;left:0;text-align:left}
.prDetail .detBtn .btnL{width:320px}

.prDetail02 .tblH tbody td{padding:15px 15px 14px}
.prDetail02 .titArea{margin-top:100px}

.prSearch{position:relative;margin-bottom:-40px}
.prSearch .searchStep{display:table;table-layout:fixed;width:100%;margin-bottom:-40px;text-align:left;counter-reset:section}
.prSearch .searchStep:after{display:none}
.prSearch .searchStep > li{display:table-cell;position:relative;padding:110px 0;border-left:1px solid #e9e9e9}
.prSearch .searchStep > li:first-child{border-left:0}
.prSearch .searchStep > li:before{content:'';position:absolute;top:0;left:auto;right:0;width:0;height:782px;background:#20222b;transition:width .2s ease-out}/* 20210609 height값 수정, 기존 height 716px */
.prSearch .searchStep .stepInner{position:relative;width:300px;margin:0 auto;padding-bottom:40px}
.prSearch .searchStep .stepInner .txtGuide > li{color:#f37938;font-weight:500}
.prSearch .searchStep .schQ{display:block;margin-bottom:30px;font-size:32px;line-height:1.4}
.prSearch .searchStep .schQ:before{content:counter(section, decimal-leading-zero);counter-increment:section;display:block;margin-bottom:30px;font-size:16px;line-height:1;font-weight:600}
.prSearch .searchStep .schA{display:table-cell;position:relative;width:300px;height:157px;vertical-align:bottom}
.prSearch .searchStep .frmSelect{display:block;position:static;width:auto;margin-top:24px}
.prSearch .searchStep .frmSelect:first-child{margin-top:0}
.prSearch .searchStep .frmSelect .tit{height:64px;padding:0 40px 0 0;font-size:20px;line-height:63px;border-bottom:1px solid #b2b2b2;background:none}
.prSearch .searchStep .frmSelect .tit:before{display:none}
.prSearch .searchStep .frmSelect .tit:after{right:0;width:31px;height:16px;margin-top:-8px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/product/bg_select.png) 0 0 no-repeat}
.prSearch .searchStep .frmSelect .tit.placeholder:after{opacity:0.3}
.prSearch .searchStep .frmSelect .overcon li a{padding:0 25px}
.prSearch .searchStep .frmSelect .maskDiv_wddo{bottom:0;top:auto;border:0;z-index:1;/*height:280px!important;*/}
.prSearch .searchStep > li.comp .schQ:before{color:#f37938}
.prSearch .searchStep > li.ing:before{width:100%;left:0;right:auto}
.prSearch .searchStep > li.ing .schQ{color:#fff}
.prSearch .searchStep > li.ing .schQ:before{color:#f37938}
.prSearch .searchStep > li.ing .frmSelect .tit{color:#fff}
.prSearch .searchStep > li.ing .frmSelect .tit:after{background-position:0 -16px}
.prSearch .searchBtn{position:relative;width:100%;height:80px;color:#fff;font-size:20px;background:#54565c}
.prSearch .searchBtn:before{content:'';display:inline-block;width:24px;height:24px;margin:-2px 15px 0 0;vertical-align:middle;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/product/ico_search.png) 0 0 no-repeat}
.prSearch .searchBtn:disabled{color:#d8d9db;background:#b1b2b6}
.prSearch .searchBtn:disabled:before{opacity:.5}
.prResult{min-height:600px;padding:150px 0;background:#f2f2f2}
.prResult .resultGuide{padding:35px 0;color:#888;font-size:32px;font-weight:400;text-align:center}
.prResult .resultCount{margin-bottom:50px;padding-bottom:20px;font-size:20px;font-weight:400;border-bottom:1px solid #000}
.prResult .resultBlock .titDep3{margin-bottom:30px}
.prResult .resultBlock+.resultBlock{margin-top:70px;padding-top:70px;border-top:1px solid #ddd}
.listType01.prList .btnDownload{position:absolute;top:10px;right:10px}
.listType01.prList .prImg img{width:100%}

.brandCont01 .titDep1{font-size:42px;line-height:1.3}
.brandCont01:after{content:'';display:block;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/product/bg_brand_intro02.jpg);background-size:cover;background-position:50% 50%;height:480px;margin-top:140px;background-attachment:fixed;background-repeat:no-repeat}
.brandCont02{margin-top:150px}
.brandCont03{margin-top:150px;padding:105px 0;background:#f3f3f3}
.brandCont03 .inner:after{content: '';display:block;clear:both}
.brandCont03 .txtA{float:left;width:480px;padding-top:40px}
.brandCont03 .txtA .link{display:inline-block;margin-top:40px;font-size:18px;font-weight:500;line-height:20px;border-bottom:1px solid #000}
.brandCont03 .imgA{float:right}
.brandCont04{margin-top:130px}
.brandCont04 .brColor{margin-top:60px}
.brandCont04 .brColor li{float:left;width:280px;margin-left:20px}
.brandCont04 .brColor li:first-child{margin-left: 0}
.brandCont04 .brColor li:before{content:'';display:block;height:90px;margin-bottom:20px}
.brandCont04 .brColor li.chip01:before{background:#ffc53f}
.brandCont04 .brColor li.chip02:before{background:#000}
.brandCont04 .brColor li.chip03:before{background:#fff;border:1px solid #000}
.brandCont04 .brColor li.chip04:before{background:#4D4F53}
.brandCont04 .brColor li .tit{display:block;line-height:30px}
.brandCont04 .brColor li .code{display:block;margin-top:15px;color:#666;font-size:14px}
.brandCont04 .brFont:after{content:'';display:block;clear:both}
.brandCont04 .brFont li{float:left;margin-left:20px}
.brandCont04 .brFont li:first-child{margin-left: 0}

/* technology */
.visualArea.visualTechnology01:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/technology/img_technology_top_01_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualTechnology02:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/technology/img_technology_top_02_01.jpg) no-repeat 50% -96px;background-size:cover}

.techCont01 .titDep1{font-size:42px;margin-bottom:20px;line-height:1.3}
.techCont01 .img{padding:100px 0 45px}
.techCont02{padding:150px 0}
.techCont02 .titDep1{font-size:42px;font-weight:600;margin-bottom:50px;line-height:1.3}
.techCont02 .bTit{margin-top:45px;font-size:20px;color:#000}
.techCont02 .titDep2{display:block;margin-bottom:30px;font-weight:400;color:#f37938}
.techCont02 .sideCont .listDep1 + .titDep3{display:block;margin-top:60px}
.techCont02 .btmCont:after{content:'';display:block;clear:both}
.techCont02 .btmCont .sideCont > *{vertical-align:top}
.techCont02 .btmCont .sideCont .leftArea{padding-right:90px}
.techCont02 .btmCont .sideCont .rightArea{padding-left:90px}
.techCont02 .btmCont .sideCont.type01 .leftArea{padding-right:10px}
.techCont02 .btmCont .sideCont.type01 .rightArea img{margin-top:10px}
.techCont02 .btmCont .sideCont.type02 .rightArea{border-left:1px solid #eee}
.techCont02 .btmCont + .btmCont{border-top:1px solid #ddd;margin-top:90px;padding-top:90px}
.techCont02 .btmCont .sideCont + .sideCont{margin-top:78px}
.techCont02 .subCont{margin:0}
.techCont02 .subCont:after{content:'';display:block;clear:both}
.techCont02 .subCont > div{float:left;width:50%}
.techCont02 .subCont > div + div{padding-left:10px}
.techCont02 .subCont > div strong{display:block;padding-top:15px}
.techCont02 .notiTxt{font-size:14px;color:#8d685a;margin-top:25px}
.techCont02 .combiList03{margin-bottom:-50px}
.techCont02 .combiList03 .txt{display:block;margin-top:20px}
.techCont02 .combiList03 > li{margin-top:0;height:488px}
.techCont02 .btmCont .sideCont.type01 .listDep1{margin-top:20px}

.contArea .techCont02{padding-bottom:0}
.contArea .selectView{margin-top:70px}
.selectView{background:#f2f2f2}
.selectView > .inner{display:table;table-layout:fixed}
.selectView .viewArea{display:table-cell;position:relative;z-index:1;width:380px;vertical-align:middle;padding-left:40px}
.selectView .viewArea > li{display:none;position:relative;background:#fff;width:380px;padding:40px 40px 52px;text-align:center}
.selectView .viewArea > li > *{display:block}
.selectView .viewArea > li .img{padding:0;margin-bottom:25px}
.selectView .viewArea > li .tit{font-size:18px}
.selectView .viewArea > li .txt{font-size:14px;font-weight:400;margin-top:10px}
.selectView .viewArea > li{box-shadow:10px 20px 50px #ccc}
.selectView .selectArea{display:table-cell;position:relative}
.selectView .selectArea .bg{display:block}
.selectView .selectArea .btn > li{position:absolute;z-index:1}
.selectView .selectArea .btn > li button{overflow:hidden;text-indent:-9999px;font:0/0 'HantKR'}
.selectView .selectArea .btn > li button:before{content:'';display:block;width:32px;height:32px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/technology/ico_technology_select_view.png) no-repeat 0 0} /* 활성화 gif에 사이즈에 따라 변경 가능 */
.selectView .selectArea .btn > li.on button:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/technology/ico_technology_select_view_on.png) no-repeat 0 0}

.selectView01 .btn > li.s1{right:548px;top:427px}
.selectView01 .btn > li.s2{right:421px;top:320px}
.selectView01 .btn > li.s3{right:162px;top:153px}
.selectView01 .btn > li.s4{right:222px;top:202px}
.selectView01 .btn > li.s5{right:120px;top:137px}

.selectView02 .btn > li.s1{right:605px;top:288px}
.selectView02 .btn > li.s2{right:490px;top:260px}
.selectView02 .btn > li.s3{right:185px;top:120px}
.selectView02 .btn > li.s4{right:51px;top:180px}

.selectView03 .btn > li.s1{right:548px;top:427px}
.selectView03 .btn > li.s2{right:421px;top:320px}
.selectView03 .btn > li.s3{right:162px;top:153px}
.selectView03 .btn > li.s4{right:222px;top:202px}
.selectView03 .btn > li.s5{right:120px;top:137px}

.selectView04 .inner, .selectView05 .inner{padding:90px 0 70px;text-align:center}


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

.teCont01{padding-bottom:100px}
.teCont01 .introImg{display:none;text-align:center;margin-bottom:120px}
.teCont01 .introCon:after{content:'';display:block;clear:both}
.teCont01 .introCon .titDep1{float:left;width:600px;line-height:1.4}
.teCont01 .introCon .txtInfo{overflow:hidden;margin-top:0}

.racingbanner{background:#ffc53f;/*height:380px*/}/* 20200915 height 삭제 */
.racingbanner .inner{padding:80px 10px}
/*
.racingbanner .inner{position:relative}
.racingbanner .bg{margin-left:-495px}
.racingbanner a{display:block;position:absolute;left:625px;top:60px}
.racingbanner a p{font-size:32px;line-height:44px;font-weight:400;text-align:left}
.racingbanner a .logo{display:block;margin-bottom:25px}
*/
.racingbanner a .arrow{display:inline-block;font-size:15px;margin-top:15px}/*20200915 display inlin-block 처리*/
.racingbanner a .arrow:after{content:'';display:inline-block;width:28px;height:15px;vertical-align:middle;margin-left:10px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/media/ico_racingbanner.png) no-repeat 0 0}
.racingbanner .inner .cont{position:relative;margin-top:20px}
.racingbanner .inner .cont:first-child{margin-top:0}
.racingbanner .banner_cont{display:block;position:absolute;left:700px;top:60px}
.racingbanner .banner_cont .logo{display:block;margin-bottom:25px}
.racingbanner .banner_cont p{font-size:32px;line-height:44px;font-weight:400;text-align:left}


.teCont02{height:1015px;padding-top:135px;background:#282934}
.profileSwiper{position:relative}
.profileSwiper .tabType03{color:rgba(255,255,255,.2);float:right}
.profileSwiper .profileImg{position:absolute;top:70px;left:810px}
.profileSwiper .profileImg .swiper-slide{margin-left:20px}
.profileSwiper .profileImg .swiper-slide:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#282934;opacity:.85;transition:opacity .3s ease-in}
.profileSwiper .profileImg .swiper-slide:first-child{margin-left:0}
.profileSwiper .profileImg .swiper-slide.on:after{opacity:0}
.profileSwiper .profileCon{display:none;padding-right:500px;color:#fff;font-weight:400}
.profileSwiper .profileCon.on{display:block}
.profileSwiper .profileCon .info1{margin-top:40px}
.profileSwiper .profileCon .info1 li{display:inline-block;margin-left:60px}
.profileSwiper .profileCon .info1 li:first-child{margin-left:0}
.profileSwiper .profileCon .info2{margin-top:40px;opacity:.4}
.profileSwiper .profileCon .info2 li{margin-top:14px;padding-left:70px;font-size:14px}
.profileSwiper .profileCon .info2 li > span{display:inline-block;width:70px;margin-left:-70px}

.teamGallery .gallerySwiper .swiper-container{width:auto;height:1000px}
.teamGallery .gallerySwiper .swiper-indicator{width:980px;margin:50px auto 0}

.mediaImg{position:relative;overflow:hidden}
.mediaImg a{display:block;position:relative;height:100%}
.mediaImg.video 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}
.mediaImg.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-atlasbx.com/static/assets/img/ko/pc/common/ico_video_play.png) no-repeat 0 0;z-index:1}
.mediaImg a img{width:100%;transition:transform .3s ease-out}
.mediaImg a:hover img{transform:scale(1.1)}
.mediaImg a:hover:before{opacity:.3}
.mediaCont{position:relative;padding-bottom:90px;background:#f3f3f3}
.mediaCont:last-child{margin:150px 0 -150px;padding-bottom:150px}
.mediaCont:before{content:'';position:absolute;top:0;left:0;width:100%;height:200px;background:#fff}
.mediaCont .mediaImg{width:980px;height:550px;margin:0 auto}
.mediaCont .mediaTit{width:980px;margin:35px auto 0;font-size:24px;font-weight:400;text-align:center;display:-webkit-box;max-height:84px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mediaCont .mediaTit .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}

.scheduleList {display:table;width:100%;margin-bottom:70px;font-size:20px;font-weight:400}
.scheduleList .date{display:table-cell;width:200px;vertical-align:middle}
.scheduleList .name{display:table-cell;width:780px;vertical-align:middle}
.scheduleList .place{display:table-cell;width:180px;vertical-align:middle;text-align:center}

.roundInfo{margin:80px 0 0 200px;padding-left:6px}
.roundInfo > li{position:relative;padding:0 0 60px 52px;border-left:1px solid #000}
.roundInfo > li:last-child{padding-bottom:0;border-left:1px solid transparent}
.roundInfo > li:before{content:'';position:absolute;left:-5px;width:9px;height:9px;border-radius:100%;background:#000}
.roundInfo .info{display:inline-block}
.roundInfo .info .rt, .roundInfo .info .rd{display:inline-block;position:relative;font-size:20px;line-height:1;z-index:1}
.roundInfo .info .rt{top:-5px;text-transform:uppercase}
.roundInfo .info .rd{margin-top:8px}
.roundInfo .info .rp{display:block;margin-top:15px;font-size:14px;font-weight:400}
.roundInfo .dday{display:inline-block;width:110px;height:110px;margin:-15px 0 -15px 100px;padding-top:30px;color:#fff;font-size:14px;font-weight:400;line-height:1;text-align:center;vertical-align:top;border-radius:100%;background:#000}
.roundInfo .dday .num{display:block;margin-top:8px;font-size:36px;font-weight:500}
.roundInfo > li.on:before{left:-7px;width:13px;height:13px;border:2px solid #000;background:#fff}
.roundInfo > li.on .rt:before, .roundInfo > li.on .rd:before{content:'';position:absolute;left:-5px;right:-5px;bottom:0;height:10px;background:#ffd1bc;z-index:-1}
.roundInfo + .txtGuide02{margin:45px 0 0 260px;padding-left:0}

.boardView .mediaImg{margin:0 0 90px 0}
/*
.tmbSwiper{position:relative}
.tmbSwiper .swiper-container{margin-right:-360px}
.tmbSwiper .swiper-slide{margin-left:20px}
.tmbSwiper .swiper-slide > a{width:660px;height:394px}
.tmbSwiper .swiper-slide > a img{width:100%}
.tmbSwiper .swiper-slide .thum{position:absolute;top:0;left:0;width:100%;height:100%}
.tmbSwiper .swiper-slide .thum:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3}
.tmbSwiper .swiper-slide .info{position:relative;display:table-cell;width:660px;height:394px;padding:0 140px;text-align:center;vertical-align:middle;color:#fff}
.tmbSwiper .swiper-slide .info .date{display:block;margin-bottom:20px;font-size:16px}
.tmbSwiper .swiper-slide .info .tit{display:block;font-size:28px;display:-webkit-box;max-height:84px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tmbSwiper .swiper-indicator{position:absolute;top:5px;right:0}
.tmbSwiper .swiper-indicator .ctrl{width:40px;height:40px;overflow:hidden;text-indent:-9999px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/btn_swiper.png) 0 0 no-repeat}
.tmbSwiper .swiper-indicator .ctrl.next{margin-left:15px;background-position:-40px 0}
.tmbSwiper .swiper-indicator .ctrl:disabled{opacity:.3}
*/
.urlCopy{text-align:center}
.urlCopy input{width:100%;margin-top:20px}

.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-atlasbx.com/static/assets/img/ko/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}

.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:-6px;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}
#exhibitionUl + .btnArea .btnMore.on{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_more_gray.gif) 50% 0 no-repeat}

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

.combiList05{position:relative;margin:-70px 0 0 -50px;font-size:0;letter-spacing:-4px}
.combiList05 .item{display:inline-block;position:absolute;width:410px;padding-left:49px;padding-top:70px;vertical-align:top;letter-spacing:0}
.combiList05:after{display:block;content:'';clear:both}
.combiList05 .item > a{display:block;width:100%}
.combiList05 .item > a .thum{overflow:hidden;/*min-height:280px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/bg_list_default.png) 0 0 no-repeat*/}
.combiList05 .item > a .thum img{width:100%;transition:transform .3s ease-out}
.combiList05 .item > a:hover .thum img{transform:scale(1.3)}
.combiList05 .item > a .date{display:block;margin-top:10px;font-size:14px;font-weight:400}
.combiList05 .item > a .tit{display:block;margin-top:20px;font-size:20px;line-height:34px}
.combiList05 .item > a .tit .new{display:inline-block;position:relative;top:-6px;vertical-align:middle;margin-left:10px;width:7px;height:7px;border-radius:4px;background:#f47937;font:0/0 'HantKR';overflow:hidden}
.combiList05 + .btnArea{margin-top:65px}
.combiList05 .item.video .thum{position:relative}
.combiList05 .item.video .thum:after{content:'';display:block;position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px;width:80px;height:80px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_video_play.png) no-repeat 0 0}

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

.aboutCont01{padding-top:120px}
.aboutCont01 .titDep1{font-size:42px;line-height:1.3}
.aboutCont01:after{content:'';display:block;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont01.jpg);background-size:cover;background-position:50% 50%;height:480px;margin-top:150px;background-attachment:fixed;background-repeat:no-repeat}
.aboutCont01 .tit{display:block;margin-top:30px}
.aboutCont01 .tit:first-child{margin-top:5px}

.aboutCont02{background:#292935;padding:140px 0 160px}
.aboutCont02 .inner{text-align:center;color:#fff}
.aboutCont02 .tit{display:block;font-size:42px;font-weight:400;line-height:1.3}
.aboutCont02 .txt{font-weight:400;margin-top:40px}
.aboutCont02 .srvList{position:relative;height:420px;margin-top:100px}
.aboutCont02 .srvList > div{display:table;position:absolute;top:0}
.aboutCont02 .srvList > div span{display:table-cell;vertical-align:middle;width:380px;height:200px;font-size:24px;font-weight:400}
.aboutCont02 .srvList .srv01{left:0;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_01.jpg) no-repeat 0 0}
.aboutCont02 .srvList .srv02{left:400px;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_02.jpg) no-repeat 0 0}
.aboutCont02 .srvList .srv03{right:0;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_03.jpg) no-repeat 0 0}
.aboutCont02 .srvList .srv04{left:200px;top:220px;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_04.jpg) no-repeat 0 0}
.aboutCont02 .srvList .srv05{left:600px;top:220px;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_05.jpg) no-repeat 0 0}

.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:20%;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-atlasbx.com/static/assets/img/ko/pc/about/ico_item_on.png) no-repeat 0 0}
.aboutCont03 .itemInner{height:540px;overflow:hidden}
.aboutCont03 .itemCont{display:table;position:relative;width:100%;table-layout:fixed;height:540px}
.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:-120px;font-size:280px;color:#f2f2f2;font-weight:600}
.aboutCont03 .itemCont.item01 .img{padding-top:75px}
.aboutCont03 .itemCont.item01:after{content:'2019';left:0;bottom:20px}
.aboutCont03 .itemCont.item02:after{content:'2018';right:0}
.aboutCont03 .itemCont.item03:after{content:'2008';left:0}
.aboutCont03 .itemCont.item04:after{content:'1999';right:0}
.aboutCont03 .itemCont.item05:after{content:'1944';left:0}

.aboutCont04{height:950px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/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-atlasbx.com/static/assets/img/ko/pc/about/ico_link.png) no-repeat 0 0}
.aboutCont05 .network .inforName{display:block;margin-top:20px;font-size:18px}
.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:#292935;height:400px}
.aboutCont07:after{content:'';display:block;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/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}

.stCont01 .stInfo{margin-top:8px}
.stInfo .mainInfo:after, .stInfo .subInfo:after{display:block;content:'';clear:both}
.stInfo .mainInfo dt, .stInfo .mainInfo dd, .stInfo .subInfo dt, .stInfo .subInfo dd{float:left}
.stInfo .mainInfo .stNow strong{font-size:60px;font-weight:600}
.stInfo .mainInfo .stUpdw{padding:40px 0 0 25px;font-size:20px}
.stUp, .stUp_ico{color:#e75252}
.stDw, .stDw_ico{color:#3b5fc5}
.stUp_ico:before, .stDw_ico:before{display:inline-block;content:'';width:12px;height:12px;margin-right:10px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/ico_stock.png) -13px 0 no-repeat}
.stDw_ico:before{background-position:-13px -12px}
.stInfo .subInfo{margin-top:3px}
.stInfo .subInfo dt{position:relative;padding-right:30px}
.stInfo .subInfo dt:after{display:block;content:'';position:absolute;right:15px;top:5px;width:1px;height:13px;background:#d9d9d9}
.stInfo .subInfo dd+dt{margin-left:70px}

.stInfo .mainInfo .stUpdw .stUp_ico:before, .stInfo .mainInfo .stUpdw .stDw_ico:before{width:13px;height:9px;vertical-align:middle}
.stInfo .mainInfo .stUpdw .stUp_ico:before{background-position:0 0}
.stInfo .mainInfo .stUpdw .stDw_ico:before{background-position:0 -9px}
.stInfo .mainInfo .stUpdw .stUp_ico.limit:before, .stInfo .mainInfo .stUpdw .stDw_ico.limit:before{width:13px;height:14px}
.stInfo .mainInfo .stUpdw .stUp_ico.limit:before{background-position:-25px 0}
.stInfo .mainInfo .stUpdw .stDw_ico.limit:before{background-position:-25px -14px}

.titArea .sTime{position:absolute;bottom:-15px;right:0;padding:0;}
.sTime, .stUnit{padding-bottom:20px;font-size:14px;color:#666;text-align:right}/* 20210125 stUnit 추가 */
.sTime:before{display:inline-block;content:'';width:13px;height:13px;margin:-3px 3px 0 0;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/ico_time.png) 0 0 no-repeat;vertical-align:middle}

.icoStock{width:24px;margin:-2px 12px 0 0}
.tblH.pdStype th, .tblH.pdStype td, .tblV.pdStype th, .tblV.pdStype td{padding:15px 20px 14px}
/*.tblH.boardType{border-top-width:1px}
.tblH.boardType th, .tblH.boardType td{padding:22px 20px 20px;border-width:0 0 1px 0}
.tblH.boardType thead th{font-size:18px;color:#000}
.tblH.boardType tbody td{font-weight:400}*/
.tblH.boardType th, .tblH.boardType td{border-width:0 0 1px 0}
.tblH.boardType .linkTxt:hover{font-weight:500;text-decoration:underline;color:#f37938}

.stCont01 .sTime{margin:-21px 0 50px;padding:0}
.stCont01 .tabType02{padding:140px 0 80px}
.stCont02 + .stCont02{margin-top:100px}
.stCont03{margin-top:-45px}
.stCont03 .tblH.boardType th{background:#fff;border-color:#000}

.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;line-height:1.9;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;line-height:1.9}
.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;line-height:1.9}
.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-atlasbx.com/static/assets/img/ko/pc/support/img_support_top_01_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualSuppport02:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/support/img_support_top_02_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualSuppport03:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/support/img_support_top_03_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualSuppport04:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/support/img_support_top_04_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualSuppport05:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/support/img_support_top_05_01.jpg) no-repeat 50% -96px;background-size:cover}
.visualArea.visualSuppport06:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/support/img_support_top_06_01.jpg) no-repeat 50% -96px;background-size:cover}

.guarantyCont01{background:#f2f2f2;padding:120px 0 70px}
.guarantyCont01 .txtInfo{margin:0 0 70px;font-size:20px;font-weight:400;line-height:1.5;text-align:center}
.guarantyCont01 .guarantyList > li{float:left;width:380px;margin-left:20px}
.guarantyCont01 .guarantyList > li:first-child{margin-left:0}
.guarantyCont01 .guarantyList > li div{position:relative;text-align:left;background:#fff;padding:0 30px 125px;height:460px}
.guarantyCont01 .guarantyList > li .guarantyTit{display:table-cell;width:380px;height:180px;vertical-align:middle;text-align:center;font-size:30px}
.guarantyCont01 .guarantyList > li .prInfor > li{padding:15px 0}
.guarantyCont01 .guarantyList > li .prInfor > li > em{width:100px;font-weight:400}
.guarantyCont01 .guarantyList > li .btnArea{position:absolute;left:50%;bottom:40px;height:44px;margin:0 0 0 -67px;padding:0}
.guarantyCont01 .guarantyList > li .btnArea > a{width:134px;padding:0}
.guarantyCont01 .img{text-align:center}
.guarantyCont02{padding:150px 0}

.csCont .csBigtxt{font-size:32px;line-height:1.4;margin-bottom:60px}
.csCont .frmWrap{margin-bottom:20px}
.csCont .frmWrap .pointColor1{font-size:18px;font-weight:400}
.csCont .csBox{background:#fafafa;border:1px solid #ddd;height:275px;overflow:hidden;margin-bottom:50px}
.csCont .csBox .csTxt{font-weight:400;padding:25px 30px 45px 40px}

.fileWrap .filebox{}
.fileWrap .filebox label{width:98px;padding:0}
.fileWrap .filebox input[type="file"]{position: absolute;width:1px;background:#f2f2f2;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.fileWrap .fileList{position:relative;overflow:hidden;padding:20px 0 0}
.fileWrap .fileList > span{display:block;margin-bottom:10px;font-size:16px;color:#666;font-weight:400}
.fileWrap .fileList .fileDel{display:inline-block;vertical-align:middle;margin-left:5px;overflow:hidden;text-indent:-9999px;width:16px;height:16px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/btn_filedel.png) no-repeat 50% 50%}
.fileWrap .txtGuide02{margin-top:20px;padding-left:0}

.quCont01 > .inner{position:relative;height:700px}
.quCont01 .img{display:block;position:absolute;bottom:0;left:-400px;width:1590px;height:515px}

.quCont02{padding-top:150px}
.quCont02 .img + .img{margin-top:20px}
.quCont02 .img .desc{padding-left:65px;font-size:14px;color:#8f675d;font-weight:400;}

.quCont03{text-align:left;margin:150px 0 -150px;padding:120px 0 150px;background:#f2f2f2}
.quCont03 .listType02{margin-top:40px}
.quCont03 .listType02 > li{float:left;position:relative;width:380px;height:460px;padding:55px 30px 40px;background:#fff}
.quCont03 .listType02 > li + li{margin-left:20px}
.quCont03 .listType02 .tit{display:block;padding-bottom:40px;text-align:center;font-size:28px}
.quCont03 .listType02 .list03 .tit{padding:25px 0 59px}
.quCont03 .listType02 .info{display:table;width:100%;border-top:1px solid #000}
.quCont03 .listType02 .info > li{padding:13px 0 7px;font-size:14px;font-weight:400;border-bottom:1px solid #eee}
.quCont03 .listType02 .info > li > *{display:table-cell;vertical-align:top;line-height:30px}
/*.quCont03 .listType02 .info > li ul{margin-top:-5px}*/
.quCont03 .listType02 .info > li ul li + li{margin-top:15px}
.quCont03 .listType02 .info em{width:100px;color:#666}
.quCont03 .listType02 .btnArea{position:absolute;bottom:40px;width:100%;margin-left:-30px;text-align:center}
.quCont03 .listType02 .btnArea .btnHK{}

.combiList{margin:0 0 0 -20px}
.combiList > li{float:left;width:280px;height:207px;margin:20px 0 0 20px;padding:40px;background:#f2f2f2}
.combiList > li > *{display:block}
.combiList > li > .case{font-weight:600}
.combiList > li > .txt{margin-top:15px;font-weight:400}

.combiList02{margin:80px 0 0 -32px}
.combiList02 > li{float:left;width:372px;margin:30px 0 0 32px;border:1px solid #ddd}
.combiList02 > li .thum{display:block;overflow:hidden;height:309px}
.combiList02 > li .thum img{transition:transform .3s ease-out}
.combiList02 > li:hover .thum img{transform:scale(1.3)}
.combiList02 > li .txt{display:block;position:relative;padding:35px 20px 0;height:200px}
.combiList02 > li .catalogueSort{font-size:14px;color:#f37938}
.combiList02 > li .catalogueTit{display:block;font-size:24px;line-height:1.3;margin:10px 0 0}
.combiList02 > li .btnDownload{position:absolute;left:20px;bottom:20px}
.combiList02 > li a{display:block;height:100%;overflow:hidden}
.combiList02.type02 > li .cibiImg{display:block;width:321px;height:131px;text-align:center;padding-top:10px;margin:15px auto 20px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/support/bg_cibi.jpg) no-repeat 0 0}
.combiList02.type02 > li .cibiImg img{width:280px;height:110px}
.combiList02.type02 > li .txt{height:370px}
.combiList02.type02 > li .sTxt{display:block;margin-top:5px;font-size:16px;font-weight:400}
.combiList02.type02 > li .btnDownload:before{display:none}
.combiList02.type02 > li .btnDownload a{display:inline-block}
.combiList02.type02 > li .btnDownload a+a{margin-left:50px}
.combiList02.type02 > li .btnDownload a:before{content:'';display:inline-block;vertical-align:middle;width:16px;height:15px;margin:-2px 8px 0 0;background-image:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_download.png)}

/* 20230712추가 */
.combiList02.mgt0 {margin-top:0;}

.combiList03{margin-left:-32px}
.combiList03 > li{float:left;width:372px;margin:80px 0 0 32px}
.combiList03 > li .thum{margin-bottom:25px;overflow:hidden;height:248px}
.combiList03 > li .thum img{height:248px;transition:transform .3s ease-out}
.combiList03 > li a:hover .thum img{transform:scale(1.3)}
.combiList03 > li > a{display:block}
.combiList03 > li .date{display:block;margin-top:10px;font-size:14px;font-weight:400}
.combiList03 > li .tit{display:block;display:-webkit-box;font-size:20px;min-height:70px;height:70px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical}
.combiList03 > li .txt{font-weight:400;line-height:1.9}
.combiList03 > li .new{display:inline-block;position:relative;top:-8px;vertical-align:middle;margin-left:10px;width:8px;height:8px;border-radius:4px;background:#f47937;font:0/0 'HantKR';overflow:hidden}

.sellingAgent{height:860px;overflow:hidden}
.sellingAgent .agentInner{padding:0;max-width:1900px;margin:0 auto}
.sellingAgent .agentInner:after{content:'';display:block;clear:both}
.sellingAgent .agentInner .searchArea{float:left;width:480px;height:860px;text-align:left;background:#fff}
.sellingAgent .agentInner .agentTab{display:table;width:100%;table-layout:fixed}
.sellingAgent .agentInner .agentTab:after{display:none}
.sellingAgent .agentInner .agentTab > li{display:table-cell;vertical-align:top}
.sellingAgent .agentInner .agentTab > li > a{display:table-cell;width:1%;position:relative;height:80px;line-height:1.4;text-align:center;vertical-align:middle;font-weight:400}
.sellingAgent .agentInner .agentTab > li.on > a{font-weight:500}
.sellingAgent .agentInner .agentTab > li.on > a:after{content:'';display:block;position:absolute;left:0;bottom:0px;width:100%;height:4px;background:#000}
.sellingAgent .agentInner .areaTop{display:table;width:100%;table-layout:fixed}
.sellingAgent .agentInner .areaTop .frmArea{display:table-cell}
.sellingAgent .agentInner .areaTop .frmArea > a{display:block;position:relative;border:solid #e6e6e6;border-width:1px 0 1px 1px;padding:17px 40px 18px;font-weight:400}
.sellingAgent .agentInner .areaTop .frmArea > a:after{content:'';display:block;position:absolute;top:50%;right:20px;margin-top:-4px;width:14px;height:8px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/spr_form.png) no-repeat -40px -56px }
.sellingAgent .agentInner .areaTop .frmArea > a.on{font-weight:500}
.sellingAgent .agentInner .areaTop .frmArea > a.on:after{background-position:-40px -48px;transform: rotate(180deg);}
.sellingAgent .agentInner .areaTop .frmArea:first-child > a{border-width:1px 0 1px 0}
.sellingAgent .agentInner .areaBtm ul > li{float:left;width:160px;}
.sellingAgent .agentInner .areaBtm ul > li > a{display:block;text-align:center;border:solid #e6e6e6;border-width:0 1px 1px 0;padding:17px 0 18px}
.sellingAgent .agentInner .areaBtm ul > li.on > a{background:#f5f5f5}
.sellingAgent .agentInner .searchBtn{text-align:center;margin-top:20px;padding:0 20px}
.sellingAgent .agentInner .searchBtn button{width:100%}
.sellingAgent .agentInner .total{background:#f6f6f6;border-bottom:1px solid #e6e6e6;padding:21px 40px 17px;font-size:14px}
.sellingAgent .agentInner .listInner{padding:15px 0 0!important;height:635px}
.sellingAgent .agentInner .agentList{padding-bottom:20px}
.sellingAgent .agentInner .agentList li{position:relative;padding:27px 40px 23px}
.sellingAgent .agentInner .agentList li:after{content:'';display:block;position:absolute;left:40px;right:40px;bottom:0;height:1px;background:#e6e6e6}
.sellingAgent .agentInner .agentList li:last-child:after{display:none}
.sellingAgent .agentInner .agentList li.on .agentName:before{background-position:0 -24px}
.sellingAgent .agentInner .agentList .agentName{font-size:18px}
.sellingAgent .agentInner .agentList .agentName:before{content:'';display:inline-block;vertical-align:middle;margin-right:10px;width:21px;height:24px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/support/ico_agent.png) no-repeat 0 0}
.sellingAgent .agentInner .agentList .infor{display:block;font-weight:400;margin-top:10px}
.sellingAgent .agentInner .mapArea{overflow:hidden}
.sellingAgent .agentInner .map{width:100%;height:860px}

.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;line-height:1.5/*;height:82px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical*/}
.videoTop .videoTxt .txt{font-weight:400;line-height:1.9;margin-top:25px;height:90px;overflow:hidden}
.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-atlasbx.com/static/assets/img/ko/pc/common/ico_video_play.png) no-repeat 0 0}
.videoTop .bigThum img, .combiList03 > li .thum img{width:100%}

.knCont01{padding-top:120px}
.knCont01 > .inner{position:relative}
.knCont01 .img{display:block;position:absolute;bottom:-250px;left:-400px;width:1390px;height:500px}
.knCont01 .sideCont{padding-bottom:320px}
.knCont01 .titDep1, .knCont02 .titDep1{line-height:1.4}
.knCont02{padding:390px 0 150px;background:#f2f2f2}
.knCont02 .txtInfo{line-height:1.9}
.knCont02 .txtInfo+.txtInfo{margin-top:70px}

.sideCont{display:table;width:100%;table-layout:fixed}
.sideCont > *{display:table-cell;vertical-align:top}
.sideCont .rightArea{padding-left:10px;font-weight:400;line-height:1.9}
.sideCont .vBtm{vertical-align:bottom}

.caCont01{padding-bottom:150px}
.caCont01 .tblH{margin-top:60px}
.caCont01 .tblH thead th{padding:15px 15px 14px}
.caCont02 {padding:150px 0;background:#f2f2f2}

.numlistType01{counter-reset:section;margin:0 -10px}
.numlistType01 > li{position:relative;float:left}
.numlistType01 > li > .box{display:block;background:#f2f2f2;height:190px;padding:68px 30px 0;line-height:1.9;font-weight:400;margin:0 10px}
.numlistType01 > li > .box.bgWhite{background:#fff}
.numlistType01 > li:before{content:'0' counter(section);counter-increment:section;display:inline-block;position:absolute;top:40px;left:40px;width:22px;text-decoration:underline;font-weight:600}
.numlistType01.col04 li{width:25%}
.numlistType01.col03 li:first-child, .numlistType01.col03 li:last-child{width:33.33%}
.numlistType01.col03 li+li{width:33.34%}

.numListType02{counter-reset:section}
.numListType02 > li{position:relative;font-weight:400;padding-left:40px;margin-top:21px}
.numListType02 > li:first-child{margin-top:0}
.numListType02 > li:before{content:'0' counter(section);counter-increment:section;position:absolute;left:0;top:0;}

.notiNote{padding-top:150px}
.notiNote .title{font-size:24px;}
.notiNote .title:before{content:'';display:inline-block;position:relative;top:4px;margin-right:13px;width:25px;height:25px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_noti.png) no-repeat 0 0}
.notiNote dl{border-top:1px solid #ddd;padding-top:40px;margin-top:25px}
.notiNote dl:after{content:'';display:block;clear:both}
.notiNote dl > dt{float:left;width:400px;font-size:20px}
.notiNote dl > dd{overflow:hidden}
.notiNote dl > dt+dd+dt, .notiNote dl > dt+dd+dt+dd{padding-top:70px}

.maCont{padding-top:120px}
.stepType01 > li{padding:80px 0}
.stepType01 > li:first-child{padding-top:0}
.stepType01 > li:nth-child(even){background:#f3f3f3}
.stepType01 > li .inner:after{content:'';display:block;clear:both}
.stepType01 > li .inner > .img{float:left;width:500px}
.stepType01 > li .inner > .txtArea{position:relative;overflow:hidden;padding-left:200px}
.stepType01 > li .stepTit strong{position:absolute;left:100px;top:0;display:block;width:80px;height:80px;padding:15px 0;background:#000;color:#fff;text-align:center;font-size:12px;font-weight:400}
.stepType01 > li .stepTit strong em{display:block;font-size:24px;font-weight:600}
.stepType01 > li .stepTit p{display:table-cell;vertical-align:middle;height:80px;font-size:20px}
.stepType01 > li .listDep1 > li{line-height:1.9;margin-top:15px}
.stepType01 > li .tabType02{margin-top:40px}

.faqList{counter-reset:section}
.faqList > li .txtInfo{margin:0}
.faqList > li .numList li{position:relative;font-weight:400;line-height:1.9;margin-top:20px;padding-left:25px}
.faqList > li .numList li:before{content:'('counter(section)')';counter-increment:section;display:inline-block;position:absolute;left:0;top:0;}
.faqList > li .numList li:first-child{margin:0}
.faqList > li .numList li+li+li+li+li+li+li+li+li+li{padding-left:35px}
.faqList > li .numList.type2 li{margin:0}
.faqList > li .txtBold{display:block;margin:30px 0 10px}

/* Footer */
.visualArea.visualFooter01:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/img_footer_top_01_01.jpg) no-repeat 50% 0;background-size:cover}

/* event */
.eventWrap{width:820px;margin:0 auto}
.eventWrap .eventInt{background:#fff;padding:80px 40px 120px}
.eventWrap .eventInt .titDep2 em{font-weight:400}
.eventWrap .eventInt .csCont .csBox{height:130px;margin-bottom:15px}
.eventWrap .eventInt .csCont .csBox .csTxt{padding:30px}
.eventWrap .eventInt .txtGuide02{padding-left:0}
.eventWrap .eventInt .formTbl{margin-top:50px}
.eventWrap .eventInt .addressInner button, .eventWrap .eventInt .addressInner .frmWrap+.frmWrap{margin-left:7px}
.eventWrap .eventInt .addressInner+.addressInner{margin-top:15px}
.eventWrap .eventInt .btnL{width:240px}
.eventFooter .inner{width:820px;margin:0 auto;background-color:#000;padding:16px 0}
.eventFooter .inner p{color:#fff;opacity:0.5;text-align:center;font-size:12px}


/* 20210330 브랜드 스토리 수정 */
.brandCont05{padding:100px 0}
.brandCont05 .inner{position:relative}
.brandCont05 .scroll{position:absolute;top:0;left:50%;width:1180px;height:1px;margin-left:-590px;background:#e6e6e6}
.brandCont05 .bar{position:absolute;top:0;left:0;height:1px;background:#000;}
.brandCont05 .item{display:table;width:1000px;height:100%;margin:0 auto 120px}
.brandCont05 .item li{display:table-cell;position:relative;width:17%;vertical-align:middle}
.brandCont05 .item li a{display:block;color:#999;text-align:center;padding:40px 20px 0;font-size:18px;font-weight:400;margin-top:-11px}
.brandCont05 .item li.on a{color:#000;font-weight:500}
.brandCont05 .item li.pass:before{background:#000}
.brandCont05 .item li:before{content:'';display:block;position:absolute;left:50%;top:-4px;margin-left:-5px;width:10px;height:10px;background:#e6e6e6;border-radius:5px}
.brandCont05 .item li.on:before{top:-11px;margin-left:-11px;width:22px;height:22px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/ico_item_on.png) no-repeat 0 0}
.brandCont05 .itemInner{height:540px;overflow:hidden}
.brandCont05 .itemCont{display:table;position:relative;width:100%;table-layout:fixed;height:540px}
.brandCont05 .itemCont + .itemCont{margin-top:200px}
.brandCont05 .itemCont > div{display:table-cell;vertical-align:top}
.brandCont05 .itemCont .txtArea{position:relative;z-index:1;width:480px}
.brandCont05 .itemCont .historyList li{position:relative;margin-top:12px}
.brandCont05 .itemCont .historyList li:first-child{margin-top:0}
.brandCont05 .itemCont .historyList li > .year{position:absolute;left:0;top:0}
.brandCont05 .itemCont .historyList li > .year.type02{top:4px}
.brandCont05 .itemCont .historyTxt{padding-left:100px}
.brandCont05 .itemCont .historyTxt strong.pointColor1{display:block;margin-bottom:18px}
.brandCont05 .itemCont .historyTxt .txtInfo:first-child{margin-top:0}
.brandCont05 .itemCont .historyTxt .txtInfo{margin-top:13px}
.brandCont05 .itemCont .historyTxt .txtInfo.pointColor1{font-weight:500;margin-top:13px}
.brandCont05 .itemCont .historyDesc{margin-top:100px;color:#444}
.brandCont05 .itemCont .img{position:relative;width:700px;z-index:1;text-align:right}
.brandCont05 .itemCont .img.left{text-align:left}
.brandCont05 .itemCont.item02 .img, .brandCont05 .itemCont.item04 .img{text-align:left}
.brandCont05 .itemCont:after{position:absolute;bottom:-120px;font-size:280px;color:#f2f2f2;font-weight:600}
.brandCont05 .itemCont.item01 .img{padding-top:0}
.brandCont05 .itemCont.item01:after{content:'2021';left:0;bottom:20px}
.brandCont05 .itemCont.item02:after{content:'2018';right:0}
.brandCont05 .itemCont.item03:after{content:'2008';left:0}
.brandCont05 .itemCont.item04:after{content:'1999';right:0}
.brandCont05 .itemCont.item05:after{content:'1944';left:0}
.brandCont05 .itemCont.item06:after{content:'2022';left:-20px;bottom:-168px}

.brandCont06{overflow:hidden;position:relative}
.brandCont06 .inner{position:relative;padding:200px 0 150px}
.brandCont06 .tit{float:left;margin-bottom:30px;color:#000;font-size:60px;font-weight:600;line-height:1}
.brandCont06 .cont b, .brandCont06 .cont span{display:block}
.brandCont06 .cont b{color:#000;font-size:52px;font-weight:600;line-height:1.1}
.brandCont06 .cont span{margin:32px 0 40px;color:#333;font-size:20px}
.brandCont06 .custNum{float:right;display:inline-block;color:#fff;line-height:1}
.brandCont06 .custNum li{display:inline-block;height:130px;margin-left:50px;color:#000;text-align:center}
.brandCont06 .custNum li p{height:90px;margin-bottom:18px}
.brandCont06 .custNum li p span{display:inline-block;width:56px;height:90px;font-size:90px;font-weight:600}
.brandCont06 .custNum li p b.plus{display:inline-block;height:90px;font-size:60px;font-weight:600;vertical-align:top}
.brandCont06 .custNum li p b.slash{overflow:hidden;width:56px;font-size:90px;line-height:1}
.brandCont06 .custNum li p b.unit{display:inline-block;font-size:90px;font-weight:600}
.brandCont06 .custNum li em{display:block;font-size:20px}
.brandCont06 .inner:after{content:'';display:block;clear:both}

.brandCont07{background:#292935;padding:140px 0 160px}
.brandCont07 .inner{text-align:center;color:#fff}
.brandCont07 .tit{display:block;font-size:42px;font-weight:400;line-height:1.3}
.brandCont07 .txt{font-weight:400;margin-top:40px}
.brandCont07 .srvList{position:relative;height:420px;margin-top:100px}
.brandCont07 .srvList > div{display:table;position:absolute;top:0}
.brandCont07 .srvList > div span{display:table-cell;vertical-align:middle;width:380px;height:200px;font-size:24px;font-weight:400}
.brandCont07 .srvList .srv01{left:0;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_01.jpg) no-repeat 0 0}
.brandCont07 .srvList .srv02{left:400px;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_02.jpg) no-repeat 0 0}
.brandCont07 .srvList .srv03{right:0;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_03.jpg) no-repeat 0 0}
.brandCont07 .srvList .srv04{left:200px;top:220px;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_04.jpg) no-repeat 0 0}
.brandCont07 .srvList .srv05{left:600px;top:220px;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_05.jpg) no-repeat 0 0}

.brandCont07_v2{background:#fff;padding:140px 0 160px}
.brandCont07_v2 *{color:#000}
.brandCont07_v2 .inner{text-align:center;color:#fff}
.brandCont07_v2 .tit{display:block;font-size:42px;font-weight:400;line-height:1.3}
.brandCont07_v2 .txt{font-weight:400;margin-top:40px}
.brandCont07_v2 .txt.size28{font-size:28px}
.brandCont07_v2 .srvList{position:relative;height:420px;margin-top:100px}
.brandCont07_v2 .srvList > div{display:table;position:absolute;top:0}
.brandCont07_v2 .srvList > div span{display:table-cell;vertical-align:middle;width:380px;height:200px;font-size:24px;font-weight:400}
.brandCont07_v2 .srvList .srv01{left:0;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_01.jpg) no-repeat 0 0}
.brandCont07_v2 .srvList .srv02{left:400px;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_02.jpg) no-repeat 0 0}
.brandCont07_v2 .srvList .srv03{right:0;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_03.jpg) no-repeat 0 0}
.brandCont07_v2 .srvList .srv04{left:200px;top:220px;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_04.jpg) no-repeat 0 0}
.brandCont07_v2 .srvList .srv05{left:600px;top:220px;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/about/bg_about_cont02_05.jpg) no-repeat 0 0}

.brandCont08{position:relative;padding-top:160px}
.brandCont08:before{content:'';display:block;height:800px;width:100%;background:#f3f3f3;position:absolute;bottom:0;}
.brandCont08 a .arrow{display:inline-block;font-size:15px;margin-top:15px}
.brandCont08 a .arrow:after{content:'';display:inline-block;width:28px;height:15px;vertical-align:middle;margin-left:10px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/media/ico_racingbanner.png) no-repeat 0 0}
.brandCont08 .teamcont{position:relative;padding:60px 0 150px}
.brandCont08 .teamcont .logo{position:absolute;top:60px;left:0}
.brandCont08 .teamcont .txt{padding-left:500px}
.brandCont08 .teamcont .txt .teamtit{font-size:32px;line-height:44px;font-weight:400;text-align:left;margin-bottom:30px}
.brandCont08 .teamcont .txt .desc{font-size:16px;line-height:30px;color:#000;font-weight:400;margin-bottom:15px}

/* 20210402 배터리 보증 페이지 콘텐츠 추가 */
.quCont04{margin-bottom:140px}
.quCont04 .sideCont{margin-top:30px}
.quCont04 .sideCont .colorInfo{vertical-align:middle}
.quCont04 .sideCont .colorInfo li{float:left;font-size:16px;font-weight:400;margin-left:63px;text-align:center}
.quCont04 .sideCont .colorInfo li:before{content:'';display:block;width:100px;height:100px;border-radius:50%;border:6px solid #000;margin-bottom:25px}
.quCont04 .sideCont .colorInfo li.state01:before{background:#00af50}
.quCont04 .sideCont .colorInfo li.state02:before{background:#000}
.quCont04 .sideCont .colorInfo li.state03:before{background:#fff}

/* 20210506 Contact Us 메뉴 구조 변경 */
.visualArea.visualSuppport07:before{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/support/img_support_top_07_01.jpg) no-repeat 50% -100px;background-size:cover}
.aboutCont05.mapCont{padding:120px 0 140px}

/* 20210609 제품검색 텍스트 추가 */
.prSearch .searchStep .stepInner .txtGuide > li.tstationsch{font-size:16px;color:#000}
.prSearch .searchStep > li.ing .txtGuide > li.tstationsch{color:#fff}
.prSearch .searchStep .stepInner .txtGuide > li.tstationsch a{text-decoration:underline}

/* 20220216 배터리보증 구조 변경 */
.quCont02{padding-top:0}
.quCont03{margin:150px 0 0 0}
.quCont{margin-top:150px}
.quCont:first-child{margin-top:0}
.quCont05 .inpArea{margin-top:20px;border-top:2px solid #a2a2a2;padding-bottom:28px}
.quCont05 .inner .txtInfo{margin-bottom:20px}
.quCont05 .inpFrm span{display:block;border-bottom:1px solid #f1f1f1;}
.quCont05 .inpFrm span:last-child{border:none}
.quCont05 .inpFrm span label{padding-right:70px;padding: 15px 0 15px 10px;display:inline-block;width:15%;}
.quCont05 .inpFrm span input{outline:none;border:1px solid #a7a7a7;width:20%}
.quCont05 .inpFrm span input[type=text]{padding:0;height:auto;}
.quCont05 .inpFrm .txtInfo{margin:8px 0 0 0;margin-left:16%}
.quCont05 .btnArea a{display:block;width:20%;margin:0 auto;background:#000;color:#fff}
.quCont05 .csCont .csBox{margin-bottom:10px}

/* 20220328 배터리 보증 영수증 사진, 동의 영역 추가 */
.quCont05 .receiptArea{padding:15px 0;position:relative;}
.quCont05 .receiptArea .fileBtn{display:none}
.quCont05 .receiptArea .imgBtn{width:65px;height:22px;padding:6px 15px;border:1px solid #000;vertical-align:top;line-height:22px;margin-left:10px}
.quCont05 .receiptArea img{width:250px;height:250px}
.quCont05 .receiptArea label:first-child{vertical-align:top;padding:0 0 0 10px}
.quCont05 .receiptArea .fileList{position:absolute;left:360px;top:20px}
.quCont05 .receiptArea .fileList span{position:relative;width:140px;padding-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none}
.quCont05 .receiptArea .fileList span button{position: absolute;right: 0;top: 0px;width: 25px;height: 25px;background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/btn_close.png) no-repeat 50% 50%;font-size: 0;background-size: 13px auto;padding: 5px 0;}
.quCont05 .inpFrm span:last-child{border-bottom:none}
.quCont05 .csCont .csBox .csTxt .txtInfo table{border:1px solid #000;text-align:center}
.quCont05 .csCont .csBox .csTxt .txtInfo table th{border-bottom:1px solid #000;border-right:1px solid #000;}
.quCont05 .csCont .csBox .csTxt .txtInfo table th:last-child,
.quCont05 .csCont .csBox .csTxt .txtInfo table td:last-child{border-right:none}
.quCont05 .csCont .csBox .csTxt .txtInfo table td{border-right:1px solid #000;}
/* 20220411 배터리보증 이메일 추가 */
.quCont05 .inpFrm .emailArea{display:inline-block;width:calc(100% - 45%)}
.quCont05 .inpFrm .emailArea span{display:inline-block;border:none}
.quCont05 .inpFrm .emailArea span input{width:100%}
.quCont05 .inpFrm .emailArea .selectBox select{height:30px;padding:2px;border:1px solid #a7a7a7}
.quCont05 .inpFrm .emailArea .selectBox select:focus{outline:none}

/* 20230906 추가 */
.downloadLink {font-size:14px;}
.downloadLink:not(:last-child) {margin-right:30px;}

.is-bold {font-weight: bold!important;}
.icon-container {display: flex;justify-content: space-around;text-align: center;margin-top: 60px;}
.circle {width: 200px;height: 200px;border-radius: 50%;background-color: #f5f5f5;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.icon-container img {width: 72px;}
.icon-container p.num {padding-top: 25px;padding-bottom: 25px;font-size: 24px;}
.icon-container p.txt {margin-top: 0px;font-size: 16px;}