@charset "utf-8";

#foot_layout {padding: 0 0 65px;background:#3a3e3f;}

#foot_layout .footer-link {margin: 0 0 25px;border-bottom:1px solid rgba(255,255,255,.1);}
#foot_layout .footer-link .utile_wrap { }
#foot_layout .footer-link .utile_wrap li {float:left;position: relative;margin-right: 30px;}
#foot_layout .footer-link .utile_wrap li:last-child {margin:0;}
#foot_layout .footer-link .utile_wrap li:not(:last-child):after {display:block; position:absolute; right:-17px; top:50%;  content:''; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:#696c6d }
#foot_layout .footer-link .utile_wrap li a {display: block;height: 80px;line-height: 80px;color: #dcdcdc;font-size: 16px;}
#foot_layout .footer-link .utile_wrap li a.color_green {color: #7dc242;}

#foot_layout .linksite_wrap {position:absolute;z-index: 1;right: 0;top: 16px;width: auto;}
#foot_layout .linksite_wrap .blog {display:inline-block;height: 47px;margin: 0 10px 0 0;vertical-align: middle;}
#foot_layout .linksite_wrap .blog a {display:block;height:100%;padding: 3px 0 0;vertical-align: middle;}
#foot_layout .linksite_wrap .linksite {display: inline-block;position: relative;width: 210px;text-align: left;}
#foot_layout .linksite_wrap .linksite:after {display:block;position:absolute;right: 15px;top: 21px;width: 5px;height: 5px;border: solid #9d9f9f;border-width: 2px 0 0 2px;content:'';-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#foot_layout .linksite_wrap .linksite.on:after {top: 21px;border-width: 0 2px 2px 0;}
#foot_layout .linksite_wrap .linksite > button {display:block;width:100%;height:100%;padding: 0 15px;line-height: 45px;border: 1px solid rgba(255,255,255,.1);color: rgba(255,255,255,.8);font-size: 15px;text-align:left;z-index: 10;position: relative;}

#foot_layout .linksite_wrap .linksite.on >div {display:block;position:absolute;left:0;bottom:0;width: 100%;padding: 0;z-index: 9;}
#foot_layout .linksite_wrap .linksite >div > button {display:block;width:100%;height: 48px;position:absolute;font-size:0;}
#foot_layout .linksite_wrap .linksite >div .ul {overflow-y: auto;height: 300px;border-bottom : 1px solid rgba(255,255,255,0.2);text-align:left;}
#foot_layout .linksite_wrap .linksite >div .ul .li {display:block;width:100%;height: 50px;border-bottom: 1px solid rgba(255,255,255,.1);background: #282828;}
#foot_layout .linksite_wrap .linksite >div .ul .li:last-child {border:none;}
#foot_layout .linksite_wrap .linksite >div .ul .li a {display:block;width:100%;height:100%;padding: 15px 15px;line-height: 1.4;color:#fff;font-size:14px;}
#foot_layout .linksite_wrap .linksite >div .ul .li a:hover,
#foot_layout .linksite_wrap .linksite >div .ul .li a:focus {background: #3e3e3e;}
#foot_layout .linksite_wrap .linksite >div .ul .mCSB_scrollTools {right:0;}


#foot_layout .copy {}
#foot_layout .copy address {font-size:15px; color:#dcdcdc;}
#foot_layout .copy address span {display:inline-block;margin: 0 10px 0 0;font-size:15px;color:#dcdcdc;}
#foot_layout .copy address a {display:inline-block; font-size:15px; color:#dcdcdc;}
#foot_layout .copy p {opacity:0.4;margin: 20px 0 0;font-size:15px;color:#dcdcdc;}
#foot_layout .marklist {position:absolute;right:0;bottom: 40px;}
#foot_layout .marklist ul {}
#foot_layout .marklist ul li {display:inline-block;position:relative;line-height:1.5;padding: 2px 0 0 60px;margin: 0 0 0 30px;color:#949494;font-size:15px;}
#foot_layout .marklist ul li .ico {display:inline-block;position:absolute;left:0;top:0;width:50px;height:50px;border-radius: 50%;background:url(/template/main/images/mark.png)no-repeat;}
#foot_layout .marklist ul li .ico2 {background-position:-50px 0;}
#foot_layout .marklist ul li .ico3 {background-position:-100px 0;}


@media(max-width:1469px){

  #foot_layout .linksite_wrap {top: 110px;right: 35px;text-align: right;}
  #foot_layout .linksite_wrap .blog {margin: 0;}
  #foot_layout .marklist {position:static;margin: 35px 0 0;}
  #foot_layout .marklist ul {text-align:center;}
  #foot_layout .marklist ul li {margin:0 15px; text-align:left;}
}

@media(max-width:1023px){
  #foot_layout .linksite_wrap {position:static;margin: 25px 0 0;padding: 25px 0 0;border-top: 1px solid rgba(255,255,255,.1);}
  #foot_layout .linksite_wrap .linksite {display:block;width:100%;}
  #foot_layout .linksite_wrap .blog {position:absolute; top:25px; right:35px; }
  #foot_layout .footer-link {padding: 25px 0 0;border:none;}
  #foot_layout .footer-link .utile_wrap {padding: 0 60px;text-align:center;}
  #foot_layout .footer-link .utile_wrap li {display:inline-block;float: none;}
  #foot_layout .footer-link .utile_wrap li a {height:auto;line-height:1.2;margin: 10px 0;}
  #foot_layout .copy {text-align:center;}
}

