@charset "utf-8";

/* default */
body{word-wrap:break-word;word-break:keep-all}
body,div,p,header,section,nav,footer,article,figure,aside,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,input,textarea,button,select,span,strong,b,em,a,label{margin:0;padding:0;-webkit-text-size-adjust:none;text-size-adjust:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}
body,input,textarea,select,button{font-size:15px;line-height:1.6;font-family:'HantKR';font-weight:400;color:#000}
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.4}
dt,th{font-weight:400}
img,fieldset,iframe{border:0;vertical-align:top}
img{width:100%}
textarea{-webkit-border-radius:0;-webkit-appearance:none;resize:none}
ul,ol{list-style:none}
em,address{font-style:normal}
input,select{vertical-align:middle}
input{-webkit-appearance:none;-webkit-border-radius:0}
table{width:100%;border-collapse:separate;border-spacing:0}
hr,legend{display:none}
caption{overflow:hidden;margin:-1px 0 0 -1px;width:1px;height:1px;clip:rect(0 0 0 0)}
strong, b{font-weight:500}
button{box-sizing:border-box;border:none;background:none;cursor:pointer}
:before, :after{box-sizing:border-box}

a{color:inherit;text-decoration:none;box-sizing:border-box}
a:hover{text-decoration:none}
a:focus, button:focus, input[type=radio]:focus, input[type=checkbox]:focus, select{outline:none}

[tabindex]{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
:disabled{-webkit-tap-highlight-color:rgba(0,0,0,0)}
:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus,
:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset}

[data-parallax*=self]{opacity:0}
[data-parallax=child]>*{opacity:0}

/* common */
.hidden,legend{position:absolute;overflow:hidden;margin:-1px;width:1px;height:1px;clip:rect(0 0 0 0)}

.tleft{text-align:left !important}
.tright{text-align:right !important}
.tcenter{text-align:center !important}

.dimmed{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:10001}

