@charset "utf-8";

.kr_sd_400{font-family: 'Pretendard','Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-weight: 400}/* r */
.kr_sd_500{font-family: 'Pretendard','Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-weight: 500}/* m */
.kr_sd_700{font-family: 'Pretendard','Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-weight: 700}/* b */


/* ===== BUTTON STYLE ===== */
.btn_wrap.ta_c {text-align:center;}

.btn_type01 {min-width:21rem; height:6rem; line-height:6rem; background-color:#fff; border:1px solid #005eb8; font-size:1.6rem; color:#005eb8; font-weight:500; text-align:center; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; -o-transition:all ease .3s; transition:all ease .3s; }
.btn_type01:hover {background-color:#005eb8; color:#fff;}
.btn_type01.blue { background-color:#005eb8; border-color:#005eb8; color:#fff;}
.btn_type01.black { background-color:#333333; border-color:#333333; color:#fff;}

/* MORE BUTTON */
.btn_more_type01 {display:inline-flex; align-items:center; justify-content:space-between; position:relative; font-size:1.6rem; color:#fff; padding:1rem 0; line-height:1;}
.btn_more_type01:after {display:block; content:''; width:100%; height:1px; position:absolute; bottom:0; background-color:#fff;}
.btn_more_type01:hover:after {animation:buttonUnderline .7s cubic-bezier(.5,.54,0,.75) forwards; -webkit-animation:buttonUnderline .7s cubic-bezier(.5,.54,0,.75) forwards;}
.btn_more_type01 .arrow {display:inline-block; margin-left:3.5rem; width:2.3rem; height:1.1rem; background:url(/images/main/button_more_arrow.png) no-repeat center/contain;}

.btn_more_type02 {display:inline-flex; align-items:center; font-size:1.6rem; color:#222; line-height:1;}
.btn_more_type02 .arrow {position:relative; display:inline-block; margin-left:2.5rem; width:4.6rem; height:4.6rem; background-color:#005eb8; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.btn_more_type02 .arrow .bull_plus { position:absolute; left:50%; top:50%; width:1.4rem; height:1.4rem; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease; }
.btn_more_type02 .arrow .bull_plus:after {content:""; position:absolute; left:0; top:50%; width:100%; height:2px; background-color:#fff; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.btn_more_type02 .arrow .bull_plus:before {content:""; position:absolute; left:50%; top:0; width:2px; height:100%; background-color:#fff; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.btn_more_type02:hover .arrow .bull_plus { transform:translate(-50%,-50%) rotate(90deg); -webkit-transform:translate(-50%,-50%) rotate(90deg); -moz-transform:translate(-50%,-50%) rotate(90deg); -ms-transform:translate(-50%,-50%) rotate(90deg); -o-transform:translate(-50%,-50%) rotate(90deg); }

/* DOWNLOAD BUTTON */
.btn_download_wrap {display:flex; justify-content:center;}
.btn_download_wrap.ta_l {justify-content:flex-start;}
.btn_download {width:17rem; height:5.4rem; padding:1rem 2.5rem; display:inline-flex; justify-content:space-between; align-items:center; background-color:#fff; border:1px solid #ddd; font-size:1.6rem; color:#666; line-height:1; font-weight:500; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s;}
.btn_download + .btn_download {margin-left:1rem;}
.btn_download .ico {text-indent:-9999px; transition:0.3s ; -webkit-transition:0.3s ; -moz-transition:0.3s ; -ms-transition:0.3s ; -o-transition:0.3s ;}
.btn_download .ico_down {background:url(/images/sub/ico_download.png) no-repeat center/contain; width:1.4rem; height:1.8rem;}
.btn_download .ico_link {background:url(/images/sub/ico_link.png) no-repeat center/contain; width:1.7rem; height:1.7rem;}
.btn_download:hover {border-color:#005eb8; background-color:#005eb8; color:#fff;}
.btn_download:hover .ico_down {background-image:url(/images/sub/ico_download_white.png);}
.btn_download:hover .ico_link {background-image:url(/images/sub/ico_link_white.png);}

.btn_download.small { justify-content:center; width:4.5rem; height:4.5rem; padding:0; text-align:center; border-color:#222; color:#222;}
.btn_download.small:hover {background-color:#005eb8; border-color:#005eb8;}
.btn_download.width_auto {width:auto;}
.btn_download.width_auto .ico {margin-left:2.4rem;}


/* ===== COMMON SETTING ===== */
body.disable_scroll {overflow:hidden; height:100%;}

#main {position:relative; z-index:1;}

.inner {margin:0 auto; max-width:150rem; width:94%;}
.inner2 {margin:0 auto; max-width:110rem; width:94%;}
.inner3 {margin:0 auto; max-width:124.4rem;}
.half_inner {max-width:75rem; width: 94%;}
.half_inner.half_left {margin-left:auto; padding-right:12rem;}
.half_inner.half_right {margin-right: auto; padding-left: 12rem;}
.mb_br {display:none;}
.ico_touch {opacity:.8; display:none;}

.flexbox {display:flex;}
.flexbox > .half {width: 50%;}

/* ===== COLOR ===== */
.point_color01 {color:#005eb8 !important;}

.f-blue {color:#005eb8 !important;}
.f-bk {color:#222 !important;}

.italic {font-style: italic;}


/* ===== HEADER ===== */
#header {position:fixed; top:0; left:0; width:100%; height:10rem; z-index:9; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; padding:0 5rem; display:flex; justify-content:space-between;}
#header::after {display:block;content:'';opacity:0;visibility:hidden;width:100%;height:calc(100% - 10rem);position:absolute;left:0;bottom:0;background: #f5f5f7 url(/images/common/gnb_doosan_logo.png) no-repeat right bottom/42.78rem 5.9rem; transition:.4s;z-index: -1;}
#header .hd_logo {height:10rem; display:inline-flex; align-items:center;}
#header .logo_doosan {display:inline-block; width:12.4rem; height:1.7rem; background:url(/images/common/doosan_logo_wht.png) no-repeat center/contain; z-index:1;}
#header .gnb_wrap {display:flex; justify-content:center; width:100%; height:100%; position:absolute; left:0; top:0;}
#header .center_box {position:relative;}
#header .gnb {display:flex;}
#header .gnb li a {display:inline-block;}
#header .gnb > li {position:relative;display:inline-flex;flex-direction: column;justify-content: space-between;align-items:center;height:100%; width:20rem;}
#header .gnb > li > a {position:relative;font-size:1.825rem;color:#fff;font-weight:500;display:inline-flex;height:10rem;align-items:center;padding: 0 3.7rem;}
#header .gnb > li.on > a {color:#005eb8;}
#header .gnb .depth2 {opacity:0;visibility:hidden;width:100%;padding:1.75rem 0;min-height:29rem;position:absolute;top:10rem;left:0;}
#header .gnb .depth2 li a {transition:all .2s;}
#header .gnb .depth2 > li > a {font-size:1.6rem;}
#header .gnb .depth2 > li {padding:0.75rem 0; text-align: center;}
#header .gnb .depth2 > li > a .ico {display: inline-block; width: 1.4rem; margin-left: 0.2rem;}
#header .gnb .depth2 > li >.depth3-btn {display: inline-flex; align-items: center;}
#header .gnb .depth2 > li >.depth3-btn::after {transition:all .2s ease; display: inline-block; content:""; width:1rem; height:0.6rem; background:url(/images/common/ico_depth_arrow.png) no-repeat center;}
#header .gnb .depth2 > li >.depth3-btn.active::after {transform: rotate(180deg);}
#header .gnb .depth2 > li >.depth3-btn.active {color:#005eb8; font-weight:600; text-decoration:underline;}
#header .gnb .depth2 > li >.depth3-btn.active::after {background-image:url(/images/common/ico_depth_arrow_blue.png);}
#header .gnb .depth2 > li >.depth3-btn > span { margin-right: 1rem;}

#header .gnb .depth3 {display: none; padding-top: 1rem; margin-left: -1rem; padding-left:1rem; padding-right:1rem;}
#header .gnb .depth3 a {display: block; font-size: 1.5rem; color:#666; margin: 1rem 0;}
#header .gnb .depth2 > li.on > a {color:#005eb8; font-weight:600; text-decoration:underline;}
#header .gnb .depth2 > li > .depth3 > a.on {color:#005eb8; font-weight:600;}

.textBox p{text-align: justify;}

#header .left_link {position: absolute; top:10rem; right:100%; opacity: 0; visibility: hidden; padding:0 5rem; width: calc((100vw - 100rem) / 2); height: calc(100% - 10rem); background-color: #fff; flex-wrap: wrap;}
#header .left_link .row {display: flex; margin: 2rem 0; }
#header .left_link .row:first-child {margin-top: 3rem;}
#header .left_link p {flex-shrink: 0; font-size: 1.8rem; color: #222; font-weight: 600; margin-right: 3rem;}
#header .left_link .row:last-child p.en {margin-right: 5.5rem;}
#header .left_link p .ico {display: inline-block; margin-left: 0.5rem;}
#header .left_link .link {}
#header .left_link .link a {display: inline-block; font-size: 1.6rem; color:#666; margin: 0 1rem;}

.en #header .left_link .link a {display: block; margin:0 0 1rem 0;}


#header .hd_info {display:flex;align-items:center;height: 10rem;}
#header .logo_bobcat {margin-left:2.5rem;}
#header .logo_bobcat .logo_img {display:inline-flex; align-items: center; width:17rem; height:3.3rem; background:url(/images/common/bobcat_logo_wht.png) no-repeat center/contain;}
#header .hd_language {position:relative;}
#header .hd_language .btn_hd_language {display:block; padding-left:2rem; padding-right:2rem; background:url(/images/common/ico_lang_wht.png) no-repeat left center/contain; border:none; width:2rem; height:2rem; transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease;}
#header .hd_language .btn_hd_language:after {content: ""; position:absolute; right:0; top:50%; margin-top:-0.3rem; width:0.9rem; height:0.5rem; background:url(/images/common/button_lang_wht.png) no-repeat center/100%; transition:0.2s ease; -webkit-transition:0.2s ease; -moz-transition:0.2s ease; -ms-transition:0.2s ease; -o-transition:0.2s ease;}
#header .hd_language ul {opacity:0; visibility:hidden; position:absolute; top:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); margin-top:1rem; padding:1rem 0; width:100%; min-width:8rem; background-color:#fff; box-shadow:0px 3px 10px rgba(0,0,0,0.1); transition:opacity 0.3s ease; -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease;}
#header .hd_language ul li a {display:block; padding:0.5rem 0; font-size:1.3rem; color:#333; text-align:center;}
#header .hd_language ul li:hover a {color:#005eb8;}
#header .hd_language.on .btn_hd_language:after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg);}
#header .hd_language.on ul {opacity:1; visibility:visible;}
#header .hd_language.hov_on .btn_hd_language {background-image:url(/images/common/ico_lang_blue.png);}
#header .hd_language.hov_on .btn_hd_language:after {background-image:url(/images/common/button_lang_blue.png)}

#header .hd_search {position:relative; margin-right:3rem;}
#header .hd_search > div { position:relative;}
#header .hd_search .btn_search_open { display:block; width:2rem; height:2rem; border:none; background:url(/images/common/ico_search.png) no-repeat center/contain; font-size:0; line-height:0; text-indent:-9999px; transition: 0.2s ease;}
#header .hd_search .search_wrap { display:none; position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; background:rgba(0,0,0,0.8);}
#header .hd_search .search_wrap.on { display:block;}
#header .hd_search .search_wrap form { display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:25rem; background:#fff;}
#header .hd_search .search_wrap .btn_search_close { position:absolute; right:0; margin-right:5%; top:25rem; z-index:10; margin-top:-4rem; width:8rem; height:8rem; background:#005eb8; font-size:0; line-height:0; text-indent:-9999px;}
#header .hd_search .search_wrap .btn_search_close:after,
#header .hd_search .search_wrap .btn_search_close:before { content:''; width:50%; height:2px; background:#fff; display: inline-block; position:absolute; top:50%; left:25%; transform:translateY(50%); -webkit-transform:translateY(50%); -moz-transform:translateY(50%); -ms-transform:translateY(50%); -o-transform:translateY(50%); }
#header .hd_search .search_wrap .btn_search_close:after { transform: translateY(50%) rotate(45deg); -webkit-transform: translateY(50%) rotate(45deg); -moz-transform: translateY(50%) rotate(45deg); -ms-transform: translateY(50%) rotate(45deg); -o-transform: translateY(50%) rotate(45deg); }
#header .hd_search .search_wrap .btn_search_close:before { transform: translateY(50%) rotate(-45deg); -webkit-transform: translateY(50%) rotate(-45deg); -moz-transform: translateY(50%) rotate(-45deg); -ms-transform: translateY(50%) rotate(-45deg); -o-transform: translateY(50%) rotate(-45deg); }
#header .hd_search .search_wrap .search_form { position:relative; padding-right:6rem; width:60rem; border-bottom:2px solid #333;}
#header .hd_search .search_wrap .search_form .search_input { display:block; padding:0.5em; width:100%; height:6rem; border:none; background:transparent; font-size:2rem; color:#333;}
#header .hd_search .search_wrap .search_form .btn_search { position:absolute; right:0; top:0; width:6rem; height:6rem; background:none; font-size:0; text-indent:-9999px;}
#header .hd_search .search_wrap .search_form .btn_search img { position:absolute; left:50%; top:50%; z-index:1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }

#header .hd_search .search_wrap form {
    -webkit-animation: slideUp 0.2s linear forwards;
    -moz-animation: slideUp 0.2s linear forwards;
    -ms-animation: slideUp 0.2s linear forwards;
    -o-animation: slideUp 0.2s linear forwards;
    animation: slideUp 0.2s linear forwards;
}
#header .hd_search .search_wrap .btn_search_close {
    -webkit-animation: slideLeft 0.2s linear forwards;
    -moz-animation: slideLeft 0.2s linear forwards;
    -ms-animation: slideLeft 0.2s linear forwards;
    -o-animation: slideLeft 0.2s linear forwards;
    animation: slideLeft 0.2s linear forwards;
}
#header .hd_search .search_wrap.active form {
    -webkit-animation: slideDown 0.2s linear forwards;
    -moz-animation: slideDown 0.2s linear forwards;
    -ms-animation: slideDown 0.2s linear forwards;
    -o-animation: slideDown 0.2s linear forwards;
    animation: slideDown 0.2s linear forwards;
}
#header .hd_search .search_wrap.active .btn_search_close {
    -webkit-animation: slideRight 0.2s linear forwards;
    -moz-animation: slideRight 0.2s linear forwards;
    -ms-animation: slideRight 0.2s linear forwards;
    -o-animation: slideRight 0.2s linear forwards;
    animation: slideRight 0.2s linear forwards;
}
#header .hd_search .search_wrap .keyword{padding:10px 0;}



/* ===== HEADER - TYPE:: WHITE ===== */
#header.type_white {background-color:#fff;}
#header.type_white .logo_doosan {background-image:url(/images/common/doosan_logo_color.png);}
#header.type_white .logo_bobcat .logo_img {background-image:url(/images/common/bobcat_logo_color.png);}
#header.type_white .hd_search .btn_search_open {background-image: url(/images/common/ico_search_color.png);}
#header.type_white .hd_language .btn_hd_language {background-image:url(/images/common/ico_lang_color.png);}
#header.type_white .hd_language .btn_hd_language:after {background-image:url(/images/common/button_lang_color.png)}
#header.type_white .gnb > li > a {color:#222;}

/* ===== HEADER - TYPE:: SUB PAGE ===== */
.sub:not(.no_hd_white) #header {background-color:#fff;}
.sub:not(.no_hd_white) #header .logo_doosan {background-image:url(/images/common/doosan_logo_color.png);}
.sub:not(.no_hd_white) #header .logo_bobcat .logo_img {background-image:url(/images/common/bobcat_logo_color.png);}
.sub:not(.no_hd_white) #header .hd_search .btn_search_open {background-image: url(/images/common/ico_search_color.png);}
.sub:not(.no_hd_white) #header .hd_language .btn_hd_language {background-image:url(/images/common/ico_lang_color.png);}
.sub:not(.no_hd_white) #header .hd_language .btn_hd_language:after {background-image:url(/images/common/button_lang_color.png)}
.sub:not(.no_hd_white) #header .gnb > li > a {color:#222;}

.en.sub:not(.no_hd_white) #header .logo_bobcat .logo_img {background-image:url(/images/en/common/bobcat_logo_color.png);}

/* ===== HEADER - TYPE:: hover ===== */
@media all and (min-width: 1470px){
    #header.is_hover {height:59.6rem; background:#fff; overflow:hidden;}
    #header.is_hover::after {opacity:1; visibility:visible;}
    #header.is_hover .gnb .dep2 {display:block;}
    #header.is_hover {background-color:#fff; box-shadow:1px 1px 25px rgb(67 67 67 / 20%);}
    #header.is_hover .hd_search .btn_search_open {background-image: url(/images/common/ico_search_color.png);}
    #header.is_hover .logo_doosan {background-image:url(/images/common/doosan_logo_color.png);}
    #header.is_hover .logo_bobcat .logo_img {background-image:url(/images/common/bobcat_logo_color.png);}
    #header.is_hover .hd_language .btn_hd_language {background-image:url(/images/common/ico_lang_color.png);}
    #header.is_hover .hd_language .btn_hd_language:after {background-image:url(/images/common/button_lang_color.png);}
    #header.is_hover .gnb > li > a {color:#222;}
    #header.is_hover .gnb > li.on > a {color:#005eb8;}
    #header.is_hover .gnb > li.open > a {color:#005eb8 !important;}
    #header.is_hover .gnb .depth2 {opacity:1; visibility:visible;}
    #header.is_hover .gnb .depth2 > li:hover > a {color:#005eb8; font-weight:600; text-decoration:underline;}
    #header.is_hover .gnb .depth3 a:hover {text-decoration:underline;}
    #header.is_hover .left_link {visibility: visible; opacity: 1;}

    #header .gnb .depth2 li a.depth3-btn:hover::after {background-image:url(/images/common/ico_depth_arrow_blue.png);}
    #header .left_link .link a:hover {color:#005eb8; text-decoration:underline;}

    /* ===== 영문 ===== */
    .en #header .logo_bobcat .logo_img {background-image: url(/images/en/common/bobcat_logo_wht.png); width:24.3rem;}

    .en #header.type_white .logo_bobcat .logo_img {background-image: url(/images/en/common/bobcat_logo_color.png);}
    .en #header.is_hover .logo_bobcat .logo_img {background-image:url(/images/en/common/bobcat_logo_color.png);}
}


/* ===== FOOTER ===== */
#footer {background-color: #171717;}
.footer_wrap {position:relative; background-color: #171717;}
.footer_wrap.z_index_1 {z-index:1;}
#footer .sitemap {display:flex; color:#fff; padding:4.5rem 0;}
#footer .sitemap article {margin-right:6rem; width:16%;}
#footer .sitemap article:last-child {margin-right:0;}
#footer .sitemap article.arti_product {width:36%;}
#footer .sitemap article.arti_product dl {padding-right:3rem; width:33.333%;}
#footer .sitemap article.arti_product .item_cont {display:flex;}
#footer .sitemap .item_title {font-size:1.8rem; font-weight:600; padding-bottom:1.5rem; margin-bottom:2rem; border-bottom:1px solid rgba(255,255,255,0.3);}
#footer .sitemap .item_cont {display:flex;}
#footer .sitemap .item_cont a {color:#fff; position:relative;}
#footer .sitemap .item_cont a::after {display:block; content:''; width:0; height:1px; background-color:#fff; position:absolute; bottom:0; left:0; transition:0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s;}
#footer .sitemap .item_cont a:hover::after {width:100%;}
#footer .sitemap .item_cont dt {font-size:1.5rem; margin-bottom:1.2rem;}
#footer .sitemap .item_cont dd {font-size:1.5rem; opacity:0.6; margin-bottom:1.2rem;}
#footer .sitemap .item_cont ul li {font-size:1.5rem; margin-bottom:1.2rem;}
#footer .sitemap .item_cont ul li .ico {display:inline-block; margin-left:0.6rem;}
#footer .ft_bottom {border-top:1px solid rgba(255,255,255,0.3); padding:5rem 0;}
#footer .ft_bottom .inner {display:flex; justify-content:space-between; align-items:center;}
#footer .ft_bottom .left_con {display:flex; align-items:center;}
#footer .ft_bottom h2 a {display:block; width:12.4rem; height:1.7rem; background:url(/images/common/doosan_logo_ft.png) no-repeat center/contain;}
#footer .ft_bottom .copyright {margin-left:2rem; font-size: 1.4rem; color: rgba(255,255,255,0.3);}
#footer .ft_bottom .right_con {display:flex; align-items:center;}
#footer .ft_bottom .ft_info {display:flex; align-items:center;}
#footer .ft_bottom .ft_info li {position:relative; margin-left:1.5rem; padding-left:1.6rem;}
#footer .ft_bottom .ft_info li::after {content:""; position:absolute; left:0; top:50%; margin-top: -0.5rem;width: 1px;height: 1rem;background: rgba(255,255,255,0.2);}
#footer .ft_bottom .ft_info li:first-child {margin-left: 0; padding-left: 0;}
#footer .ft_bottom .ft_info li:first-child::after {display:none;}
#footer .ft_bottom .ft_info li a {position:relative; display:block; font-size:1.5rem; color:#a0a0a0;}
#footer .ft_bottom .ft_info li a::after {display:block; content:''; width:0; height:1px; background-color:#fff; position:absolute; bottom:0; left:0; transition:0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s;}
#footer .ft_bottom .ft_info li a:hover::after {width:100%;}
#footer .ft_bottom .ft_info li a strong {color: #fff; font-weight:400;}
#footer .ft_bottom .ft_info li a .ico {display:inline-block; margin-left:0.6rem;}
#footer .ft_bottom .ft_site {position:relative; margin-left:4rem; width:24rem; border:1px solid rgba(255,255,255,0.35);}
#footer .ft_bottom .ft_site h3 {position:relative; padding-left:2rem; font-size:1.6rem; color: rgba(160, 160, 160, 0.5); font-weight:400; line-height:3.438em; cursor:pointer;}
#footer .ft_bottom .ft_site h3:after {content: ""; position:absolute; right:2rem; top:50%; width:1.2rem; margin-top:-0.3rem; height: 0.6rem; background: url('/images/common/button_ft_site.png') no-repeat center; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s;}
#footer .ft_bottom .ft_site ul {display:none; position:absolute; left:0; bottom:100%; width:100%; background-color:#fff; padding:1rem 2rem; border:1px solid #ddd;}
#footer .ft_bottom .ft_site ul li a { font-size:1.4rem; color:#aaa; display:block; margin:0.5rem 0; line-height:1.5; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; }
#footer .ft_bottom .ft_site ul li a:hover {color:#005eb8;}
#footer .ft_bottom .ft_site.open ul {display:block;}
#footer .ft_bottom .ft_site.open h3:after {transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg);}


.top_btn {display:inline-block; height:65px; width:65px; position:absolute; top:-10rem; right:3rem; z-index:8; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s;}
.top_btn.posi_fixed {position:fixed; top:inherit; bottom:5.5rem;}
.top_btn.fadeout {opacity:0; z-index:-1;}
.fullpg_top_btn {opacity:0;}
.top_btn .progress { display:block; width:100%; height:100%; position:absolute; top:0; left:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.top_btn .progress canvas {max-width:100%; max-height:100%;}
.top_btn .text {display:block; width:100%; height:100%; font-size:1.3rem; font-weight:700; color:#555; text-align:center; line-height:65px;}



/*** popup ***/
#popupWrap {position:relative; z-index:11;}
.popup { display:none; z-index:100; }
.popup .dim { background-color: rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; top:0; left:0; z-index:100; }
.popup-btn { cursor:pointer; }
.popup .popupbox-wrap { position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); max-width: 1244px; background-color:#fff; width:90%; max-height: 90vh; /*overflow: hidden; */z-index:101; -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:;}

.popup .popupbox { box-shadow: 5px 5px 30px rgb(0 0 0 / 20%); width:100%; padding: 8rem; }
.popup a.close { position:absolute; right: 0rem; bottom: calc(100% + 2rem); width: 3rem; height: 3rem; transition:all 0.3s; }
.popup a.close span { width: 4rem; height: 2px; background-color: #fff; display: block; position: absolute; top: 50%; left: calc(50% - 2rem); transform: translate(-50%, -50%); }
.popup a.close span:nth-child(1) { transform: rotate(45deg); transform-origin: center; /* margin: 0px 0 14px 0; */ }
.popup a.close span:nth-child(2) { transform: rotate(-45deg); transform-origin: center; margin: -1px 0 0 0; }
.popup a.close:hover { transform:rotate(90deg); transition:all 0.3s; }

.popup .p_cont { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.popup .p_cont .imgBox { display: flex; border: 1px solid #dddddd; }
.popup .p_cont .imgBox img { width:39rem }
.popup .p_cont .textBox { width: calc(100% - 39rem - 8rem); /* padding: 4.5rem 0; */}

.p_member_tit { padding-bottom: 3.5rem; border-bottom: 1px solid #dddddd; position: relative; }
.p_member_tit::after { content:''; width: 253px; height: 35px; background:url(/images/sub/sub02/sub0202_bg.png) no-repeat center/contain; position: absolute; right: 0; bottom: 0; }
.p_member_tit h6 { font-size: 1.8rem; color: #005eb8; font-weight: 600; }
.p_member_tit h4 { padding-top: 3rem; font-weight: 700; font-size: 3rem; color: #222222; display: flex; align-items: baseline; }
.p_member_tit h4 span { color: #999999; font-size: 1.6rem; padding-left: 3.6rem; line-height: 1em; font-weight: 500; position: relative; }
.p_member_tit h4 span::before { content:''; height: 16px; width:1px; background-color:#dddddd; position: absolute; bottom: 0px; left: 1.6rem; }
.p_member_cont { padding-top: 4rem; }
.p_member_cont .p-wr { padding-right: 4.5rem; height: 32rem; overflow-y: auto; }
.p_member_cont .p-wr p { font-size: 1.6rem; color: #666666; line-height: 1.65em; }
.p_member_cont .p-wr p + p { padding-top:3rem }



/* ----- parking error ----- */
.parking-error { display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top:10rem; padding: 12rem 0; border-top:1px solid #ddd; text-align:center;}
.parking-error strong { display:block; margin:2.222em 0 0.694em; font-size:3.6rem; color:#333333; line-height:1.528em; letter-spacing:-0.007em; font-weight:700;}
.parking-error p { font-size:1.8rem; color:#666666; letter-spacing:-0.014em; line-height:1.667em; font-weight:300;}
.parking-error .error-btn { margin-top:8rem;}
.parking-error .error-btn a { display:inline-block; min-width:185px; margin-left:1.25em; border:1px solid #313131; font-size:1.6rem; color:#313131; letter-spacing:-0.016em; line-height:3.438em;}
.parking-error .error-btn a:first-child { margin-left:0;}
.parking-error .error-btn a:hover { background:#313131; color:#fff;}


/* ----- COMMON ANIMATION ----- */
.con_ani {
    opacity: 0;
    -webkit-transition-property:opacity, transform;
    -moz-transition-property:opacity, transform;
    -ms-transition-property:opacity, transform;
    -o-transition-property:opacity, transform;
    transition-property:opacity, transform;
    -webkit-transition-timing-function:ease;
    -moz-transition-timing-function:ease;
    -ms-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:1.2s;
    -moz-transition-duration:1.2s;
    -ms-transition-duration:1.2s;
    -o-transition-duration:1.2s;
    transition-duration:1.2s;
    -webkit-transition-delay:0.1s;
    -moz-transition-delay:0.1s;
    -ms-transition-delay:0.1s;
    -o-transition-delay:0.1s;
    transition-delay:0.1s;
}
.con_ani.on {
    opacity:1;
    -webkit-transform:translateZ(0) !important;
    -moz-transform:translateZ(0) !important;
    -ms-transform:translateZ(0) !important;
    -o-transform:translateZ(0) !important;
    transform:translateZ(0) !important;
}
.con_ani.fade_up {
    -webkit-transform:translate3d(0,100px,0);
    -moz-transform:translate3d(0,100px,0);
    -ms-transform:translate3d(0,100px,0);
    -o-transform:translate3d(0,100px,0);
    transform:translate3d(0,100px,0);
}
.con_ani.fade_left {
    -webkit-transform:translate3d(100px,0,0);
    -moz-transform:translate3d(100px,0,0);
    -ms-transform:translate3d(100px,0,0);
    -o-transform:translate3d(100px,0,0);
    transform:translate3d(100px,0,0);
}
.con_ani.fade_right {
    -webkit-transform:translate3d(-100px,0,0);
    -moz-transform:translate3d(-100px,0,0);
    -ms-transform:translate3d(-100px,0,0);
    -o-transform:translate3d(-100px,0,0);
    transform:translate3d(-100px,0,0);
}
.con_ani.delay_500ms {
    transition-delay: 500ms;
}


@-webkit-keyframes slideDown {
    0% {
        transform:translateY(-100%);
    }
    100% {
        transform:translateY(0);
    }
}
@-moz-keyframes slideDown {
    0% {
        transform:translateY(-100%);
    }
    100% {
        transform:translateY(0);
    }
}
@-ms-keyframes slideDown {
    0% {
        transform:translateY(-100%);
    }
    100% {
        transform:translateY(0);
    }
}
@-o-keyframes slideDown {
    0% {
        transform:translateY(-100%);
    }
    100% {
        transform:translateY(0);
    }
}
@keyframes slideDown {
    0% {
        transform:translateY(-100%);
    }
    100% {
        transform:translateY(0);
    }
}

@-webkit-keyframes slideLeft {
    0% {
        transform:translateX(0);
    }
    100% {
        margin-right:-80px;
        transform:translateX(100%);
    }
}
@-moz-keyframes slideLeft {
    0% {
        transform:translateX(0);
    }
    100% {
        margin-right:-80px;
        transform:translateX(100%);
    }
}
@-ms-keyframes slideLeft {
    0% {
        transform:translateX(0);
    }
    100% {
        margin-right:-80px;
        transform:translateX(100%);
    }
}
@-o-keyframes slideLeft {
    0% {
        transform:translateX(0);
    }
    100% {
        margin-right:-80px;
        transform:translateX(100%);
    }
}
@keyframes slideLeft {
    0% {
        transform:translateX(0);
    }
    100% {
        margin-right:-80px;
        transform:translateX(100%);
    }
}

@-webkit-keyframes scrolldown {
    0% {
        opacity:0.2;
        transform:translateY(0);
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
    }
    70% {
        opacity:1;
        transform:translateY(3rem);
        -webkit-transform:translateY(3rem);
        -moz-transform:translateY(3rem);
        -ms-transform:translateY(3rem);
        -o-transform:translateY(3rem);
    }
    100% {
        opacity:1;
        transform:translateY(3rem);
        -webkit-transform:translateY(3rem);
        -moz-transform:translateY(3rem);
        -ms-transform:translateY(3rem);
        -o-transform:translateY(3rem);
    }
}
@keyframes scrolldown {
    0% {
        opacity:0.2;
        transform:translateY(0);
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
    }
    70% {
        opacity:1;
        transform:translateY(3rem);
        -webkit-transform:translateY(3rem);
        -moz-transform:translateY(3rem);
        -ms-transform:translateY(3rem);
        -o-transform:translateY(3rem);
    }
    100% {
        opacity:1;
        transform:translateY(3rem);
        -webkit-transform:translateY(3rem);
        -moz-transform:translateY(3rem);
        -ms-transform:translateY(3rem);
        -o-transform:translateY(3rem);
    }
}
@-webkit-keyframes scrollright {
    0% {
        transform:translateX(-1rem);
        -webkit-transform:translateX(-1rem);
        -moz-transform:translateX(-1rem);
        -ms-transform:translateX(-1rem);
        -o-transform:translateX(-1rem);
    }
    100% {
        transform:translateX(1rem);
        -webkit-transform:translateX(1rem);
        -moz-transform:translateX(1rem);
        -ms-transform:translateX(1rem);
        -o-transform:translateX(1rem);
    }
}
@keyframes scrollright {
    0% {
        transform:translateX(-1rem);
        -webkit-transform:translateX(-1rem);
        -moz-transform:translateX(-1rem);
        -ms-transform:translateX(-1rem);
        -o-transform:translateX(-1rem);
    }
    100% {
        transform:translateX(1rem);
        -webkit-transform:translateX(1rem);
        -moz-transform:translateX(1rem);
        -ms-transform:translateX(1rem);
        -o-transform:translateX(1rem);
    }
}

@-webkit-keyframes buttonUnderline {
    0%{
        transform:scaleX(1);
        -webkit-transform:scaleX(1);
        -moz-transform:scaleX(1);
        -ms-transform:scaleX(1);
        -o-transform:scaleX(1);
        transform-origin:100% 0;
    }
    45%{
        transform:scaleX(0);
        -webkit-transform:scaleX(0);
        -moz-transform:scaleX(0);
        -ms-transform:scaleX(0);
        -o-transform:scaleX(0);
        transform-origin:100% 0;
    }
    55%{
        transform:scaleX(0);
        -webkit-transform:scaleX(0);
        -moz-transform:scaleX(0);
        -ms-transform:scaleX(0);
        -o-transform:scaleX(0);
        transform-origin:0 0;
    }
    100%{
        transform:scaleX(1);
        -webkit-transform:scaleX(1);
        -moz-transform:scaleX(1);
        -ms-transform:scaleX(1);
        -o-transform:scaleX(1);
        transform-origin:0 0;
    }
}

@keyframes buttonUnderline {
    0%{
        transform:scaleX(1);
        -webkit-transform:scaleX(1);
        -moz-transform:scaleX(1);
        -ms-transform:scaleX(1);
        -o-transform:scaleX(1);
        transform-origin:100% 0;
    }
    45%{
        transform:scaleX(0);
        -webkit-transform:scaleX(0);
        -moz-transform:scaleX(0);
        -ms-transform:scaleX(0);
        -o-transform:scaleX(0);
        transform-origin:100% 0;
    }
    55%{
        transform:scaleX(0);
        -webkit-transform:scaleX(0);
        -moz-transform:scaleX(0);
        -ms-transform:scaleX(0);
        -o-transform:scaleX(0);
        transform-origin:0 0;
    }
    100%{
        transform:scaleX(1);
        -webkit-transform:scaleX(1);
        -moz-transform:scaleX(1);
        -ms-transform:scaleX(1);
        -o-transform:scaleX(1);
        transform-origin:0 0;
    }
}

@-webkit-keyframes twinkPoint {
    0% {
        opacity:0;
        transform: scale(0) translate(-50%,-50%);
        -webkit-transform: scale(0) translate(-50%,-50%);
        -moz-transform: scale(0) translate(-50%,-50%);
        -ms-transform: scale(0) translate(-50%,-50%);
        -o-transform: scale(0) translate(-50%,-50%);
    }
    30% {
        opacity:1;
        transform: scale(1) translate(-50%,-50%);
        -webkit-transform: scale(1) translate(-50%,-50%);
        -moz-transform: scale(1) translate(-50%,-50%);
        -ms-transform: scale(1) translate(-50%,-50%);
        -o-transform: scale(1) translate(-50%,-50%);
    }
    100% {
        opacity:0;
        transform: scale(1.2) translate(-50%,-50%);
        -webkit-transform: scale(1.2) translate(-50%,-50%);
        -moz-transform: scale(1.2) translate(-50%,-50%);
        -ms-transform: scale(1.2) translate(-50%,-50%);
        -o-transform: scale(1.2) translate(-50%,-50%);
    }
}

@keyframes twinkPoint {
    0% {
        opacity:0;
        transform: scale(0) translate(-50%,-50%);
        -webkit-transform: scale(0) translate(-50%,-50%);
        -moz-transform: scale(0) translate(-50%,-50%);
        -ms-transform: scale(0) translate(-50%,-50%);
        -o-transform: scale(0) translate(-50%,-50%);
    }
    30% {
        opacity:1;
        transform: scale(1) translate(-50%,-50%);
        -webkit-transform: scale(1) translate(-50%,-50%);
        -moz-transform: scale(1) translate(-50%,-50%);
        -ms-transform: scale(1) translate(-50%,-50%);
        -o-transform: scale(1) translate(-50%,-50%);
    }
    100% {
        opacity:0;
        transform: scale(1.2) translate(-50%,-50%);
        -webkit-transform: scale(1.2) translate(-50%,-50%);
        -moz-transform: scale(1.2) translate(-50%,-50%);
        -ms-transform: scale(1.2) translate(-50%,-50%);
        -o-transform: scale(1.2) translate(-50%,-50%);
    }
}

/* ===== RESPONSIVE ===== */
@media screen and (max-width: 1800px) {
    #header .left_link {padding: 0 3rem 0 5rem;}
    #header .left_link .row {flex-direction: column;}
    #header .left_link .link {margin-left: -1rem; margin-top: 1rem;}
    .en #header .left_link .link {margin-left: 0;}
}

@media screen and (max-width: 1660px) {
    #header .gnb > li {width: 17rem;}
    #header .gnb > li > a {font-size: 1.8rem; padding: 0 3rem;}
    #header .hd_search {margin-right: 2rem;}

    #header .left_link {width: calc( (100vw - 85rem) / 2);}
}

@media screen and (max-width: 1600px) {
    #header {padding:0 3%;}
}

@media all and (max-width: 1580px){
    .en #header .left_link {width: calc( (100vw - 85rem - 10rem) / 2);}
    .en #header .center_box {margin-left: -11rem;}
}

@media all and (max-width: 1470px){
    html {font-size:58%;}

    #header .gnb_wrap {position: fixed; left: 200%; top: 0; padding-top: 10rem; z-index: 5000; min-width: 30rem; width: 55%; height: 100%; background-color: #fff;}
    #header .gnb_wrap h2.hide {left:-96%; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
    #header .center_box {width:100%; height:100%; overflow-y:scroll; -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth;display: flex; flex-direction: column; justify-content: space-between;}
    #header .gnb { display:block; margin-left:0;}
    #header .gnb::-webkit-scrollbar { display: none;}
    #header .gnb > li { display:block; height:auto; width: auto; }
    #header .gnb > li > a { display:block; position:relative; padding:2rem; color:#666; text-align:left; height: auto; font-size: 2rem;}
    #header .gnb > li .depth2 { opacity:1; visibility:visible; display:none; position:static; top:auto; left:auto; min-height:auto; padding:1.5rem 2rem; background:#fafafa;}
    #header .gnb .depth2 li a .pc_br {display: none;}
    #header .gnb > li.open .depth2 {display: block;}
    #header .gnb > li.no-depth2 {display: block;}
    #header .gnb .depth2 li {text-align:left; padding: 1rem 0;}
    #header .gnb .depth3 {margin-left: 0;}
    #header .hd_info {position: fixed; right:0; min-width: 30rem; width: 50%; justify-content: flex-end; padding: 0 3%; z-index: 5001;}
    #header .left_link {position: relative; top: auto; right: auto; height: auto; width: 100% !important;}
    #header .left_link .row {flex-direction: row;}

    #header.menu_open .gnb_wrap { left:45%;}
    #header.menu_open .gnb_wrap h2.hide {left:-100%; cursor:pointer;}
    #header.menu_open .logo_bobcat .logo_img {background-image:url(/images/common/m_bobcat_logo_color.png);}
    #header.menu_open .hd_search .btn_search_open {background-image:url(/images/common/ico_search_color.png);}
    #header.menu_open .hd_language .btn_hd_language {background-image:url(/images/common/ico_lang_color.png);}
    #header.menu_open .hd_language .btn_hd_language:after {background-image:url(/images/common/button_lang_color.png)}
    #header.menu_open .gnb > li > a {color:#222;}
    #header.menu_open .gnb > li:not(.no-depth2) > a:after { content:""; position:absolute; right:2rem; top:3.5rem; width:0.8rem; height:0.8rem; border-left:2px solid #999; border-top:2px solid #999; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); -ms-transform:rotate(225deg); -o-transform:rotate(225deg); transform:rotate(225deg); -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -ms-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0; }
    #header.menu_open .gnb > li.open > a:after { top: 2.5rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }

    #header.menu_open .hd_allmenu_open .btn_menu,
    #header.menu_open .hd_allmenu_open .btn_menu::before,
    #header.menu_open .hd_allmenu_open .btn_menu::after {background-color:#222;}
    #header.menu_open .left_link {opacity: 1; visibility: visible; background-color: #f5f5f7; z-index: 5001; padding: 3rem 2rem; min-width:auto; border-top: 1px solid #e9e9e9;}
    #header .left_link .link {margin-left: 0; margin-top: 0;}
    #header .left_link .row:first-child {margin-top: 0;}
    #header .left_link .row:last-child {margin-bottom: 0;}
    #header .left_link p {margin-right: 2rem;}
    #header .left_link .row:last-child p.en {margin-right: 4.5rem;}
    #header .left_link p .ico img {width:1.2rem;}

    #header.menu_open .btn_menu {
        top:0.8rem !important;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: transform 0.2s ease;
        transition: transform 0.2s ease;
    }
    #header.menu_open .btn_menu:before {
        top:0 !important;
        right: 2rem !important;
        width: 0.8rem !important;
        -webkit-transform: rotate(-45deg) translateX(0.5rem);
        transform: rotate(-45deg) translateX(0.5rem);
        -webkit-transition: transform 0.2s ease;
        transition: transform 0.2s ease;
    }
    #header.menu_open .btn_menu:after {
        top:0 !important;
        right: 2rem !important;
        width: 0.8rem !important;
        -webkit-transform: rotate(45deg) translateX(0.5rem);
        transform: rotate(45deg) translateX(0.5rem);
        -webkit-transition: transform 0.2s ease;
        transition: transform 0.2s ease;
        -moz-transition: transform 0.2s ease;
        -ms-transition: transform 0.2s ease;
        -o-transition: transform 0.2s ease;
    }

    #header .hd_allmenu_open {display: inline-block; position:relative; z-index:99; width:2.5rem; height:2rem; cursor: pointer;  margin-left:2.5rem;}
    #header .hd_allmenu_open .btn_menu,
    #header .hd_allmenu_open .btn_menu::before,
    #header .hd_allmenu_open .btn_menu::after {position: absolute; z-index: 99; width: 100% ; height: 0.2rem; background: #fff; cursor: pointer; -webkit-transition: 0.2s ease; transition: 0.2s ease;}
    #header .hd_allmenu_open .btn_menu::before {content: ""; top: 0.9rem; right: 0;}
    #header .hd_allmenu_open .btn_menu::after {content: ""; top: 1.7rem; right: 0;}

    #header.type_white .hd_allmenu_open .btn_menu,
    #header.type_white .hd_allmenu_open .btn_menu::before,
    #header.type_white .hd_allmenu_open .btn_menu::after {background-color:#222;}

    .sub:not(.no_hd_white) #header .hd_allmenu_open .btn_menu,
    .sub:not(.no_hd_white) #header .hd_allmenu_open .btn_menu::before,
    .sub:not(.no_hd_white) #header .hd_allmenu_open .btn_menu::after {background-color:#222;}

    #header .logo_doosan {width:16rem; background-image:url(/images/common/m_doosan_logo_wht.png);}
    #header .logo_bobcat .logo_img {width:10rem; background-image:url(/images/common/m_bobcat_logo_wht.png);}

    #header.type_white .logo_doosan,
    .sub:not(.no_hd_white) #header .logo_doosan {background-image:url(/images/common/m_doosan_logo_color.png);}
    #header.type_white .logo_bobcat .logo_img,
    .sub:not(.no_hd_white) #header .logo_bobcat .logo_img {background-image:url(/images/common/m_bobcat_logo_color.png);}

    .en #header .center_box {margin-left: 0;}
    .en #header.menu_open .logo_bobcat .logo_img,
    .en.sub:not(.no_hd_white) #header .logo_bobcat .logo_img {background-image:url(/images/common/m_bobcat_logo_color.png);}
    .en #header .logo_doosan {width:16rem; background-image:url(/images/en/common/m_doosan_logo_wht.png);}
    .en #header.type_white .logo_doosan,
    .en.sub:not(.no_hd_white) #header .logo_doosan {background-image:url(/images/en/common/m_doosan_logo_color.png);}

    .half_inner.half_left,
    .half_inner.half_right {margin: 0 auto; padding-left: 2rem; padding-right: 2rem; max-width: 100%;}
}



@media all and (max-width: 1240px){
    html {font-size:55%;}

    #footer .ft_top {display:none;}
    #footer .sitemap {flex-wrap:wrap;}
    #footer .sitemap article {width:50%; margin-right:0; padding-bottom:2rem;}
    #footer .sitemap article.arti_product {width:100%;}
    #footer .ft_bottom {padding:3rem 0;}
    #footer .ft_bottom h2 a {width:10rem;}
    #footer .ft_bottom .inner {flex-direction:column; align-items: flex-start;}
    #footer .ft_bottom .left_con {justify-content:center; order:2; margin-top:3rem;}
    #footer .ft_bottom .right_con {flex-wrap:wrap; border-bottom: 1px solid rgba(160, 160, 160, 0.5); padding-bottom: 3rem;}
    #footer .ft_bottom .right_con .ft_link {width:100%;}
    #footer .ft_bottom .ft_info {flex-wrap:wrap;}
    #footer .ft_bottom .ft_info li {margin-top:1rem; margin-left: 1rem; padding-left: 1.1rem;}
    #footer .ft_bottom .ft_site {margin:3rem 0 0;}
    #footer .ft_bottom .ft_site h3 {line-height: 2.9em;}
    #footer .ft_bottom .copyright {width:100%; text-align:center; font-size:1.4rem;}

    .popup .popupbox {padding: 6rem;}
    .popup .p_cont .imgBox img {width:30rem;}
    .popup .p_cont .textBox {width:calc(100% - 30rem - 8rem);}
}


@media all and (max-width:968px){
    .over_x { overflow-x:scroll; position:relative; padding-bottom:10px;}
    .over_x .over_img {width: 80rem; max-width: initial;}
    .over_x table { min-width:972px;}
    .over_x table th { padding:1.5rem; font-size:1.7rem !important;}
    .over_x table td { padding:1rem !important; font-size:1.6rem !important;}
    .over_x .ico_touch { display:block; position:absolute; top:32%; left:calc(50% - 3rem); width:6rem; height:6rem; border-radius:50%; overflow:hidden; box-shadow: 1px 1px 20px rgba(0,0,0,0.1);  opacity:.8; z-index:2;}
    .over_x .tbstyle02 { margin-top:0 !important;}
    .over_x li { font-size:1.6rem !important;}
    .over_x p { font-size:1.6rem !important;}

    .over_x_1080 table th { padding:10px 5px !important; font-size:1.7rem !important;}
    .over_x_1080 table td { padding:7px 5px !important; font-size:1.6rem !important;}
    .over_x_1080 .ico_touch { width:60px; right:10px;}
    .over_x_1080 li { font-size:1.6rem !important;}
    .over_x_1080 p { font-size:1.6rem !important;}

    .over_x_480 table th { padding:10px 5px !important; font-size:1.7rem !important;}
    .over_x_480 table td { padding:7px 5px !important; font-size:1.6rem !important;}
    .over_x_480 li { font-size:1.6rem !important;}
    .over_x_480 li { font-size:1.6rem !important;}
    .over_x_480 p { font-size:1.6rem !important;}

    .half_inner.half_left,
    .half_inner.half_right {padding-left: 0; padding-right: 0;}
}

@media all and (max-width:767px){
    html {font-size:53%;}
    body {font-size:1.6rem;}

    #header {height:8rem;}
    #header .hd_search {margin-right:1.8rem;}
    #header .logo_bobcat {margin-left:1.5rem;}
    #header .hd_allmenu_open {margin-left:1.5rem;}
    #header .hd_language .btn_hd_language {padding-right:0;}
    #header .hd_language .btn_hd_language:after {display:none;}
    #header .hd_logo {height:8rem;}
    #header .hd_info {height:8rem;}
    #header .gnb_wrap {padding-top:8rem; min-width: auto;}
    #header .gnb .depth2 li a {font-size:1.7rem;}
    #header .left_link .row {flex-direction: column;}
    #header .left_link p {margin-bottom: 1rem;}
    #header .left_link .link {margin-left: -1rem;}

    .en #header .left_link .row {flex-direction: column;}
    .en #header .left_link .link a {display: block; margin: 1rem 0;}

    #header .hd_search .search_wrap form { height:15rem;}
    #header .hd_search .search_wrap .btn_search_close { top:15rem; margin-top:-3rem; width:6rem; height:6rem;}
    #header .hd_search .search_wrap .search_form {margin:0 5%; width:90%; font-size:1.8rem;}
    #header .hd_search .search_wrap .search_form .search_input {font-size:1.8rem;}

    #footer .ft_bottom {padding:3.5rem 0;}
    #footer .ft_bottom .ft_site h3 {line-height:3em;}

    .fullpg_top_btn {top:-9rem; right:2rem;}

    .top_btn {top:-7rem; right:2rem; width:50px; height:50px;}
    .top_btn.posi_fixed {bottom:2rem;}
    .top_btn .text {line-height:50px;}

    .btn_type01 {min-width:15rem; height:5rem; line-height:5rem;}

    .btn_more_type02 .arrow {width:3.5rem; height:3.5rem; margin-left:2rem;}
    .btn_more_type02 .arrow .bull_plus {width:1.2rem; height:1.2rem;}

    .btn_download {width:15rem; height:4.5rem; padding:1rem 1.5rem; font-size:1.5rem;}
    .btn_download.small {width:3.5rem; height:3.5rem;}

    .half_inner.half_left {padding-right:0; margin:0 auto;}
    .half_inner.half_right {padding-left:0; margin:0 auto;}

    .popup .popupbox {padding:3rem;}
    .popup .p_cont {flex-direction: column;}
    .popup .p_cont .imgBox {width: 16rem;}
    .popup .p_cont .imgBox img {width:auto;}
    .popup .p_cont .textBox {width:100%; margin-top:3rem;}
    .p_member_tit {padding-bottom: 2rem;}
    .p_member_tit::after {width:20rem; height: 3rem; z-index: -2;}
    .p_member_tit h6 {font-size:1.6rem;}
    .p_member_tit h4 {font-size:2.4rem; padding-top: 1rem;}
    .p_member_cont {padding-top:2rem;}
    .p_member_cont .p-wr {height: 17rem; padding:2rem; background: #f8f8f8;}
    .p_member_cont .p-wr p {font-size: 1.5rem;}

    .parking-error img { max-width:150px;}
    .parking-error strong { margin-top:1.7em; font-size:3rem;}
    .parking-error .error-btn { margin-top:5rem;}
    .parking-error .error-btn a { display:block; margin:1rem 0 0;}
}


@media all and (max-width:420px){
    #header .gnb_wrap {width:70%;}
    #header.menu_open .gnb_wrap {left:30%;}
    #header.menu_open .left_link {padding:2rem;}
    #header .left_link .row {flex-direction: column;}
    #header .left_link p {font-size: 1.6rem;}
    #header .left_link .link {margin-left: -0.5rem;}
    #header .left_link .link a {margin: 0 0.5rem;}

    #footer .ft_bottom .ft_info li.last {width:100%; margin-left:0; padding-left:0;}
    #footer .ft_bottom .ft_info li.last::after {display:none;}

    .en #footer .ft_bottom .ft_info li {margin-left: 0; margin-right: 2.5rem; padding-left: 0;}
    .en #footer .ft_bottom .ft_info li::after {display: none;}
    .en #footer .ft_bottom .ft_info li.last {width:auto; margin-left:0; padding-left:0;}
}

.tui-editor-contents table {
    margin: 2px 0 14px;
    color: #555;
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
}

.tui-editor-contents table th,
.tui-editor-contents table td {
    height: 32px;
    padding: 5px 14px 5px 12px;
}

.tui-editor-contents table td {
    border: 1px solid #eaeaea;
}

.tui-editor-contents table th {
    border: 1px solid #72777b;
    border-top: 0;
    background-color: #7b8184;
    font-weight: 300;
    color: #fff;
    padding-top: 6px;
}