@charset "utf-8";

.br_small{display:none;}

/* BUTTONS HOVER */
.footer_menu a { position: relative;}
.footer_menu a span { position: relative; z-index: 2;}
.footer_menu a:before {content: "";display: block;position: absolute;z-index: 1;background: #D02F25;width: 0;height: 100%;top: 0;left: 0; -webkit-transition:500ms cubic-bezier(0, 0.4, 0.5, 1); transition:500ms cubic-bezier(0, 0.4, 0.5, 1)}
.footer_menu a:hover:before{width:100%}



/* PG DEVICE MOTION */
.pg_section_02 .device { height: 626px;  position: relative;}
.pg_section_02 .device .device_img {  position: absolute; left: 0;  top: 0;}
.device_phone,
.device_shadow,
.device_hand {position:absolute;z-index: 2;/* display: none; */}
.device_phone{top: 177px;left: 50%;margin-left: -80px;}
.device_shadow{top: 353px;left: 50%;margin-left: -28px;}
.device_hand{top: 307px;left: 50%;margin-left: -23px;}
.business_banner_wrap{ z-index: 5;}


/* ENGLISH : TODO MOVE TO ENGLISH PAGE */
.en_us .sub_header_subtitle_eng p span,
.en_us .sub_header_subtitle_eng p span b { display: block;}
.en_us .sub_header_subtitle_eng p span{ overflow:hidden;}
.en_us .sub_header h1#sub_header_title{padding-right: 130px;}

.en_us .error_404_content h1 { font-size: 110px; color: #ce2114;}

.en_us .van_section_07 a.smartro_btn_basic:before{background-position: 185px center;}
.en_us .position_left a.smartro_btn_basic.white:before{background-position: 190px center;}

.en_us .products_gear_list p{line-height: 18px; padding: 0 10px;}

.en_us .sub_talent_content p{font-size: 20px;line-height: 1.5;}


/* **************************************** *
 * MEDIAQUERIES
 * **************************************** */
@media (max-width:1650px) {
    .main_business_nav { padding-top: 50.5%;}
    .main_visual_txt_container a { font-size: 13px;}
    a#scroll_down{ font-size:13px}
}

@media (max-width:1450px) {
    .main_business_item p br {display: none;}
}

@media (max-width:1300px) {
    .sub_tab_nav .cycle-pager-active a span:after { height: 3px; bottom: -3px;}
}

@media (max-width:1270px) {
    a#scroll_down{padding-bottom: 30px;background-position: center 45px; min-height: 100px;}
    .main_business_nav {padding-top: 610px;}
    .main_business_nav p {padding-left: 10%; padding-right: 10%}
    .main_business_nav h3 {/* font-size: 0.7em; */font-size: 23px;padding-bottom: 30px;}
    .main_business_nav p{font-size:12px}
    nav.main_bottom_link_nav h3 .br_small { display: block;}
    nav.main_bottom_link_nav p { display: none;}
    .main_bottom_item_inner {/* padding-top: 15%; */}
    nav.main_bottom_link_nav { padding-top: 260px;}
    nav.main_bottom_link_nav li.main_bottom_link_02 h3{padding-top:12px; min-height:90px}
}

@media (max-width:1100px) {
    .sub_tab_nav a{ padding: 10px; letter-spacing: .3em;}

    /* VAN */
    .van_section_02 .device #van_device_card { left: -70px; top: 15px;width: 60%;}
}

@media (max-width:1010px) {
    a#scroll_down { display: none; }
    small.corp,
    .sub_header:after { display: none; }
    h1#sub_header_title span{ display: none; }
    h1#sub_header_title{padding-top: 185px;}
    .main_business_nav p { display: none; }
}

@media (max-width: 940px){
   .menu_container{ border-bottom: #ddd 1px solid;}
   .home .header_inner, .page-id-9 .header_inner { border-bottom: none;  height: auto;}
   .action_btn:before{ display:none}
}

@media (max-width: 900px){
   .van_area_info > div { /*width: 50%;*/ margin-bottom: 40px;}
}

@media (max-width:730px) {
    .product_header_txt { z-index: 3; width: 100%;}
    .product_header_img { width: 100%; z-index: 2;}
    .product_header_txt { background: rgba(220, 55, 43, 0.9);}
    .jumbo_content strong { font-size: 24px;}
    .product_header_txt_inner {padding: 0 8%;}
    .product_header_txt_innert p {font-size: 14px;text-align: justify;}
    .sub_tab_nav a {font-size: 18px;}

    .products .tabs_panels .jumbo { background-position: top center;}
    .products .jumbo_content_wrap { position: absolute; top: 0; left: 0; background: rgba(220, 55, 43, 0.9);}
    .products .tabs_panels .jumbo { padding-bottom: 0;}
	
	.main_business_item {width: 100%;height: 33.33%;}
    .main_business_nav_inner .main_business_item_01 a {border-right-width: 0px;border-bottom-width: 1px;}
    .main_business_nav_inner .main_business_item_02 a {border-right-width: 0px;border-bottom-width: 1px;}
}

@media (max-width:720px) {
    #logo img {     width: 75px;  height: 23px;}
    a.header_lang {position: absolute;z-index: 999;height: 33px;border-color: #fff;color: #fff;right: 0;top: -200px;opacity: 0;transition: 300ms opacity 300ms;}
    .open_menu a.header_lang {top: 10px;opacity: 1;}
    a.header_blog {position: absolute;z-index: 999;height: 33px;border-color: #fff;color: #fff;right:0;top: -200px;opacity: 0;-webkit-transition: 300ms opacity 300ms;transition: 300ms opacity 300ms;}
    a.header_blog:before {background: transparent;}
    a.header_blog svg path, a.header_blog:hover svg path {fill: #fff;}
    .open_menu a.header_blog {top: 10px;opacity: 1;}
    #logo { top: 19px; left: 0px; margin-left: 0px; }
    #small_menu_btn span,
    #small_menu_btn:before,
    #small_menu_btn:after { border-radius: 0px; content: ""; width: 18px; height: 3px; background: #414141; right: 0; left: auto; position: absolute; }
    #small_menu_btn { cursor: pointer; width: 40px; height: 40px; position: absolute; top: 50%; right: 5%; margin-top: -20px; left: auto }
    #small_menu_overlay { z-index: 444; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); display: none; }
    #small_menu_close {border-radius: 0;display: block;cursor: pointer;z-index: 450;position: fixed;width: 60px;height: 60px;line-height: 30px;text-align: center;background: #000 url(../images/close.svg) no-repeat center center;background-size: 15px auto;color: #fff;font-size: 24px;right: -60px;left: auto;top: 0;}
    .menu_container {position: fixed;top: 0;right: 0;left: auto;bottom: 0;z-index: 555;width: 300px;background: #322e2d;margin-left: 0;-webkit-transform: translateX(100%);transform: translateX(100%);border: none;}
    ul#menu {height: 100%;position: absolute;width: 100%;overflow: auto;padding-right: 35px;padding-left: 0;margin-top: 60px;border-top: 1px solid #474342;}
    ul#menu > li:first-child > ul { left: 0; }
    .main_bottom_header h2 { font-size: 1.286em; letter-spacing: 0.25em;margin: 9% 0;}
    nav.main_business_link { margin-bottom: 0; padding-top: 79.5%;}
    .main_bottom_link{ margin-top:0}
    nav.main_bottom_link_nav li { width: 100%; }
    nav.main_bottom_link_nav li:after{ display:none}
    nav.main_bottom_link_nav { padding-top: 71.8%; margin-bottom: 0; }
    nav.main_bottom_link_nav li.main_bottom_link_01,
    nav.main_bottom_link_nav li.main_bottom_link_02 { display: none; }
    nav.main_bottom_link_nav li.main_bottom_link_03 { display: block;  background-image: url(../images/main/bottom-banner-03.jpg);}
    nav.main_bottom_link_nav h3 {font-size: 1.429em;font-weight: bold;line-height: 1.4em;}
    nav.main_bottom_link_nav h3 .br_small{ display:block;}
    footer#footer { padding: 9% 0px; }

    .main_business_item h3{padding-bottom: 5px;}

    .anim_nav_container{ display:none}
    .main_visual_slide h2,
	.main_visual_slide .main_visual_btn_container{ display:none; }
    .main_visual_txt_container { position: absolute; right: 0; top: 0; width: 100%; padding-left: 0; bottom: 0; background: rgba(220, 55, 43, 0.9); /*padding-top: 18.2%;*/ overflow:hidden }
    p.main_visual_txt {font-size: 2.714em;font-weight: 100;font-family:NotoSansCJKkr;color: #fff;line-height: 1.2;letter-spacing: -0.04em;}
    .main_visual_txt_container a {font-size: 0.786em;letter-spacing: 0.3em;color: #fff;display: block;margin-top: 0;padding-top: 0;width: 200px;position: absolute;bottom: 8%;line-height: 2em;left: 8px;}
    .main_visual_txt_container a:after { content: ""; position: absolute; bottom: 5px; left: 0; width: 100%; height: 1px; background: #dd756d; }
    .main_visual_txt_container a:before {content: "";position: absolute;display: block;bottom: 5px;right: -1px;height: 12px;width: 12px;background: url('../images/main/visual_more_arrow_bar.png') no-repeat center bottom;}
    .main_visual {position: relative;/* margin-top: 80px; */}
    .main_visual ul{position: relative;padding-top: 132.9%;height: 0;overflow: hidden;}
    .main_visual ul li{ height:100%}
    .visual_nav {top: auto;bottom: 18px;right: 0;z-index: 230;transform: translateY(0);width:100%;text-align:center;}
    .visual_nav span {display: inline-block;height: 12px;width: 12px;background: none;border: 1px solid #fff;float: none;margin:0 3px 10px;border-radius:50%;}
    .visual_nav span.cycle-pager-active {width: 12px;transition: background 300ms;background:#fff;}
    .cycle-slide-active .main_visual_txt_container{width:100%;padding-left: 2%;transition-delay:0ms;}
    .main_visual_txt_inner{display: table;width: 80%;height: 90%;position: relative;}
    .main_visual_slide img{transition-delay:0ms;height: 100%;width: auto;}
    .cycle-slide-active .main_visual_slide img{transition: none; transition-delay:0ms; transform:scale(1)}
    .main_visual_slide {  height: 100%;}
    .main_visual_slide br{ display:none}
    .main_visual_slide .br_small{ display:block}

    .skip_container{ display:none}
    .anim_nav{ display:none}
    .main_animation_inner {padding-top: 118.8%;}
    .main_animation_inner > div { display: none;}
    #layer_15,
    #layer_16,
    #layer_17,
    #layer_18 { display: block;  margin: 0; transform: translate3d(0,0,0);}
    #layer_15{top: 6%;}
    #layer_15 h2{ display:none}
    #layer_15 span{padding:0;font-size: 1.786em;width: 100%;line-height: 1.4em;}
    #layer_15 span .br_small{ display:block;}
    #layer_16{ left: 0;}
    div#layer_17 {right: 17.5%;}
    div#layer_18{left: 17.5%;top: calc(30% + 51px);}
    #layer_17,
    #layer_18{width: 65%;bottom: auto;top: 30%;}
    div#layer_17 a, div#layer_18 a{width: 100%;margin: 0;font-size: 14px;padding: 14px 0;}
    .main_animation img { width: 130%;transform: translateX(-12%);}
    div.layer_bubble{display:none}

    /* sub page header*/
    .sub_header { height: 0; padding-top: 133%; position: relative; background-size: cover;}
    h1#sub_header_title { position: absolute; top: 9%; left: 9%; padding: 0;font-size: 1.4em;}
    h1#sub_header_title span {display: block;}
    .square_container,
    .pg .square_container,
    .salt .square_container,
    .notice .square_container,
    .notice_single .square_container {position: absolute;top: 23%;left: 20%;width: 60%;padding: 3%;font-size: 3em;height: 65%;}
    .pg .square_container,
    .salt .square_container,
    .notice .square_container,
    .notice_single .square_container { left: 15%;width: 70%}
    .square span{line-height: 120px;}
    .header_map { background-size: 217%; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    nav.main_bottom_link_nav p{ display:none}

    /* Menu */
    ul#menu > li > ul, ul#menu > li:hover > ul {background: #3b3736;}
    ul#menu > li.current > ul { display: block;}
    ul#menu > li > a:before{display:none}
    ul#menu > li > ul a:before { content: '';  position: absolute; width: 4px; height: 4px;top: 50%; left: 25px; margin-top:-2px; background: #DD372B; display: block;}
    ul#menu > li > ul a { border-bottom: 1px solid #4f4b4a;color: #cacaca;}
    ul#menu li > a{background-position:230px center; background-repeat: no-repeat}
    ul#menu li:hover > a, ul#menu a:hover, ul#menu li.active > a,ul#menu > li.current > a {color: #fff;background-color: #dd372b;background-image: url(../images/arrow_down.svg);-webkit-transition:300ms background;transition:300ms background;background-size: 12px;}
    ul#menu > li > ul a:hover,ul#menu > li > ul a.current { background: #615A58;}
    ul#menu > li > ul a.current{color:#fff}

    /* Footer*/
    .footer_address .br_small{ display:block}
    .footer_address p {letter-spacing: normal;}
    .footer_inner.wrap { padding: 0 5%;}
    p.footer_address_contact span,
    p.footer_address_contact a { display: inline-block;font-size: 12px;}

    /* Location */
    div#header_map_smartro_text,
    div#header_map_text,
    #header_map_smartro_line,
    div#header_map  {  display: none !important;}
    .header_map_container {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../images/sub/location-header-map-full.png') center center no-repeat;background-size: 217%;}

}


@media (max-width:620px) {

    .van_section_02 #card_line{ display:none}

}

@media (max-width:540px) {

	#logo { left: 5%; }
	a.header_lang {right: 5%;}
    a.header_blog {right:5%; /*right: -webkit-calc(5% + 55px * 1);right: calc(5% + 55px * 1);*/}
    .main_business_item_inner img,
    .main_business_item_inner p,
    .main_business_header p { display: none; }
    .main_business_item {border: none;border-bottom: 1px solid #5c5c5c;}
    .main_business_item:last-child {border-bottom: none;}
    span.main_business_more {position: absolute;right: 20px;top: 50%;margin-top: -12px;}
    .main_business_nav h3 {padding-bottom: 0;text-align: left;padding-left: 20px;font-size: 18px;}
    .main_business_item img{ display:none}
    .main_business_item_inner {padding-top: 6.5%; height: 100%;}
    .main_business_item:hover .main_business_back .main_business_more,
    .main_business_item:hover .main_business_more{ transition: none; width: 38px;}
    .main_business_header h2 {padding: 0;font-size: 18px;padding: 9%;}
    .main_business_header {margin: 0;}
    .main_business_nav{margin-bottom:0;padding-top: 78.3%;}
    .main_business_nav_inner .main_business_item_01 a {border-bottom-width: 0px;}
    .main_business_nav_inner .main_business_item_02 a {border-bottom-width: 0px;}
    .main_business_item_table_inner {padding: 0;}
    html.ios .main_business_item_table_inner {padding-top: 2%;}

    .main_business_item_icon {display: none;}

    .square_container, .pg .square_container, .salt .square_container, .notice .square_container, .notice_single .square_container {font-size: 2.2em;}
    .square span{line-height: 80px;}

    .sub_title_container {padding: 9% 0 8.5%;}
    .sub_title {font-size: 18px;padding-bottom: 0; padding-left: 0;}
    .sub_title_desc {display: none;}
    .product_tabs_nav {padding-top: 8%;padding-bottom: 8%;font-size: 18px;}


}

@media (max-width:365px){
    /* MAIN */
    .main_visual_txt_inner{width: 320px;}
}








/* **************************************** *
 * MEDIAQUERIES  ENGLISH VERSION
 * **************************************** */
@media (max-width: 1460px){
    /* MAIN */
    .en_us nav.main_bottom_link_nav h3 { padding-bottom: 12px;}
    .en_us .main_bottom_item_inner { padding-top: 5px;}
    .en_us nav.main_bottom_link_nav p { padding-bottom: 15px; font-size: 14px; line-height: 20px;}
}

@media (max-width: 1270px){
     /* MAIN */
    .en_us .main_bottom_item_inner { padding-left: 10%; padding-right: 10%;}
    .en_us .main_bottom_item_inner { padding-top: 15px;}
    .en_us nav.main_bottom_link_nav h3 {  padding-bottom: 30px;}

    /* MSP */
    .en_us .msp_section_03 td ul li{  padding: 0px 10px;}

    /* MAP */
    .en_us .sub_part_location_info li > b{padding-right: 10px;}

    /* TALENT */
    .en_us .sub_talent_content p{font-size: 15px;line-height: 1.9;}

}

@media (max-width: 940px){
    /* FOOTER */
    .en_us #layer_15{ top: 12%;}
    .en_us .footer_ca li { display: inline-block;float: none;}
    .en_us .footer_ca ul { text-align: center;}

    /* AREA */
    .en_us .sub_part_area_cell li span {line-height: 22px;}
    .en_us .sub_part_area_cell li:before{ top:10px}

}

@media (max-width: 940px){

    .en_us a.smartro_btn_basic.white{ background:none}

}


@media (max-width: 768px){
     /* MSP */
     .en_us .msp_section_03 td p{line-height: 16px;}
     .en_us .msp_section_03 td ul li{ padding: 0 10px;}
}


@media (max-width: 720px){
     /* MAIN */
     .en_us #layer_15{ top: 12%;}
     .en_us #layer_15 span{font-size: 2.6em;}
     .en_us .main_bottom_header h2 { margin: 9%;}
     .en_us .main_visual_txt_inner{width:460px}

     /* AREA */
     .en_us .sub_part_content.sub_part_area_content h2 {  padding-top: 30px;}
     .en_us .sub_part_area { padding-bottom: 15%;}

     /* POS */
     .en_us .sub_part_products_inner h2,{ padding-top: 15%;}
     .en_us .sub_part_products_inner{ padding-bottom: 23%;}

     /* PRODUCTS */
     .en_us .terminal .sub_header_subtitle_eng,
     .en_us .pos .sub_header_subtitle_eng {top: 50%; transform: translateY(-50%);}

}


@media (max-width: 620px){

     /*VAN */
     .en_us .van_section_04{  padding-bottom: 30%;}

}

@media (max-width:540px) {
     /* MAIN */
     body.en_us .main_business_header h2{ font-size: 26px;}
     .en_us #layer_15{ top: 10%;}
     .en_us #layer_15 span{font-size: 2.2em;}
     .en_us .main_visual_txt_inner{width:400px}

     /* FOOTER */
     .en_us .footer_inner li,
     .en_us .footer_inner a,
     .en_us .footer_inner span{ font-size:12px}
     .en_us .footer_address{padding-left: 5%; padding-right: 5%;}

     /* MSP */
     .en_us .msp_section_03 td {display: block;width: 100%;}
     .en_us .msp_section_03 td.img_td { display: none;}
     body.en_us .msp_section_03 td.text_td { width: 100%;}
     .en_us .msp_section_03 td p.tel { text-align: center; padding-top:30px;}
     .en_us td.text_td.align_right {background: #504c4b;}
     .en_us td.text_td.align_left { background: #de4a40;}
     .en_us td.text_td.align_right,
     .en_us td.text_td.align_left  { padding: 10px 0;}
     .en_us .msp_section_03{background: #de4a40;}

     /* VAN */
     .en_us .jumbo_content p {font-size: 13px;}

}

@media (max-width:480px){
    /* MAIN */
    .en_us .main_visual_txt_inner{width:320px}

    /* CEO */
    .en_us .introduce_about strong{line-height: 25px;}
}

@media (max-width:375px){
    /* MAIN */
    body.en_us p.main_visual_txt { font-size: 2.1em; line-height: 1.4em; width: 270px;}
    .en_us nav.main_bottom_link_nav h3{  font-size: 1.2em;}
}

 @media (max-width:365px){
    /* MAIN */
    body.en_us .main_visual_slide_04 p.main_visual_txt {line-height: 1.2em;   }
}

 @media (max-width:320px){
    /* MAIN */
    body.en_us #go_top {display:none}
}