@charset "utf-8";

html{height:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html, body{margin:0;padding:0}
body {position:relative;min-width:1200px;word-break:keep-all;word-wrap:break-word}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,form,fieldset,legend,input,textarea,button,select,div,span,em,strong,a{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;word-break:keep-all;word-wrap:break-word}
td,th{margin:0;padding:0;word-break:keep-all;word-wrap:break-word}
body,input,textarea,select,button,table,th,td,pre{font-size:16px;line-height:1.8;font-family:'HantKR';font-weight:500;color:#000;letter-spacing:-0.3px}
h1,h2,h3,h4,h5,h6{font-weight:500}
a{color:inherit;text-decoration:none}
img{border:0;vertical-align:bottom}
ol, ul{list-style:none}
ol:after, ul:after{content:'';display:block;clear:both}
table{width:100%;border-collapse:separate;empty-cells:show;border-spacing:0}
th,strong,b{font-weight:500}
caption, hr{overflow:hidden;position:static;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
ins{text-decoration:none}
header, section, article{display:block}
em, address{font-style:normal}
button{border:0;background:none;cursor:pointer}
:before, :after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

[data-parallax*=self]{opacity:0}
[data-parallax=child]>*{opacity:0}

/* common */
.hidden{overflow:hidden;position:absolute;font:0/0 'HantKR'}

.tleft{text-align:left !important}
.tcenter{text-align:center !important}
.tright{text-align:right !important}

.skip{position:relative;width:100%;overflow:hidden;z-index:9999}
.skip a{display:block;width:100%;margin-top:-50px}
.skip a:focus{height:50px;margin-top:0;color:#000;font-size:20px;line-height:51px;text-align:center}

.pointColor1{color:#f37938 !important}

/* layout */
html, body, #wrapper{height:100%}
body > #wrapper{height:auto;min-height:100%;overflow:hidden}

.wrapper{min-width:1200px;text-align:center;padding-top:96px}
.wrapper.fixed .header{position:fixed;top:-96px}

/* gnb */ /* 확정일 경우 다른 계열사도 동일하게 적용 */
.header{position:absolute;left:0;top:0;width:100%;height:96px;background:#fff;z-index:9999}
.headArea{position:relative;text-align:left;z-index:10001;height:96px;/*max-width:1920px;margin:0 auto*/}
/* 210331 로고 수정 */
.headArea .logo{display:block;position:absolute;left:50px;top:24px;z-index:10;text-indent:-9999px;overflow:hidden;width:122px;height:49px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/img_logo.png) no-repeat 0 0}
.headArea .logo > a{display:block}
.headArea .gnbArea{position:relative;background:#fff;border-bottom:1px solid #e6e6e6;height:96px}
/*.headArea .gnb{width:100%;text-align:right;padding-right:50px;min-width:960px;margin:0 auto;}*/
.headArea .gnb{width:100%;text-align:right;padding-right:310px;min-width:960px;margin:0 auto;} /* 20210331 padding-right 수정 *//* 이노베이션 오픈시 변경 */ /* 이노베이션 button 수정 20191121 */
.headArea .gnb > li > a{display:block;font-size:18px;font-weight:400;line-height:1.3;color:#000;height:96px;line-height:96px;padding:0 15px}
.headArea .gnb > li > a:after{content:'';display:block;width:0%;height:1px;background:#000;margin:-33px auto 0;transition:width .5s ease}
.headArea .gnb > li > a:hover:after{width:100%}
.headArea .gnb > li{display:inline-block;margin-right:25px}
.headArea .gnb > li:last-child{margin-right:0}
.headArea .gnb > li > .subDepth{display:none;position:absolute;right:0;top:96px;background-color:rgba(0, 0, 0, 1);width:100%;height:80px;/*overflow:visible !important*/}
.headArea .gnb > li > .subDepth ul{position:absolute;top:0}
.headArea .gnb > li > .subDepth ul li{display:inline-block;margin-right:40px}
.headArea .gnb > li > .subDepth ul li a{display:block;font-weight:400;opacity:0.4;color:#fff;height:80px;line-height:80px}
.headArea .gnb > li > .subDepth ul li a:hover{opacity:1}
.headArea .gnb > li > .subDepth ul li:last-child{margin-right:0}
/* 이노베이션 button 수정 20191121 */
.headArea .btnStory{display:block;position:absolute;right:50px;top:27px;overflow:hidden;text-indent:-9999px;font:0/0 'HantKR'}
.headArea .btnStory:before{content:'';display:block;width:110px;height:33px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_innovation_main.png) no-repeat 0 0;background-size:100% auto}

/* 20250131 메뉴명 변경 */
.headArea .gnb > li.gnb01 > .subDepth ul{right:915px}
.headArea .gnb > li.gnb02 > .subDepth ul{right:625px}
.headArea .gnb > li.gnb03 > .subDepth ul{right:695px}
.headArea .gnb > li.gnb04 > .subDepth ul{right:270px}
.headArea .gnb > li.gnb05 > .subDepth ul{right:180px}
.headArea .gnb > li.gnb06 > .subDepth ul{right:130px}

/* 이노베이션 오픈시 변경 */
/* .headArea .gnb > li.gnb01 > .subDepth ul{right:600px}
.headArea .gnb > li.gnb02 > .subDepth ul{right:535px}
.headArea .gnb > li.gnb03 > .subDepth ul{right:315px}
.headArea .gnb > li.gnb04 > .subDepth ul{right:220px}
.headArea .gnb > li.gnb05 > .subDepth ul{right:50px} */
/* //gnb */

.container{/*position:relative;*/min-height:100%}
.container .inner{width:1200px;padding:0 10px;margin:0 auto;text-align:left}
.container .contArea{padding:120px 0 150px}

.pageContent{position:relative;background:#fff;z-index:1}

/* 확정일 경우 다른 계열사도 동일하게 적용 */
.footer{position:relative;width:100%;background:#000;z-index:9999}
.footer:after{content:'';display:block;position:absolute;left:0;right:0;bottom:110px;width:100%;height:1px;background:#fff;opacity:.1}
.footer .inner{width:1200px;padding:50px 10px 0;margin:0 auto}
.footer .companyName{font-size:14px;font-weight:400;color:#fff}
.footer .menuList{display:table;width:100%;table-layout:fixed;margin-top:40px}
.footer .menuList:after{display:none}
.footer .menuList > li{display:table-cell}
.footer .menuList > li .depth1{display:block;margin-bottom:20px;color:#fff}
.footer .menuList > li .depth2 li{margin-top:5px}
.footer .menuList > li .depth2 li a{font-size:14px;font-weight:400;color:#fff;opacity:.4}
.footer .etcLink{margin:70px 0 30px}
.footer .etcLink > li{display:inline-block}
.footer .etcLink > li a{font-size:14px;font-weight:400;color:#fff;opacity:.3}
.footer .etcLink > li:after{content:'';display:inline-block;width:1px;height:11px;background:#fff;opacity:.3;margin:0 13px 0 16px}
.footer .etcLink > li:last-child:after{display:none}
.footer .ftBtm{position:relative;height:110px}
.footer .ftBtm .copyright{position:absolute;left:0;top:40px;font-size:12px;color:#fff;opacity:.3}
.footer .ftLink{position:absolute;right:250px;top:30px}
.footer .ftLink{display:inline-block}
.footer .ftLink a{display:inline-block;vertical-align:middle;font-size:14px;font-weight:400;color:#666;margin-left:25px}
.footer .ftLink a.on{color:#fff}
.footer .ftLink a.fb{width:30px;height:30px;margin-left:40px;overflow:hidden;text-indent:-9999px;font:0/0 'HantKR';background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_facebook.png) no-repeat 0 0}
.footer .ftLink a.insta{width:30px;height:30px;margin-left:40px;overflow:hidden;text-indent:-9999px;font:0/0 'HantKR';background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_insta.png) no-repeat 0 0}

/****** dropdown ******/
.dropdown_list{display:inline-block;min-width:220px;position:absolute;right:0;top:25px;}
.dropdown_list .dropdown_value{position:relative}
.dropdown_list .dropdown_value input[type="text"]{width:100%;font-size:12px;color:#999;background-color:#000;border:1px solid #4d4d4d;height:36px;padding:11px 16px;font-weight:500}
.dropdown_list .dropdown_value .btn_opener{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;cursor:pointer;padding:1px 6px}
.dropdown_list .dropdown_value .btn_opener i{float:right;position:relative;display:inline-block;width:18px;height:9px;overflow:hidden}
.dropdown_list .dropdown_value .btn_opener i:before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;-webkit-transform: translate(-50%, -50%) rotate(45deg);-moz-transform: translate(-50%, -50%) rotate(45deg);-o-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);margin-top:-3px;border-right: 2px solid #999;border-bottom: 2px solid #999}
.dropdown_list .item_list{display:none;position:absolute;bottom:35px;left:0;z-index:10;width:100%;border:1px solid #4d4d4d;background:#000;padding:12px 0}
.dropdown_list .item_list a{display:block;width:100%;padding:10px 16px;border:0;background:transparent;font-size:12px;line-height:1;text-align:left;cursor:pointer;color:#fff}
.dropdown_list .item_list a:hover, .dropdown_list .item_list a:active, .dropdown_list .item_list a:focus{text-decoration:underline}
.dropdown_list.active .btn_opener i{position:relative;display:inline-block;width:18px;height:9px;overflow:hidden}
.dropdown_list.active .btn_opener i:before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;-webkit-transform: translate(-50%, -50%) rotate(45deg);-moz-transform: translate(-50%, -50%) rotate(45deg);-o-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);margin-top: 3px;border-top: 2px solid #999;border-left: 2px solid #999;border-right: 0;border-bottom: 0}
.dropdown_list.active .item_list{display:block}

/* //확정일 경우 다른 계열사도 동일하게 적용 */

/* table */
.tblH, .tblV{border-top:2px solid #000;background:#fff}
.tblH:first-child, .tblV:first-child{margin-top:0}
.tblH th, .tblH td, .tblV th, .tblV td{padding:15px 40px 14px;border:solid #ddd;border-width:0 0 1px 1px;text-align:center}
.tblV td{text-align:left}
.tblV td .btnHK{margin-left:20px}
.tblH th:first-child, .tblH td:first-child, .tblV th:first-child, .tblV td:first-child{border-left:0}
.tblV th{padding:0 30px;font-family:'HantKR'}
.tblH th, .tblV th{text-align:left;background:#f2f2f2;color:#666}
.tblH thead th, .tblV thead th{text-align:center}
.tblH tbody th{color:#4c4c4c;text-align:center;background:#f7f7f7}
.lineL{border-left:1px solid #ddd!important}

.formTbl{border-top:2px solid #000;background:#fff}
.formTbl tbody th, .formTbl tbody td{/*height:77px;*/border-bottom:1px solid #ddd;padding:16px 20px 16px 0}
.formTbl tbody th{padding-left:20px}
.formTbl tbody th.vTop{vertical-align:top;padding-top:23px}
.formTbl tbody th .essential:after{content:'';display:inline-block;vertical-align:middle;margin-left:10px;width:7px;height:7px;background-image:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_essential.png)}
.formTbl tbody td .error{border:1px solid #f30f45 !important;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_error.gif) no-repeat 13px 13px;margin-right:15px;padding:10px 13px 10px 40px;color:#f30f45}

.formTbl tbody td .txt{display:none}
.formTbl tbody td .error+.txt{display:inline-block;font-weight:400;font-size:14px;color:#f30e44;letter-spacing:-1px;height:44px;line-height:44px}
.formTbl tbody td .frmSelect.error{border:0 !important;padding:0 !important}
.formTbl tbody td .frmSelect.error .tit:before{border:1px solid #f30f45}
.formTbl tbody td .frmSelect.error .tit.placeholder{color:#f30e44}
.formTbl tbody td .frmSelect.error .tit{padding:0 40px 0 40px;background:transparent}
/*.formTbl tbody td .frmSelect.error .tit:before{content:'';display:block;width:20px;height:20px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_error.gif) no-repeat 13px 13px}*/

.essential{text-align:right;margin-bottom:15px}

/* board */
.boardList{border-top:1px solid #ddd}
.boardList > ul > li{border-bottom:1px solid #ddd;padding:0 30px}
.boardList > ul > li.notice{background:#f3f3f3}
.boardList > ul > li > a{display:table;table-layout:fixed;width:100%;height:210px;padding:46px 0}
.boardList > ul > li > a > *{display:table-cell;vertical-align:top}
.boardList > ul > li .new{position:absolute;left:75px;top:5px;width:10px;height:10px;border-radius:5px;background:#f47937;font:0/0 'HantKR';overflow:hidden}
.boardList > ul > li .dateArea{position:relative;width:210px;padding-top:58px}
.boardList > ul > li .dateArea em{display:block;position:absolute;left:0;top:0;font-size:52px;line-height:1}
.boardList > ul > li .tit{display:block;font-size:24px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:27px}
.boardList > ul > li .txt{font-weight:400;line-height:1.9}

.boardView{position:relative;padding:0 0 0 200px}
.boardView .viewTop{border-bottom:1px solid #e6e6e6;padding-bottom:25px}
.boardView .viewTop .tit{display:block;font-size:36px;line-height:1.6;margin-bottom: 30px}
.boardView .etcArea{display:block;margin:-27px 0 30px -130px}
.boardView .etcArea > span{position:relative;display:inline-block;padding-left:100px;margin:27px 0 0 130px;font-weight:400}
.boardView .etcArea em{position:absolute;left:0;top:0;color:#666}
.boardView .dateArea{display:block;font-size:14px;padding:7px 0 20px;}
.boardView .dateArea em{display:inline-block;padding:5px 8px 3px;margin-right:10px;border:1px solid #f37938;border-radius:12px;font-size:14px;line-height:1;color:#f37938}
.boardView .addFile{position:relative;padding-left:100px;color:#666;font-weight:400}
.boardView .addFile a{display:table;margin-bottom:5px;color:#000;font-weight:500}
.boardView .addFile em{position:absolute;top:-2px;left:0}
.boardView .addFile .btnDownload:before{background-image:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_download.png)}
.boardView .viewCont{padding:30px 0 110px;font-weight:400;line-height:2.2}
.boardView .btnList{position:absolute;left:10px;top:10px;width:41px;height:22px;overflow:hidden;position:absolute;font:0/0 'HantKR';background-image:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_list.gif)}
.boardView .listFunc .titDep1{margin-top:0}
.boardView .listFunc > ul{border-top:1px solid #e6e6e6;padding:20px 0}
.boardView .listFunc > ul > li{margin-top:25px}
.boardView .listFunc > ul > li > a{display:block}
.boardView .listFunc > ul > li > a:after{content:'';display:block;clear:both}
.boardView .listFunc > ul > li > a > *{display:inline-block;vertical-align:middle;}
.boardView .listFunc > ul > li .text{width:100px;font-weight:400}
.boardView .listFunc > ul > li .tit{width:655px;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-height:32px}
.boardView .listFunc > ul > li .date{width:195px;font-size:14px;font-weight:400;text-align:right;color:#666}

/* no data */
.noData{position:relative;padding-top:125px;margin:163px 0 100px}
.noData:before{display:block;content:'';position:absolute;top:0;left:50%;width:110px;height:110px;margin-left:-55px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_nodata.png) 0 0 no-repeat}
.noData p{font-size:20px;font-weight:400;color:#666;text-align:center}

/* form */
.frm{display:inline-block;position:relative}
textarea{width:100%;padding:6px 13px;border:1px solid #d9d9d9;font-size:16px;font-weight:400;resize:none}
textarea:focus{color:#000}
input::-ms-clear{display:none}
input[type=password]::-ms-reveal{display:none}
input[type=text], input[type=password]{height:44px;padding:10px 13px;padding:9px 13px 11px\0IE;color:#111;border:1px solid #d9d9d9;vertical-align:middle;font-weight:400}
input[type=text]:focus, input[type=password]:focus{border:2px solid #000;outline:none;padding:10px 12px;padding:9px 12px 11px\0IE}
input[type=text][disabled], input[type=password][disabled], input[type=text][readonly], input[type=password][readonly]{color:#666;border-color:#b3b3b3;background:#f2f2f2}
input[type=text][readonly]:focus, input[type=password][readonly]:focus{border:1px solid #b3b3b3}
input[type=file]{}

:-ms-input-placeholder{color:#b2b2b2;font-weight:400}
:-moz-placeholder{color:#b2b2b2;font-weight:400}
::-webkit-input-placeholder{color:#b2b2b2;font-weight:400}
textarea::placeholder{color:#b2b2b2;font-weight:400}
input.error::placeholder, textarea.error::placeholder{text-indent:-9999px;font-size:0;color:red}

.frmCheck{position:relative;display:inline-block}
.frmCheck input{position:absolute;top:6px;left:6px;width:10px;height:10px}
.frmCheck input:focus + label:before{outline:1px dotted #444}
.frmCheck label{display:block;min-height:24px;padding-left:32px;line-height:24px;font-weight:400}
.frmCheck label:before{content:'';display:block;position:absolute;top:0;left:0;width:24px;height:24px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/spr_form.png) no-repeat 0 -24px}
.frmCheck input[type=radio]:checked + label, .frmCheck input[type=checkbox]:checked + label {font-weight:500}
.frmCheck input[type=radio]:checked + label:before{background-position:-24px -24px}
.frmCheck input[type=radio]:checked + label:hover:before{background-position:-24px -24px}
.frmCheck input[type=radio]+ label:hover:before{background-position:-48px -24px}
.frmCheck input[disabled] + label{color:#999}
.frmCheck input[type=radio][disabled] + label:before{background-position:-72px -24px}
.frmCheck input[type=radio][disabled] + label:hover:before{background-position:-72px -24px}
.frmCheck input[type=radio]:checked[disabled] + label:before{background-position:-96px -24px}
.frmCheck input[type=checkbox] + label:before{background-position:0 0}
.frmCheck input[type=checkbox]:checked + label:before{background-position:-24px 0}
.frmCheck input[type=checkbox]:checked + label:hover:before{background-position:-24px 0}
.frmCheck input[type=checkbox]+ label:hover:before{background-position:-48px 0}
.frmCheck input[type=checkbox][disabled] + label:before{background-position:-72px 0}
.frmCheck input[type=checkbox]:checked[disabled] + label:before{background-position:-96px 0}
.frmCheck.frmTxt{height:24px}
.frmCheck.frmTxt label{overflow:hidden;text-indent:-9999px;padding-left:24px;font:0/0 'HantKR'}
.frmCheck.multiS input[type=checkbox] + label:before{background-position:-120px 0}
.frmCheck.multiS input[type=checkbox]:checked + label:before{background-position:-144px 0}
.frmCheck.multiS input[type=checkbox] + label:hover:before{background-position:-168px 0}
.frmCheck.multiS input[type=checkbox]:checked + label:hover:before{background-position:-144px 0}
.frmCheck.multiS input[type=checkbox][disabled] + label:before{background-position:-192px 0}
.frmCheck.multiS input[type=checkbox]:checked[disabled] + label:before{background-position:-216px 0}
.frmCheck.multiL label{min-height:30px;padding-left:40px;line-height:30px;font-size:18px}
.frmCheck.multiL label:before{width:30px;height:30px}
.frmCheck.multiL input[type=checkbox] + label:before{background-position:-240px 0}
.frmCheck.multiL input[type=checkbox]:checked + label:before{background-position:-270px 0}
.frmCheck.multiL input[type=checkbox] + label:hover:before{background-position:-300px 0}
.frmCheck.multiL input[type=checkbox]:checked + label:hover:before{background-position:-270px 0}
.frmCheck.multiL input[type=checkbox][disabled] + label:before{background-position:-330px 0}
.frmCheck.multiL input[type=checkbox]:checked[disabled] + label:before{background-position:-360px 0}
.frmCheck.multiL.error+.txt{display:inline-block;font-weight:400;font-size:14px;color:#f30e44;letter-spacing:-1px;height:44px;line-height:44px;margin-left:15px}

.frmSelect{position:relative;display:inline-block;width:280px;vertical-align:middle;text-align:left}
.frmSelect select{display:none}
.frmSelect .tit{overflow:hidden;position:relative;display:block;height:44px;padding:0 40px 0 13px;color:#111;line-height:42px;border:1px solid #white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;word-wrap:normal;background:#fff}
.frmSelect .tit:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #d9d9d9}
.frmSelect .tit:focus:before{border:2px solid #000}
.frmSelect .tit:after{content:'';position:absolute;top:50%;right:13px;width:14px;height:8px;margin-top:-4px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/spr_form.png) no-repeat -40px -48px}
.frmSelect .tit.disabled, .frmSelect .tit.disabled:focus{color:#b2b2b2;background:#f2f2f2;cursor:inherit}
.frmSelect .tit.disabled:before, .frmSelect .tit.disabled:focus:before{border:1px solid #b2b2b2}
.frmSelect .tit.disabled:after{background-position:-40px -56px}
.frmSelect .tit.placeholder{color:#b2b2b2;font-weight:400}
.frmSelect .overcon{overflow:hidden;width:100%;background:#fff}
.frmSelect .overcon li a{overflow:hidden;display:block;height:40px;padding:0 13px;line-height:40px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;color:#000}
.frmSelect .overcon li a:hover, .frmSelect .overcon li a.on{font-weight:500}
.frmSelect .maskDiv_wddo{position:absolute;top:44px;left:0;right:0;padding:14px 0;border:1px solid #d9d9d9;border-top:none;background:#fff;box-sizing:content-box}
.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute;left:0!important}
.jspVerticalBar{position:absolute;top:0;right:12px;width:4px}
.jspTrack{position:relative}
.jspDrag{position:relative;left:0px;cursor:pointer;background:#ccc}
.jspCapTop{height:0}
.jspCapBottom{height:0}
.jspVerticalBar .jspCap{height:10px}

.jsScroll .jspVerticalBar{width:6px}
.jsScroll .jspDrag{background:#c8c8c8}

/* tab */
.tabFixed{position:fixed;width:100%;left:0;right:0;top:0;z-index:99999}
.fixed .tabFixed{top:96px}
.tabCont{display:none}

.tabArea{border-bottom:1px solid #e6e6e6;background:#fff;height:71px}
.btnAllview{position:absolute;left:0;top:50%;margin-top:-10px;color:#1a1a1a}
.btnAllview:before{content:'';display:inline-block;vertical-align:middle;margin-right:10px;width:20px;height:20px;background-image:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_allview.png)}

.tabType01{position:relative;text-align:center;background:#fff;height:70px}
.tabType01 > ul{display:inline-block;margin:0 auto}
.tabType01 > ul > li{float:left;margin-left:80px}
.tabType01 > ul > li:first-child{margin-left:0}
.tabType01 > ul > li > a{display:block;position:relative;font-weight:400;height:66px;line-height:66px}
.tabType01 > ul > li.on > a{font-weight:500}
.tabType01 > ul > li.on > a:after{content:'';display:block;position:absolute;left:0;bottom:-5px;width:100%;height:4px;background:#000}

.tabType02{position:relative;display:table;width:100%}
.tabType02 > li{display:table-cell;vertical-align:bottom}
.tabType02 > li:first-child a{border-left:1px solid #b3b3b3}
.tabType02 > li > a{display:table-cell;position:relative;width:1000px;height:54px;font-size:15px;color:#666;text-align:center;border:solid #b3b3b3;border-width:1px 1px 0 0;border-bottom:2px solid #000;vertical-align:middle;background:#fff}
.tabType02 > li.on{z-index:10;border-bottom:0}
.tabType02 > li.on > a{color:#000;border:solid #000;border-width:0 2px 0 2px;border-bottom:2px solid #fff}
.tabType02 > li.on > a:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:2px;background:#000}
.tabType02 > li.on.sub{padding-bottom:75px}
.tabType02 > li .subTab{display:none}
.tabType02 > li.on.sub > .subTab{display:block;position:absolute;left:0;top:110px;width:100%}
.tabType02 > li.on.sub > .subTab > li{float:left;margin-left:30px}
.tabType02 > li.on.sub > .subTab > li:first-child{margin-left:70px}
.tabType02 > li.on.sub > .subTab > li:before{content:'';display:inline-block;vertical-align:middle;margin-right:30px;width:3px;height:3px;background:#b3b3b3;border-radius:3px}
.tabType02 > li.on.sub > .subTab > li:first-child:before{display:none}
.tabType02 > li.on.sub > .subTab > li > a{font-size:14px}
.tabType02 > li.on.sub > .subTab > li.on > a{color:#f47937;text-decoration:underline}

.tabType03 li{float:left;margin-left:30px}
.tabType03 li:first-child{margin-left:0}
.tabType03 li > a{font-size:18px;font-weight:400}
.tabType03 li.on a{font-weight:500;color:#f37938}
.tabType03 li.on a:after{content:'';display:block;width:100%;height:2px;background:#fb7731}

.tabType04 li{display:inline-block;position:relative;padding:0 25px 0 30px}
.tabType04 li:before{content:'';display:inline-block;position:absolute;left:0;top:4px;width:1px;height:20px;background:#ddd}
.tabType04 li:first-child{padding-left:0}
.tabType04 li:first-child:before{display:none}
.tabType04 li:last-child{padding-right:0}
.tabType04 li a{position:relative;font-size:20px}
.tabType04 li.on a{color:#f37938}
.tabType04 li.on a:after{content:'';display:block;position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:#fb7731}

/* button */
.btnHK{position:relative;display:inline-block;text-align:center;vertical-align:middle;background:#fff;font-size:14px;border:1px solid #333}
.btnHK[disabled]{color:#d8d8d8;border:1px solid #d9d9d9}
.btnHK[disabled]:hover{background:#fff;color:#d9d9d9;border:1px solid #d9d9d9}
.btnHK:hover{background:#b2b2b2;border:1px solid #333}

.btnL{min-width:140px;padding:0 40px;height:52px;line-height:52px;border:2px solid #333;font-size:16px}
.btnL:hover{border:2px solid #333}
.btnL[disabled], .btnL[disabled]:hover{border:2px solid #ccc}
.btnL.action[disabled]:hover{border:2px solid #ccc}
.btnM{min-width:120px;padding:0 30px;height:44px;line-height:44px}
.btnS{min-width:100px;padding:0 20px;height:34px;line-height:34px}

.action{background:#000;color:#fff}
.action:hover{background:#000;color:#b2b2b2}
.action[disabled]{background:#ccc;color:#fff}
.action[disabled]:hover{background:#ccc;color:#fff;border:1px solid #ccc}

.btnArea{text-align:center;margin-top:50px}
.btnMore{display:inline-block;padding-top:60px;font-size:14px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_more.gif) 50% 0 no-repeat}
.btnMore:hover{text-decoration:underline}
.btnMore.on{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_more_white.gif) 50% 0 no-repeat}

.btnDownload{display:inline-block;font-size:14px}
.btnDownload: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)}
.btnDownload.gray:before{background-image:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_download_gray.png)}

.btnCopy{display:inline-block;font-size:14px}
.btnCopy: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_copy.png)}

.btnIco{padding:10px;font-size:0}
.btnIco:before{margin:0}

/* title */
.titDep1{font-size:32px;margin:150px 0 40px}
.titDep1:first-child, .hidden+.titDep1{margin:0 0 40px}
.titDep2{font-size:24px;line-height:36px;margin-bottom:30px}
.titDep3{font-size:20px}
.titDep3+.listDep1{margin-top:15px}

.txtInfo{margin-top:18px;font-weight:400;line-height:1.9}
.txtInfo .sub{color:#666}
.txtInfo02{font-size:20px;text-align:center;font-weight:400;margin-bottom:60px}

.titArea{position:relative}
.titArea > a{position:absolute;right:0;bottom:10px}
.titArea > .side{position:absolute;right:0;bottom:4px}
.titArea p.txtGuide02{position:absolute;right:0;top:10px}

/* list */
.listDep1 > li, .listDep2 > li, .listDep3 > li{position:relative;padding-left:15px;font-weight:400}
.listDep1 > li:before{content:'';display:block;position:absolute;left:0;top:13px;width:2px;height:2px;background:#3b3b3b}
.listDep1{margin-top:30px}
.listDep1 > li{margin-top:15px}
.listDep1 > li:first-child, .listDep2 > li:first-child, .listDep3 > li:first-child{margin-top:0}
.listDep1 > li > .listDep2, .listDep2 > li > .listDep3{padding-left:50px}
.listDep1 > li > .listDep2 li:first-child{margin-top:50px}

.listDep2 > li{margin-top:20px}
.listDep2 > li:before{content:'';display:block;position:absolute;left:0;top:10px;width:6px;height:1px;background:#000}
.listDep2 > li > .listDep3 li:first-child{margin-top:30px}
.listDep2 > li > .listDep3 li:last-child{margin-bottom:50px}

.listDep3 > li{font-size:14px;padding-left:10px;margin-top:15px}
.listDep3 > li:before{content:'';display:block;position:absolute;left:0;top:7px;width:2px;height:2px;background:#3c3c3c}

.txtGuide{margin-top:50px}
.txtGuide > li{margin-top:10px;padding-left:10px;color:#888;font-size:14px;font-weight:400}
.txtGuide > li:first-child{margin-top:0}
.txtGuide > li:before{content:'*';display:inline-block;width:10px;margin-left:-10px}

.txtGuide02 > li{margin-top:10px}
.txtGuide02 > li, p.txtGuide02{padding-left:10px;color:#8f675d;font-size:14px}
.txtGuide02 > li:first-child{margin-top:0}
.txtGuide02 > li:before , p.txtGuide02:before{content:'※';display:inline-block;vertical-align:middle;margin-right:5px}

.prInfor{border-top:1px solid #000}
.prInfor > li{position:relative;padding:13px 10px;overflow:hidden;font-size:14px;font-weight:500;border-bottom:1px solid #eee}
.prInfor > li > em{display:block;float:left;width:100px;color:#666}
.prInfor > li > span{display:block;overflow:hidden;text-align:left}
.prInfor .prInforS{overflow:hidden;font-size:14px;font-weight:400}
.prInfor .prInforS li{margin-top:9px}
.prInfor .prInforS li:first-child{margin-top:0}

.listType01{margin:0 0 -60px -20px;overflow:hidden}
.listType01 > li{float:left;position:relative;width:280px;margin:0 0 60px 20px;padding:0 30px 40px;background:#fff}
.listType01 > li .linkArea{display:block;position:relative;height:337px;margin:0 -30px -40px;padding:0 30px 40px;transition:box-shadow .3s}
.listType01 > li .linkArea:hover, .listType01 > li .linkArea:focus{box-shadow:0 20px 30px #ccc}
.listType01 .prTit{display:table-cell;vertical-align:middle;width:220px;height:160px;font-size:30px;line-height:1;font-weight:600;text-align:center}
.listType01 .prView{display:block;text-align:center;margin-top:25px;font-size:14px}
.listType01 .prView:after{content:'';display:inline-block;vertical-align:middle;margin-left:10px;width:15px;height:15px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/ico_view.png) no-repeat 0 0}
.listType01 .prInfor > li > span{float:right}
.listType01 > li .linkArea .prImg{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;text-align:center;background:#fff;z-index:1;transition:opacity .2s}
.listType01 > li .linkArea .prImg:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.listType01 > li .linkArea .prImg img{vertical-align:middle;width:100%}
.listType01 > li .linkArea:hover .prImg, .listType01 > li .linkArea:focus .prImg{opacity:1}
.listType01 > li .lineBox{display:block;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;z-index:1}
.listType01 > li .lineBox span:before, .listType01 > li .lineBox span:after{content:'';position:absolute;width:0;height:0;background:#000}
.listType01 > li .lineBox span.line1:before{top:0;left:0;height:6px;transition:width .2s .3s ease-out}
.listType01 > li .lineBox span.line1:after{right:0;top:0;width:6px;transition:height .1s .2s linear}
.listType01 > li .lineBox span.line2:before{right:0;bottom:0;height:6px;transition:width .1s .1s linear}
.listType01 > li .lineBox span.line2:after{left:0;bottom:0;width:6px;transition:height .1s linear}
.listType01 > li .linkArea:hover .lineBox span.line1:before{top:0;left:0;width:100%;height:6px;transition:width .1s .2s linear}
.listType01 > li .linkArea:hover .lineBox span.line1:after{right:0;top:0;width:6px;height:100%;transition:height .1s .3s linear}
.listType01 > li .linkArea:hover .lineBox span.line2:before{right:0;bottom:0;width:100%;height:6px;transition:width .1s .4s linear}
.listType01 > li .linkArea:hover .lineBox span.line2:after{left:0;bottom:0;width:6px;height:100%;transition:height .2s .5s ease-out}
.listType01 + .btnArea{margin-top:70px}

.tglList > li .tglTit{position:relative}
.tglList > li .tglTit:before{content:'';display:block;position:absolute;right:30px;top:45px;width:20px;height:20px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/spr_form.png) no-repeat 0 -48px}
.tglList > li .tglCont{display:none}
.tglList > li.on .tglTit:before{background-position:-20px -48px}
.tglList > li.on .tglCont{display:block}

.faqList{border-top:1px solid #ddd;margin:50px 0 0}
.faqList > li{position:relative;width:100%;border-bottom:1px solid #ddd}
.faqList > li > .tglTit{display:table;width:100%}
.faqList > li > .tglTit > span.hidden:first-child{display:block;overflow:visible;top:40px;left:100px;font:15px/1.5 'HantKR';color:#000}
.faqList > li > .tglTit .que{display:table-cell;vertical-align:middle;padding:70px 150px 35px 100px;font-size:20px;font-weight:400;}
.faqList > li > .tglTit .que:before{content:'Q';position:absolute;left:0;top:30px;font-size:36px;font-weight:500}
.faqList > li.on > .tglTit .que{font-weight:500}
.faqList .tglCont{padding:0 0 40px 100px}

/* swiper */
.swiper-container{overflow:hidden;position:relative}
.swiper-wrapper{width:10000px}
.swiper-wrapper:after{content:'';display:block;clear:both}
.swiper-wrapper .swiper-slide{float:left;position:relative;overflow:hidden}
.swiper-wrapper .swiper-slide:first-child{margin-left:0}
.swiper-wrapper .swiper-slide > a{display:block;position:relative;overflow:hidden}
.swiper-wrapper .swiper-slide.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:10}

/* popup */
.layPopup{position:fixed;/*top:50%;*/left:50%;background:#fff;z-index:99999}
.layPopup .layCont{overflow:auto;text-align:left}
.layPopup .btnClose{overflow:hidden;text-indent:-9999px;position:absolute;top:0;right:0;width:80px;height:80px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/btn_close.png) no-repeat 50% 50%}

.layerL{width:860px;margin-left:-430px}
.layerL .layCont{max-height:688px;padding:85px 60px 0}
.layerL .layCont:after{display:block;content:'';height:75px}
.layerS{width:420px;margin-left:-210px}
.layerS .layCont{max-height:688px;padding:80px 40px 0}
.layerS .layCont:after{display:block;content:'';height:50px}
.layerS .layCont .txtInfo{font-weight:400;line-height:1.9;margin:0}
.layerS .layCont .btnArea{margin:40px 0 0}
.layerS .layCont .btnArea a+a{margin-left:4px}

.layerX{width:980px;margin-left:-490px;background:#fff} /* 동영상 팝업 */
.layerX .layCont{overflow:hidden}
.layerX .videoView{display:inline-block;height:100%;width:100%}
.layerX .videoArea{height:551px;text-align:center;background:#000}
.layerX .imgView{width:100%} /* 같은 영역에 이미지로 불러올 경우 */
.layerX .imgView img{width:100%}
.layerX .videoTxt{padding:50px 0;background:#fff}
.layerX .videoTxt:after{content:'';display:block;clear:both}
.layerX .videoTxt .tit{float:left;width:380px;text-align:center;font-size:24px;padding:0 20px}
.layerX .videoTxt .txt{overflow:hidden;font-weight:400;line-height:1.9;max-height:150px}
.layerX .videoTxt .txt .jspPane > div{padding-right:70px}
.layerX .btnClose{width:60px;height:60px;background-image:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/btn_close2.png)}
.layerX ifrmae{display:block}

.dimmed{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.45;filter:alpha(opacity=45);z-index:9999}

/* Gallery swiper */
.gallerySwiper .swiper-container{width:980px;height:600px;overflow:hidden}
.gallerySwiper .swiper-container ul li{float:left;overflow:hidden}
.gallerySwiper .swiper-indicator{display:table;width:100%;margin-top:50px}
.gallerySwiper .swiper-indicator>*{display:table-cell;height:20px;vertical-align:middle;line-height:20px}
.gallerySwiper .swiper-indicator .paging{width:80px;color:#999;font-weight:500}
.gallerySwiper .swiper-indicator .paging .now{color:#000}
.gallerySwiper .swiper-indicator .timer{position:relative}
.gallerySwiper .swiper-indicator .timer:before{display:block;content:'';width:100%;height:1px;background:#ccc}
.gallerySwiper .swiper-indicator .timer .bar{position:absolute;top:9px;left:0;height:1px;background:#000}
.gallerySwiper .swiper-indicator .btnSwiper{width:120px;padding-left:45px} /* 20190416 수정 yjs */
.gallerySwiper .swiper-indicator .btnSwiper>button{display:block;float:left;width:14px;height:14px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/btn_swiper2.png) 0 0 no-repeat} /* 20190416 수정 yjs */
.gallerySwiper .swiper-indicator .btnSwiper>button:after{display:block;content:'';clear:both}
.gallerySwiper .swiper-indicator .btnSwiper>button span{overflow:hidden;position:absolute;font:0/0 'HantKR'}
.gallerySwiper .swiper-indicator .btnSwiper .prev{background-position:0 0}
.gallerySwiper .swiper-indicator .btnSwiper .prev:disabled{background-position:0 -14px} /* 20190416 수정 yjs */
.gallerySwiper .swiper-indicator .btnSwiper .next{margin-left:12px;background-position:-14px 0}
.gallerySwiper .swiper-indicator .btnSwiper .next:disabled{background-position:-14px -14px} /* 20190416 수정 yjs */
.gallerySwiper .swiper-indicator .btnSwiper .pause{margin-left:20px;background-position:0 -28px} /* 20190416 수정 yjs */
.gallerySwiper .swiper-indicator .btnSwiper .play{margin-left:20px;background-position:-15px -28px} /* 20190416 수정 yjs */

/* 페이지 하단 공통 영역 */
.prEtc{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/bg_etc.jpg) no-repeat 50% 0;background-size:cover}
.prEtc > ul{display:table;table-layout:fixed;width:100%}
.prEtc > ul:after{display:none}
.prEtc > ul > li{position:relative;display:table-cell;vertical-align:middle;height:220px;transition:background .9s}
.prEtc > ul > li:hover{height:220px;background:rgba(0,0,0,0.6)}
.prEtc > ul > li > a{display:block;text-align:center;font-size:24px;color:#fff}
.prEtc > ul > li > a:hover{display:block;}
.prEtc > ul > li:first-child:before{display:none}
.prEtc > ul > li:before{content:'';display:block;position:absolute;left:0;top:0;width:1px;height:220px;background:rgba(255,255,255,0.1)}

/* error */
.wrapper.bg_gray{background:#f2f2f2}
.errorWrap{position:absolute;top:50%;left:0;width:100%;height:450px;margin-top:-200px;text-align:center;background:#f2f2f2}
.errorWrap .errorType{display:block;margin-bottom:20px;font-weight:600;font-size:120px}
.errorWrap .errorTit{display:block;margin-bottom:30px;font-weight:500;font-size:24px}
.errorWrap .subTxt{font-weight:400;font-size:16px;line-height:30px;color:#666}
.errorWrap .subTxt + .subTxt{}
.errorWrap .btnArea{margin-top:65px}
.errorWrap .btnArea .btnHK{background:#f2f2f2}
.errorWrap .btnArea .btnHK.action{background:#000}
.errorWrap .btnArea .btnHK:hover{background:#b2b2b2}
.errorWrap .btnArea .btnHK.action:hover{background:#000;color:#b2b2b2}

/* loading */
.loading{display:none}
.loading .motion{position:fixed;left:50%;top:50%;z-index:99999;margin:-32px 0 0 -20px}

/* hash Tag 팝업 */
.pop_hashtag{display:none}

/* 210331 header 로고 수정 */
/* 240321 header 로고 수정 */
.headArea .abxlogo{display:block;position:absolute;right:50px;top:25px;overflow:hidden;text-indent:-9999px;font:0/0 'HantKR'}
/* 240325 추가 */
.headArea .abxlogo:after{content:'';display:block;width:150px;height:42px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/img_logo_abx_black_v2.svg) no-repeat 0 0;background-size:100% auto}
#mainWrapper .headArea .abxlogo {top:27px;}
#mainWrapper .headArea .abxlogo:after{background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/img_logo_abx_white_v2.svg) no-repeat 0 0;background-size:100% auto;width:150px;height:42px;}
#mainWrapper.fixed .headArea .abxlogo {top:28px;}
#mainWrapper.fixed .headArea .abxlogo:after{content:'';display:block;width:150px;height:42px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/pc/common/img_logo_abx_black_v2.svg) no-repeat 0 0;background-size:100% auto}
/* // 240325 추가 */