@media(max-width:767px){

  #foot_layout {padding: 0 0 40px;}
  #foot_layout .footer-link .utile_wrap {padding:0;}
  #foot_layout .linksite_wrap .blog {display:none;}
  #foot_layout .marklist ul li {padding: 0 0 0 45px;}
  #foot_layout .marklist ul li .ico {top: 5px;width:35px;height:35px;background-size:auto 35px;}
  #foot_layout .marklist ul li .ico2 {background-position:-35px 0;}
  #foot_layout .marklist ul li .ico3 {background-position:-70px 0;}
  

}

@media(max-width:620px){
  #foot_layout .marklist {margin:0 0 20px;}
  #foot_layout .marklist ul li {float:left; width:50%; margin:15px 0 0; }
}


.dropdown-menu{
  top:-312px;
  background:transparent;
  border: 0 solid #000;
  border-radius: 0;
}


/* eng footer 0117*/
#foot_layout{padding:0}
#foot_layout .footer-top{padding:29px 0; border-bottom:1px solid rgba(255,255,255,0.1) }
#foot_layout .footer-top:after{content:''; display:block; clear:both}
#foot_layout .footer-top .nation-type,#foot_layout .footer-top > p{display:inline-block;}
#foot_layout .footer-top .nation-type{display:flex; margin-top: 2px;}
#foot_layout .footer-top .nation-type a{color:#ddd;font-size: 16px;display: inline-block;padding-left:38px;position: relative;min-width:112px;position:relative;line-height: 25px; text-transform: capitalize}
#foot_layout .footer-top .nation-type a:not(:last-child)::after{ content:'';display:inline-block; position:absolute; top:50%;right:0; margin-top:-4.5px ;width:1px;height:9px;background-color:rgba(255,255,255,0.1); }

#foot_layout .footer-top .nation-type a .plag{width:28px;height:19px;background-position: center;background-repeat: no-repeat;display:inline-block;font-size: 0;vertical-align: middle;position:absolute;top:50%;left:0;margin-top: -9px;}
#foot_layout .footer-top .nation-type .kor .plag{background-image: url('/images/common/kor.png');}
#foot_layout .footer-top .nation-type .ch .plag{background-image:  url('/images/common/ch.png');}
#foot_layout .footer-top .nation-type .ru .plag{background-image:  url('/images/common/ru.png');}


#foot_layout .footer-top > p{color:#b2b3b3; font-size:13px; line-height: 1.2;}

#foot_layout .copy{padding: 24px 0 28px 0; display:flex}
#foot_layout .copy:after{content:''; display:block; clear:both}
#foot_layout .copy > div,#foot_layout .copy address{display:inline-block;}
#foot_layout .copy .left{float:left;}
#foot_layout .copy .logo{display:block;width:220px; height:29px; background:url('/images/eng/main/footer_logo.png') no-repeat center; font-size: 0; margin-top: 4px;}
#foot_layout .copy .left p{line-height: 1.3;}


#foot_layout .copy .right{padding:0 73px}
#foot_layout .copy address{margin:0}
#foot_layout .copy address > span{display:block;  padding-left:104px; position: relative; color:#dddddd; line-height: 1.3; margin-bottom: 8px; margin-right:0;}
#foot_layout .copy address > span em{display:inline-block; font-size: 16px; position: absolute; left:0; top:50%; transform:translateY(-50%);}
#foot_layout .copy address > span a{line-height: 1;}

@media screen and (max-width:1500px) {

  #foot_layout .footer-top .nation-type, #foot_layout .footer-top > p{width:auto}
  #foot_layout .footer-top > p{margin-top: 5px;padding-left: 0;}

}

@media screen and (max-width:1150px) {

  #foot_layout .footer-top > p{display:block;padding-left: 0; padding-top: 10px; clear:both}

}

@media screen and (max-width:1140px) {

  #foot_layout .copy{ display: flex; white-space: normal;}
  #foot_layout .copy > div{text-align: left;}
  #foot_layout .copy address > span em{top:0; transform:none}

}

@media screen and (max-width:980px) {

  #foot_layout .copy .right{padding-right: 0;}
  #foot_layout .copy address > span{padding-left: 0;}
  #foot_layout .copy address > span em{position:relative;top:auto; transform:none; display:block;}

}
@media screen and (max-width:767px) {

  #foot_layout .layout{padding:0 10px}
  #foot_layout .footer-top, #foot_layout .copy{padding:20px 0;text-align: center;}
  #foot_layout .footer-top .nation-type{display: block; text-align: center;  float: none;}
  #foot_layout .footer-top .nation-type a .plag{left: 8px;}
  
  #foot_layout .copy .left *{display:inline-block;vertical-align: middle;}
  #foot_layout .copy .left{display:block; width:100%; float:none} 
  #foot_layout .copy .left p{margin-top: 0;width: 100%;margin-left: 0;margin-top: -5px;line-height: 1; text-align: center;}
  #foot_layout .copy .left p br{display: none;}
  #foot_layout .copy{display:block; text-align: left;  padding-bottom: 18px;}   
  #foot_layout .copy .right{display:none}

  #foot_layout .copy .logo{display:none}

}


@media screen and (max-width:540px) {

  #foot_layout .copy .left p{width:100%; margin-left: 0; margin-top: 10px;}


}

@media screen and (max-width:400px) {

  #foot_layout .footer-top .nation-type{ width:100%; justify-content: center;}
  #foot_layout .footer-top .nation-type a{min-width:100px}
  #foot_layout .copy{}
  #foot_layout .copy .left{position: relative;}
  #foot_layout .copy .left .logo{position:absolute; left:50%; top:0px; margin-left: -110px; }
  #foot_layout .copy .left p{text-align: center;}
  #foot_layout .copy address > span,#foot_layout .copy address > span em{text-align: center;}


}