.pointColor1{color:#f37938!important}

.vspace{margin-top:55px!important}

/* layout */
.wrapper{position:relative;width:100%;margin:0 auto;padding-top:60px;overflow-x:hidden}
.header, .container, footer{width:100%}

.header{position:absolute;top:0;left:0;right:0;border-bottom:1px solid transparent;z-index:9999}
.header .hLogo{background:#fff;transition:background .3s ease-out}
/* 20210331 로고 수정 */
.header .hLogo a{display:block;width:125px;height:60px;overflow:hidden;text-indent:-9999px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/lg_hnc.png) 50% 50% no-repeat;background-size:100% auto}
/* menu test */
/* .header .hMenu{position:absolute;top:0;right:0;width:75px;height:60px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/btn_menu.png) 50% 50% no-repeat;background-size:100% auto} */
.header .hMenu{position:absolute;top:0;right:0;z-index:99999;width:75px;height:60px;overflow:hidden;text-indent:-9999px}
.header .hMenu span{display:block;position:relative;width:25px;height:2px;margin-left:25px;background:#000}
.header .hMenu span:before{content:'';position:absolute;top:-7px;left:0;width:20px;height:2px;background:#000}
.header .hMenu span:after{content:'';position:absolute;bottom:-7px;left:0;width:14px;height:2px;background:#000}
.header .hMenu.on span{background:transparent!important;}
.header .hMenu.on span:before{animation: menuMove1 0.5s forwards;background:#fff} /* 추가 */
.header .hMenu.on span:after{animation: menuMove2 0.5s forwards;background:#fff} /* 추가 */
.header .hMenu.off span:before{animation: menuMove3 0.5s forwards}
.header .hMenu.off span:after{animation: menuMove4 0.5s forwards}

@keyframes menuMove1 {
  0%{transform: translateY(0) rotate(0)}
  50%{transform: translateY(7px) rotate(0)}
  100%{width:100%;transform: translateY(7px) rotate(45deg)}
}

@keyframes menuMove2 {
  0%{transform: translateY(0) rotate(0)}
  50%{transform: translateY(-7px) rotate(0)}
  100%{width:100%;transform: translateY(-7px) rotate(135deg)}
}

@keyframes menuMove3 {
  0%{transform: translateY(7px) rotate(45deg)}
  50%{width:100%;transform: translateY(7px) rotate(0)}
  100%{width:20px;transform: translateY(0) rotate(0)}
}

@keyframes menuMove4 {
  0%{transform: translateY(-7px) rotate(135deg)}
  50%{width:100%;transform: translateY(-7px) rotate(0)}
  100%{width:14px;transform: translateY(0) rotate(0)}
}
/* //menu test */

/* 추가 */
.gnbOn .header{z-index:9999}
.gnbOn .header .hLogo{background:transparent}
.gnbOn .header .hLogo a{background: url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/lg_hnc_w.png) 50% 50% no-repeat;background-size:100% auto}/* 210331 로고 수정 */
.gnb{position:fixed;right:-100%;bottom:0;z-index:999;width:100%;height:100%;margin-top:-60px;padding-top:115px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/bg_gnb.png) no-repeat 50% 50%;background-size:100% 100%}
.gnb .menu{height:100%;padding-bottom:130px;overflow:hidden}
.gnb .menuList{height:100%;overflow:auto;}
.gnb .menuList > li{margin-top:15px}
.gnb .menuList > li:first-child{margin-top:0}
.gnb .menuList > li > a{display:inline-block;position:relative;font-size:22px;font-weight:500;color:#fff;padding:0 10px 0 30px}
.gnb .menuList > li > a:before{content:'';display:block;position:absolute;left:0;top:15px;width:0;height:2px;background:#f37938;/*padding:0 10px 0 30px;*/}
.gnb .menuList > li.on > a:before{width:100%;transition:width .5s ease }
.gnb .subDepth{display:none;margin:5px 0 0 30px}
.gnb .subDepth > li{margin-top:5px}
.gnb .subDepth > li:first-child{margin-top:0}
.gnb .subDepth > li > a{color:#666}
.gnb .gnbBtm{position:absolute;left:0;bottom:0;width:100%;padding:0 30px}
/* 이노베이션 버튼 수정 */
.gnb .gnbBtm .btnInno{display:block;position:relative;height:50px;overflow:hidden;text-indent:-9999px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_innovation.png) no-repeat 0 50%;background-size:auto 32px;margin-bottom:20px}
.gnb .gnbBtm .btnInno:after{content:'';display:block;position:absolute;right:0;top:20px;width:25px;height:9px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_innovation_arrow.png) no-repeat 0 0;background-size:25px 9px}
/* //이노베이션 버튼 수정 */
/* 240321 로고 이미지 수정 */
.gnb .gnbBtm .abxlogo{display:block;height:45px;overflow:hidden;text-indent:-9999px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_atlasbx_white_v2.svg) no-repeat 0 50%;background-size:auto 32px;margin-bottom:20px}/* 20210401 로고 추가 */
/* // 240321 로고 이미지 수정 */
.gnb .gnbBtm .lang{position:relative;padding:15px 0;margin-left:-10px}
.gnb .gnbBtm .lang:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:1px;background:rgba(255,255,255,0.1)}
.gnb .gnbBtm .lang ul > li{display:inline-block}
.gnb .gnbBtm .lang ul > li > a{display:inline-block;font-size:13px;font-weight:500;color:#666;height:30px;line-height:30px;margin:0 10px}
.gnb .gnbBtm .lang ul > li:after{content:'';display:inline-block;vertical-align:middle;width:1px;height:7px;background:#fff}
.gnb .gnbBtm .lang ul > li:last-child:after{display:none}
.gnb .gnbBtm .lang ul > li > a.on{color:#fff}

.footer{position:relative;padding:0 20px;color:#fff;text-align:center;background:#000;z-index:99}
.footer .ftTop{position:relative;text-align:left;padding:13px 0}
.footer .ftTop:after{content:'';display:block;clear:both}
.footer .ftTop .cs{display:inline-block;position:absolute;left:0;top:13px;font-size:13px;height:30px;line-height:30px}
.footer .ftTop .ftLink{float:right}
.footer .ftTop .ftLink ul > li{display:inline-block;}
.footer .ftTop .ftLink ul > li:first-child:after{content:'';display:inline-block;width:1px;height:10px;background:#1a1a1a;margin:0 15px}
.footer .ftTop .ftLink ul > li > a{display:inline-block;vertical-align:middle;font-size:13px;font-weight:500;color:#666;height:30px;line-height:30px}
.footer .ftTop .ftLink ul > li > a.on{color:#fff}
.footer .ftTop .ftLink ul > li > a.fb{width:30px;height:30px;margin-left:25px;overflow:hidden;text-indent:-9999px;font:0/0 'HantKR';background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_facebook.png) no-repeat 0 0;background-size:30px 30px}
.footer .ftTop .ftLink ul > li > a.insta{width:30px;height:30px;margin-left:25px;overflow:hidden;text-indent:-9999px;font:0/0 'HantKR';background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_insta.png) no-repeat 0 0;background-size:30px 30px}
.footer .ftMid{border:solid #1a1a1a;border-width:1px 0 1px 0;padding:30px 0}
.footer .ftMid .companyName{font-size:13px}
.footer .ftMid .companyName > strong{display:block}
.footer .ftMid .copyright{margin-top:20px;font-size:12px;color:#666}
.footer .ftBtm{position:relative;padding:13px 0}
.footer .ftBtm .etcLink{display:flex;flex-wrap:nowrap;position:relative;width:100%;overflow-x:auto}
.footer .ftBtm .etcLink::-webkit-scrollbar{display:none}
.footer .ftBtm .etcLink li{flex: 1 0;position:relative;white-space: nowrap}
.footer .ftBtm .etcLink li a{display:inline-block;font-size:12px;height:30px;line-height:30px}
.footer .ftBtm .etcLink li:after{content:'';display:inline-block;width:1px;height:10px;background:#1a1a1a;margin:0 10px}
.footer .ftBtm .etcLink li:last-child:after{background:none}
.footer .ftBtm:after{content:'';display:block;position:absolute;right:0;top:10px;width:25px;height:30px;background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,0)),color-stop(60%,#000))}
/*.footer:before{content:'@footer';display:block}*/

/****** dropdown ******/
.dropdown_list{display:inline-block;position:relative;min-width:220px;margin:20px 0}
.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);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}
.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);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}

/* 추가 */

.wrapper.scrollUp .header{position:fixed;border-bottom:1px solid #e5e5e5}
.wrapper.scrollUp .header .hLogo{background:#fff!important}
.wrapper.scrollUp .header .hLogo a{background-image:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/lg_hnc.png)!important}/* 210331 로고 수정 */
.wrapper.scrollUp .header .hMenu span, .wrapper.scrollUp .header .hMenu span:before, .wrapper.scrollUp .header .hMenu span:after{background:#000!important}
.wrapper.scrollUp .tabFixed .pageTab{top:60px}
.wrapper.scrollUp.gnbOn .header .hMenu span{background:transparent !important}
.wrapper.scrollUp.gnbOn .header .hLogo{background:transparent !important}
.wrapper.scrollUp.gnbOn .header .hLogo a{background-image:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/lg_hnc_w.png)!important}/* 210331 로고 수정 */
.wrapper.scrollUp.gnbOn .header{border-bottom:0}
.wrapper.scrollUp.gnbOn .header .hMenu span:before, .wrapper.scrollUp.gnbOn .header .hMenu span:after{background:#fff !important}

/* form */
:-ms-input-placeholder{color:#bbb;font-weight:400}
:-moz-placeholder{color:#bbb;font-weight:400}
::-webkit-input-placeholder{color:#bbb;font-weight:400}
textarea:placeholder{color:#bbb;font-weight:400}

input::-ms-clear{display:none}
input[type=password]::-ms-reveal{display:none}
input[type=password]::-ms-reveal{display:none}
input.frmTxt{width:100%;height:50px;padding:1px 19px 0;line-height:47px;border:1px solid #ddd}
textarea.frmTxt{display:block;width:100%;height:165px;padding:14px 19px;border:1px solid #ddd}
.frmTxt:focus{position:relative;border-color:#000;outline:0}
.frmTxt.frmError{padding-left:46px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_error.png) 19px 50% no-repeat;background-size:20px auto}
.frmError{color:#e33535!important;border-color:#e33535!important}

.frmCheck{display:inline-block}
.frmCheck input[type=checkbox]{position:relative;vertical-align:middle;appearance:none;-webkit-appearance:none}
.frmCheck.multiL{padding:2px 0 0 35px}
.frmCheck.multiL input[type=checkbox]{width:25px;height:25px;margin:-2px 10px 0 -35px;border:1px solid #d9d9d9;border-radius:100%;background:#fff}
.frmCheck.multiL input[type=checkbox]:before{content:'';position:absolute;top:50%;right:0;width:16px;height:6px;margin-top:-7px;border:solid #d9d9d9;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.frmCheck.multiL input[type=checkbox]:checked{border-color:#000;background:#000}
.frmCheck.multiL input[type=checkbox]:checked:before{border-color:#fff}
.frmCheck.multiL label{font-size:14px;font-weight:500}

.agreeBox .box{padding:11px 49px 11px 17px;position:relative;border:1px solid #f7f7f7;background:#f7f7f7}
.agreeBox .box .view{position:absolute;top:0;right:0;width:50px;height:100%;overflow:hidden;text-indent:-9999px}
.agreeBox .box .view:before{content:'';position:absolute;top:50%;left:50%;width:9px;height:9px;margin:-5px 0 0 -5px;border:solid #999;border-width:1px 1px 0 0;transform:rotate(45deg)}
.agreeBox .box.frmError .view:before{border-color:#e33535!important}
.txtError{margin-top:15px;padding-left:26px;color:#e33535;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_error.png) 0 1px no-repeat;background-size:20px auto}

.frmSelect{display:block;position:relative;width:100%;height:50px;padding:0 55px 0 18px;line-height:48px;border:1px solid #000;background:#fff;border-radius:0;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/bg_select.png) 100% 50% no-repeat;background-size:auto 14px;appearance:none;-webkit-appearance:none}
.frmSelect+.frmSelect{margin-top:10px}

.frmFile{display:block;position:relative}
.frmFile input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}
.frmFile label{display:block;position:relative;padding:1px 19px 0;color:#bbb;line-height:47px;border:1px solid #ddd;background:#fff}
.frmFile label:after{content:'';position:absolute;top:0;right:0;width:48px;height:48px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_file.png) 0 0 no-repeat;background-size:100% auto}
.frmFile input[type="file"]:focus+label{color:#000;border:1px solid #000}

.inpForm{position:relative}
.inpForm .frmCon{margin-top:15px}
.inpForm .frmCon:first-child{margin-top:0}
.inpForm .frmCon .tit{display:block;margin:20px 0 5px}
.inpForm .frmCon .frmTxt+.frmTxt{margin-top:-1px}
.inpForm.border{margin-bottom:25px;padding-bottom:35px}
.inpForm.border:after{content:'';position:absolute;bottom:0;left:-20px;right:-20px;height:10px;background:#f2f2f2}
.inpFile{margin-top:30px}
.inpFile .attach{position:relative;padding-bottom:50px}
.inpFile .attach .frmFile{position:absolute;bottom:0;left:0;width:100%}
.inpFile .attach .file > li{position:relative;margin-bottom:10px;padding:1px 19px 0;color:#000;line-height:47px;border:1px solid #ddd;background:#fff}
.inpFile .attach .file > li .del{position:absolute;top:0;right:0;width:48px;height:48px;overflow:hidden;text-indent:-9999px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_file.png) 0 -48px no-repeat;background-size:100% auto}

/* button */
.btnHK{display:block;width:100%;position:relative;text-align:center;vertical-align:middle}
.btnHK:before, .btnHK:after{display:inline-block;vertical-align:middle;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/spr_button.png) 0 0 no-repeat;background-size:100px auto!important}
.btnHK[class*=ico]{text-align:left}
.btnHK.action{color:#fff;background:#000}
.btnM{padding:1px 19px 0;color:#000;line-height:42px;border:1px solid #000}
.btnM:after{float:right}
.btnM.icoDwn:after{content:'';width:16px;height:16px;margin-top:11px;background-position:0 0}
.btnM.icoArr:after{content:'';width:8px;height:13px;margin-top:13px;background-position:0 -17px}
.btnIco{display:inline-block;width:auto;font-weight:500}
.btnIco:before{content:'';margin:-2px 10px 0 0}
.btnIco.icoDwn:before{width:16px;height:16px;background-position:0 0}

.btnArea{display:flex;flex-wrap:wrap;margin:40px -5px 0;text-align:center}
.btnArea .btnHK{flex:1 0;margin:0 5px}

.btnMore{margin-top:40px;text-align:center}
.btnMore .more{display:inline-block;padding-top:51px;font-size:12px;font-weight:500;line-height:1;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_more.png) 50% 0 no-repeat;background-size:40px auto}

.btnLink{margin-top:30px}
.btnLink .link{display:inline-block;padding-right:27px;font-weight:500;line-height:20px;text-decoration:underline;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_link02.png) 100% 0 no-repeat;background-size:20px auto}

.floatArea {position:relative;height:50px;margin:0 -20px}
.floatArea .btnFloat{position:absolute;bottom:0;left:0;width:100%}
.floatArea .btnFloat button{display:block;width:100%;padding:12px 0 11px;background:#000;text-align:center;font-size:17px;font-weight:400;color:#fff}
.floatArea .btnFloat button:disabled{background:#b1b2b6}
.floatArea .btnFloat.fixed{position:fixed;bottom:0;left:0;margin:0;width:100%;z-index:10}
.floatArea .btnFloat.fixed button{}
.floatArea.btm{margin:70px -20px -70px}

/* depth */
.titDep1{margin:55px 0 20px;font-size:22px}
.titDep1:first-child, .hidden+.titDep1{margin-top:0}
.titDep2{margin:35px 0 20px;font-size:18px}

.listDep1 > li{margin-top:5px;padding-left:10px;color:#444}
.listDep1 > li:first-child{margin-top:0}
.listDep1 > li:before{content:'';display:inline-block;width:2px;height:2px;margin:-2px 8px 0 -10px;vertical-align:middle;border-radius:50%;background:#444}

.txtInfo{color:#444}
.txtInfo+.txtInfo{margin-top:25px}

.imgInfo{margin:45px -20px;text-align:center}
.imgInfo:first-child{margin-top:0}

.txtGuide{margin-top:15px}
.txtGuide > li{margin-top:10px}
.txtGuide > li, p.txtGuide{padding-left:10px;color:#8f675d;font-size:13px}
.txtGuide > li:first-child{margin-top:0}
.txtGuide > li:before, p.txtGuide:before{content:'*';display:inline-block;width:10px;margin-left:-10px}

.txtGuide02{margin-top:15px}
.txtGuide02 > li{margin-top:10px}
.txtGuide02 > li, p.txtGuide02{padding-left:20px;color:#8f675d;font-size:13px}
.txtGuide02 > li:first-child{margin-top:0}
.txtGuide02 > li:before , p.txtGuide02:before{content:'※';display:inline-block;width:20px;margin-left:-20px;vertical-align:middle}

.txtNoti{margin-top:15px}
.txtNoti{color:#8f675d;font-size:13px}

.txtTime{margin-bottom:10px;padding-left:22px;color:#666;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_time.png) 0 2px no-repeat;background-size:15px auto}

.termsArea{margin-top:35px}
.termsArea:first-child{margin-top:0}
.termsArea .txtInfo + .titDep3, .termsArea .txtList + .titDep3, .termsArea .listDep2 + .titDep3, .termsArea .listCircle + .titDep3{margin-top:35px}
.termsArea .txtInfo{margin-top:20px;color:#000}
.termsArea .txtList{position:relative;margin-top:20px;counter-reset:section}
.termsArea .txtList li, .termsArea p.txtList{position:relative;margin-top:17px}
.termsArea .txtList li:first-child{margin-top:0}
.termsArea .txtList > li:before, .termsArea p.txtList:before{content:counter(section)'.';counter-increment:section;display:inline-block;width:20px}
.termsArea .txtList ul{margin-top:10px}
.termsArea .txtList ul li{margin-top:10px}
.termsArea .txtList ul ul{padding-left:15px}
.termsArea .txtList ul ul > li{color:#666;font-size:14px}
.termsArea .txtList p{position:relative;margin-top:15px}
.termsArea .txtList li ol{padding-top:10px}
.termsArea .txtList li ol li, .termsArea .txtList li ul li{margin-top:10px}
.termsArea .txtList li ol li p, .termsArea .txtList li ul li p{margin-top:0}
.termsArea .txtList li > .listCircle.half2 li:before{font-size:13px;top:2px}
.termsArea .txtList.type02 li:before{display:none}
.termsArea .txtList.type02 li ol li{padding-left:0}
.termsArea .listDep2{margin-top:18px}
.termsArea .listDep2 > li{position:relative;margin:0;padding-left:12px}
.termsArea .listDep2 > li:before{content:'';display:block;position:absolute;left:0;top:10px;width:6px;height:1px;background:#000}
.termsArea .txtList .listDep2 > li{color:#000;font-size:15px}
.termsArea .listDep2 > li + li{margin-top:10px}
.termsArea .listCircle{counter-reset:section;margin-top:18px}
.termsArea .listCircle > li{position:relative;}
.termsArea .listCircle > li + li{margin-top:10px}
.termsArea .listCircle > li:before{content:counter(section);counter-increment:section;display:inline-block;border:1px solid #000;text-align:center;width:17px;height:17px;margin-right:5px;border-radius:15px;line-height:17px}
.termsArea .listCircle > li > .txtList{padding:15px 0;margin:0}
.termsArea .txtList li .listCircle.half > li{padding-left:20px}
.termsArea .listCircle.half > li:before{content:counter(section)')';top:2px;width:auto;height:auto;text-align:left;border:0}
.termsArea .listCircle.half2{margin:0}
.termsArea > .listCircle.half2{margin-top:17px}
.termsArea .listCircle.half2 > li{padding-left:0}
.termsArea .txtList li .listCircle.half2 > li, .termsArea .txtList.type02 li ol li ol li{padding-left:15px;color:#666;font-size:14px}
.termsArea .listCircle.half2 > li:before{content:'('counter(section)')';top:2px;width:auto;height:auto;text-align:left;border:0}
.termsArea + .floatArea .btnFloat{position:fixed;bottom:0;left:0;margin:0;width:100%;z-index: 10}

.addTerms{margin-top:30px;padding-top:30px;border-top:1px solid #ddd}
.addTerms .tit{font-size:15px}
.addTerms .add{margin-top:10px;font-size:14px}
.addTerms .add li+li{margin-top:5px}

/* tab */
.tabCont{display:none}
.tabCont.on{display:block}

.tabType01{position:relative;margin:0 -20px 25px;padding:0 20px;overflow-x:auto;white-space:nowrap}
.tabType01::-webkit-scrollbar{display:none}
.tabType01 > li{display:inline-block;margin-left:5px}
.tabType01 > li:first-child{margin-left:0}
.tabType01 > li > a{display:block;padding:2px 13px 0;color:#000;font-size:14px;font-weight:500;line-height:26px;border-radius:28px}
.tabType01 > li.on > a{color:#fff;background:#f47937}


.tabType02 li{display:inline-block;position:relative;padding:0 10px 0 15px}
.tabType02 li:before{content:'';display:inline-block;position:absolute;left:0;top:5px;width:1px;height:12px;background:#ddd}
.tabType02 li:first-child{padding-left:0}
.tabType02 li:first-child:before{display:none}
.tabType02 li:last-child{padding-right:0}
.tabType02 li a{position:relative;color:#808080}
.tabType02 li.on a{color:#f37938}
.tabType02 li.on a:after{content:'';display:block;position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:#fb7731}

/* table */
.tblH{border-top:1px solid #000;background:#fff}
.tblH th, .tblH td{padding:13px 10px 11px;font-size:14px;border:solid #e6e6e6;border-width:0 0 1px 1px;text-align:center}
.tblH th:first-child, .tblH td:first-child{border-left:0}
.tblH th{color:#666;font-weight:400;background:#f2f2f2}
.tblH td{color:#000;font-weight:500}
.tblH .stxt{display:block;margin-top:10px;color:#666;font-size:12px}

.tblV{border-top:1px solid #000;background:#fff}
.tblV th, .tblV td{padding:13px 10px 11px;font-size:14px;border-bottom:1px solid #e6e6e6;text-align:left}
.tblV th{color:#666;font-weight:400;background:#f2f2f2}
.tblV th[rowspan]{border-right:1px solid #e6e6e6}
.tblV td{color:#000;font-weight:500}
.lineL{border-left:1px solid #e6e6e6!important}

.tblScroll{position:relative;overflow:hidden;margin-right:-20px}
.tblScroll .scrollHead{position:absolute;top:0;left:0;box-shadow:5px 0 20px rgba(0,0,0,.1);z-index:2}
.tblScroll .scrollBody{overflow-x:auto;padding-right:20px;-webkit-overflow-scrolling:auto}
.tblScroll .scrollBody .tbl{display:inline-block;width:100%;min-width:860px;vertical-align:top}

/* swiper */
.swiper-container{overflow:hidden;position:relative}
.swiper-wrapper{display:flex;flex-wrap:nowrap}
.swiper-wrapper:after{content:'';display:block;clear:both}
.swiper-wrapper .swiper-slide{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:'';position:absolute;top:50%;left:50%;z-index:10;width:65px;height:65px;margin:-33px 0 0 -33px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_video.png) 0 0 no-repeat;background-size:100% auto}

.gallerySwiper .swiper-slide{flex:1 0 100%}
.gallerySwiper .swiper-indicator{position:relative;margin-top:25px;padding:5px 35px 5px 70px}
.gallerySwiper .swiper-indicator .paging{position:absolute;top:50%;left:0;margin-top:-12px;color:#999;font-weight:500;line-height:24px}
.gallerySwiper .swiper-indicator .paging .now{color:#000}
.gallerySwiper .swiper-indicator .timer{display:block;position:relative;width:100%;height:2px;background:#ccc}
.gallerySwiper .swiper-indicator .timer .bar{position:absolute;top:0;left:0;height:2px;background:#000}
.gallerySwiper .swiper-indicator .pBtn{position:absolute;top:-14px;right:-14px;width:40px;height:40px}
.gallerySwiper .swiper-indicator .pBtn button{width:40px;height:40px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_play.png) 0 0 no-repeat;background-size:auto 40px}
.gallerySwiper .swiper-indicator .pBtn .play{background-position:-40px 0}
.gallerySwiper .swiper-indicator .pBtn button span{position:absolute;overflow:hidden;margin:-1px;width:1px;height:1px;clip:rect(0 0 0 0)}

/* popup */
.layPopup{position:fixed;background:#fff;z-index:99999}
.layPopup .layCont{height:100%;overflow:auto;padding:20px 20px 30px;text-align:left}
.layPopup .layCont .titDep1{margin-bottom:30px}
.layPopup .btnClose{overflow:hidden;text-indent:-9999px;position:absolute;top:0;right:0;width:59px;height:59px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/btn_close.png) no-repeat 50% 50%;background-size:19px auto}

.layPopup.layerFull{top:0;left:0;width:100%;height:100%}
.layPopup.layerS{top:0;left:50%;width:296px;margin-left:-148px}
.layPopup.layerS .layCont{padding-top:60px}
.layPopup.layerS .txtAlert{text-align:center}

.layPopup .layCont.layFloat{overflow:hidden;padding:0}
.layPopup .layCont.layFloat .scrollArea{max-height:100%;overflow-x:auto;padding:20px 20px 80px}
.layPopup .layCont.layFloat .floatArea.btm{margin:0 -20px -30px}

/* toggle list */
.tglList > li .tglTit{display:block;position:relative}
.tglList > li .tglCont{display:none}
.tglList > li .tglCont > *:first-child{margin-top:0!important}
.tglList > li.on .tglCont{display:block}

.descList{margin:0 -20px;border-top:1px solid #ddd}
.descList > li{border-bottom:1px solid #ddd}
.descList > li .tglTit{padding:18px 50px 18px 20px;font-size:16px;font-weight:500}
.descList > li .tglTit:after{content:'';position:absolute;top:50%;right:20px;width:20px;height:20px;margin-top:-10px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/btn_toggle.png) 0 0 no-repeat;background-size:20px auto}
.descList > li .tglCont{padding:10px 20px 40px}
.descList > li.on .tglTit:after{background-position:0 -21px}

.faqList{margin:0 -20px;border-top:1px solid #ddd}
.faqList > li{border-bottom:1px solid #ddd}
.faqList > li .tglTit{padding:15px 20px 15px 50px;font-size:16px}
.faqList > li .tglTit:before{content:'Q';display:inline-block;width:30px;margin-left:-30px;font-size:20px;font-weight:500}
.faqList > li .tglCont{padding:10px 20px 35px 50px;color:#444}
.faqList > li .tglCont br{display:none}
.faqList > li .tglCont .file{margin-top:20px;text-align:right}
.faqList > li.on .tglTit{font-weight:500}

/* board */
.boardTop{margin:0 -20px 0;padding:0 20px 45px;border-bottom:10px solid #f3f3f3}
.boardTop > a{display:block}
.boardTop .bImg{position:relative;margin-bottom:15px}
.boardTop .bImg:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.boardTop .bImg.video:after{content:'';position:absolute;top:50%;left:50%;width:65px;height:65px;margin:-33px 0 0 -33px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_video.png) 0 0 no-repeat;background-size:100% auto}
.boardTop .bTit{display:block;font-size:17px;font-weight:400}
.boardTop .bInfo{overflow:hidden;margin-top:5px;color:#666;font-size:14px}
.boardTop .bInfo dt, .boardTop .bInfo dd{margin-top:5px}
.boardTop .bInfo dt{float:left;width:65px}
.boardTop .bInfo dd{overflow:hidden}

.boardArea{position:relative;margin-left:0}
.contArea .boardArea:first-child{margin:-50px 0 0 0}
.boardList{margin-right:-20px}
.boardList.tLine{padding-top:25px;border-top:1px solid #ddd}
.boardList > li{position:relative;margin-left:-20px;padding:25px 20px}
.boardList > li:before{display:block;content:'';position:absolute;left:20px;bottom:0;width:100%;height:1px;background:#ddd}
.contArea .boardArea:first-child .boardList > li:first-child{padding-top:50px}
.boardList > li.notice{background:#f3f3f3}
.boardList > li:first-child.notice{padding-top:50px}
.boardList > li > a{display:block}
.boardList .tit{display:block;margin-bottom:10px;font-size:16px;font-weight:400}
.boardList .tit .new, .boardTop .bTit .new{display:inline-block;vertical-align:middle;margin:-14px 0 0 5px;width:5px;height:5px;border-radius:5px;background:#f47937;overflow:hidden;font-size:0}
.boardList .name{display:block;margin-bottom:5px;color:#666;font-size:14px;font-weight:500}
.boardList .date{display:block;color:#666;font-size:14px}
.boardList .date em{margin-right:10px}
.boardTop + .boardArea .thumbList{margin-top:35px}
.thumbList > li{margin-top:40px}
.thumbList > li:first-child{margin-top:0}
.thumbList > li > a{display:block}
.thumbList .thum{position:relative;margin-bottom:15px}
.thumbList .thum.video:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.thumbList .thum.video:after{content:'';position:absolute;top:50%;left:50%;width:65px;height:65px;margin:-33px 0 0 -33px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_video.png) 0 0 no-repeat;background-size:100% auto}
.thumbList .tit{display:block;margin-bottom:10px;font-size:17px;font-weight:400}
.thumbList .tit .new{display:inline-block;vertical-align:middle;margin:-14px 0 0 5px;width:5px;height:5px;border-radius:5px;background:#f47937;overflow:hidden}
.thumbList .date{display:block;color:#666;font-size:14px}
.galleryList{margin:35px -10px -40px;font-size:0}
.galleryList > li{display:inline-block;width:50%;margin-bottom:40px;padding:0 10px;vertical-align:top}
.galleryList > li > a{display:block;position:relative}
.galleryList .thum{position:relative;margin-bottom:15px}
.galleryList .tit{display:block;margin-bottom:10px;font-size:15px;font-weight:400}
.galleryList .tit .new{display:inline-block;vertical-align:middle;margin:-14px 0 0 5px;width:5px;height:5px;border-radius:5px;background:#f47937;overflow:hidden}
.galleryList .date{display:block;color:#666;font-size:14px}
.galleryList li.video .thum:after{content:'';position:absolute;top:50%;left:50%;width:65px;height:65px;margin:-33px 0 0 -33px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_video.png) 0 0 no-repeat;background-size:100% auto}

.downList > li{margin-top:10px}
.downList > li:first-child{margin-top:0}
.downList > li > a{display:block;padding:18px 20px;border:1px solid #e6e6e6;background:#fff}
.downList .sort{color:#f47937;font-size:14px}
.downList .tit{display:block;margin:5px 0 25px;font-size:17px;font-weight:500}
.downList.type02 .cibiImg{display:block;height:auto;margin:5px 0 20px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/support/bg_cibi.jpg) no-repeat 0 0;background-size:100% auto;padding:5px 20px;box-sizing:content-box}
.downList.type02 li{padding:18px 20px;border:1px solid #e6e6e6;background:#fff}
.downList.type02 li > a{display:inline-block;width:50%;float:left;border:0;padding:0;background:none}
.downList.type02 li:after{content:'';display:block;clear:both}

.boardView{padding-bottom:55px;border-bottom:1px solid #ddd}
.boardView .viewTop{padding-bottom:30px;border-bottom:1px solid #ddd}
.boardView .viewTop .date{display:block;margin-bottom:20px;font-size:14px;line-height:20px}
.boardView .viewTop .date em{display:inline-block;margin:-2px 10px 0 0;padding:2px 5px 0;color:#f37938;font-size:11px;font-weight:500;line-height:16px;vertical-align:middle;border:1px solid #f37938;border-radius:20px}
.boardView .viewTop .tit{margin-top:-4px;font-size:20px;line-height:1.4}
.boardView .viewTop .etc{display:block;margin-top:25px;color:#666;font-size:14px}
.boardView .viewTop .etc > span{display:block;margin-top:5px}
.boardView .viewTop .etc > span em{display:inline-block;width:65px}
.boardView .viewMedia{margin:-1px -20px 0}
.boardView .viewMedia .typeVideo{display:block;position:relative;background:#000}
.boardView .viewMedia .typeVideo:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.boardView .viewMedia .typeVideo:after{content:'';position:absolute;top:50%;left:50%;width:65px;height:65px;margin:-33px 0 0 -33px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_video.png) 0 0 no-repeat;background-size:100% auto}
.boardView .viewMedia .gallerySwiper .swiper-indicator{margin:25px 20px 0}
.boardView .viewCont{margin-top:35px}
.boardView .viewFile{margin-top:20px}
.boardView .viewFile{display:flex;white-space:nowrap;padding-bottom:5px;overflow-x:auto}
.boardView .viewFile li .btnIco{font-weight:400}
.boardView .viewFile li + li{margin-left:20px}
.boardView .viewFile .download{display:inline-block;font-weight:500}
.boardView .viewFile .icoDwn{color:#666;text-decoration:underline;font-size:14px}
.boardView .viewFile .btnIco.icoDwn:before{background-position:-33px 0}

.boardCtrl{position:relative;margin-top:25px;text-align:center}
.boardCtrl .ctrl{display:block;position:absolute;top:0;line-height:1;vertical-align:top;/*width:33.33%*/}
.boardCtrl .ctrl:before{content:'';display:block;width:20px;height:10px;margin:0 auto 15px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_board.png) 0 0 no-repeat;background-size:100% auto}
.boardCtrl .ctrl.prev{left:0;text-align:left}
.boardCtrl .ctrl.prev:before{margin-left:0;background-position:0 -11px}
.boardCtrl .ctrl.next{right:0;text-align:right}
.boardCtrl .ctrl.next:before{margin-right:0;background-position:0 -22px}
.boardCtrl .ctrl.list{left:50%;margin-left:-25px;padding:0 10px}

/* no data */
.noData{position:relative;padding-top:75px;margin:70px 0 45px}
.noData:before{display:block;content:'';position:absolute;top:0;left:50%;width:60px;height:60px;margin-left:-30px;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/ico_nodata.png) 0 0 no-repeat;background-size:60px auto}
.noData p{font-size:15px;color:#666;text-align:center}

.asideArea{position:relative;width:100%}
.asideLink{display:table;table-layout:fixed;width:100%;background:url(https://cdn.hankook-atlasbx.com/static/assets/img/ko/mo/common/bg_aside.jpg) 0 50% no-repeat;background-size:cover}
.asideLink > li{display:table-cell;color:#fff;font-size:14px;font-weight:500;text-align:center;vertical-align:top;border-left:1px solid rgba(255,255,255,.2)}
.asideLink > li:first-child{border-left:0}
.asideLink > li a{display:table-cell;width:1%;height:125px;padding:0 10px;vertical-align:middle}

/* error */
.wrapper.bg_gray{background:#f2f2f2}
.errorWrap{padding:0 20px;margin:115px 0 140px;text-align:center;background:#f2f2f2}
.errorWrap .errorType{display:block;margin-bottom:20px;font-weight:600;font-size:60px}
.errorWrap .errorTit{display:block;margin-bottom:15px;font-weight:500;font-size:18px}
.errorWrap .subTxt{font-weight:400;font-size:13px;color:#666}
.errorWrap .subTxt + .subTxt{}
.errorWrap .btnArea{margin-top:50px}

/* loading */
.loading{display:}
.loading .motion{position:fixed;left:50%;top:50%;z-index:99999;margin:-30px 0 0 -57px}

/* 배터리보증 20220216 추가*/
.inpArea{margin-top:30px;padding-bottom:30px}
.inpArea h3{margin-bottom:30px}
.inpArea .inpFrm span{display:block;margin-bottom:21px}
.inpArea .inpFrm span:last-child{margin-bottom:10px}
.inpArea .inpFrm label{display:block;margin-bottom:10px}
.inpArea .inpFrm input{padding:5px 20px;width:100%;outline:none;border:1px solid #d3d3d3}
.inpArea .inpFrm+.txtInfo{font-size:12px;color:#916757}
.btnArea.registBtn {margin:45px -25px 0;justify-content:center}
.btnArea.registBtn a{width:100%;height:48px;line-height:48px;background:#b0b1b6;color:#fff;}
/* 20220411 배터리보증 이메일 추가 */
.inpArea .inpFrm .emailArea{display:inline-block;width:100%;margin-bottom:0}
.inpArea .inpFrm .emailArea span{width:calc((100% - 31px)/3);display:inline-block;border:none;margin-bottom:0}
.inpArea .inpFrm .emailArea span.text{width:18px}
.inpArea .inpFrm .emailArea span input{width:100%;padding:5px 10px;}
.inpArea .inpFrm .emailArea .selectBox{width:100%;}
.inpArea .inpFrm .emailArea .selectBox select{width:100%;height:36px;border:1px solid #d3d3d3}
.inpArea .inpFrm .emailArea .selectBox select:focus{outline:none}
.inpArea .txtInfo{margin-top:10px;font-size:12px;color:#916757}