@charset "utf-8";

@import url('reset.css');


#wrapper{width:100%; position:relative}



/******************   HEADER   ******************/

#header {width:100%; height:70px; background:#fff;position:fixed; top:0; text-align:center; z-index:999999; /*box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15)*/ }
#header .wrap{ width:1200px; margin:0 auto; height:70PX; position:relative;}
#header h1{float:left; width:300px; height:70px}
#header h1 a{display:block;width:100%; height:100%; text-indent:-999px; background:url(/images/common/logo.png) no-repeat center; background-size:70%; background-color:#000; overflow:hidden}


@media screen and (max-width:1200px){
#header h1{float:left; width:200px; height:70px}
#header h1 a{display:block;width:100%; height:100%; text-indent:-999px; background:url(/images/common/logo.png) no-repeat center; background-size:70%; background-color:#000; overflow:hidden}
}

#header .gnb{ float:left; height:100%; background:#fff; }
#header .gnb ul.menu { overflow:hidden; margin-left:15px;}
#header .gnb ul.menu li {float:left; box-sizing:border-box;; text-align:center}
#header .gnb ul.menu li a{line-height:70px; color:#000; display:block; position:relative; margin:0 auto}
#header .gnb ul.menu li a:hover{ color:#109355;}

#header .gnb ul.menu li a.m01{ width:130px}
#header .gnb ul.menu li a.m02{ width:170px}
#header .gnb ul.menu li a.m03{ width:130px}
#header .gnb ul.menu li a.m04{ width:130px}
#header .gnb ul.menu li a.m05{ width:130px}


#header .gnb.en ul.menu li a.m01{ width:180px}
#header .gnb.en ul.menu li a.m02{ width:100px}
#header .gnb.en ul.menu li a.m03{ width:130px}
#header .gnb.en ul.menu li a.m04{ width:130px}
#header .gnb.en ul.menu li a.m05{ width:130px}


@media screen and (max-width:1200px){
#header .gnb.ko{ margin-left:50px}	
#header .gnb.en ul.menu li a.m01{ width:150px}
#header .gnb.en ul.menu li a.m02{ width:80px}
#header .gnb.en ul.menu li a.m03{ width:80px}
#header .gnb.en ul.menu li a.m04{ width:100px}
#header .gnb.en ul.menu li a.m05{ width:100px}

#header .gnb.ch ul.menu li a.m01{ width:120px}
#header .gnb.ch ul.menu li a.m02{ width:80px}
#header .gnb.ch ul.menu li a.m03{ width:80px}
#header .gnb.ch ul.menu li a.m04{ width:100px}
#header .gnb.ch ul.menu li a.m05{ width:100px}


#header .gnb.jp ul.menu li a.m01{ width:90px}
#header .gnb.jp ul.menu li a.m02{ width:110px; }
#header .gnb.jp ul.menu li a.m03{ width:100px}
#header .gnb.jp ul.menu li a.m04{ width:110px}
#header .gnb.jp ul.menu li a.m05{ width:110px}
}
/*
#header .gnb ul.menu li a.m01{ width:120px}
#header .gnb ul.menu li a.m02{ width:235px}
#header .gnb ul.menu li a.m03{ width:120px}
#header .gnb ul.menu li a.m04{ width:120px}
#header .gnb ul.menu li a.m05{ width:120px}
*/

#header .gnb .sub_menu {position: relative; width:100%; height:0; margin-top:15px}
#header .gnb .sub_menu ul{width:100%; overflow:hidden;}
#header .gnb .sub_menu ul li{clear:both; margin:0 !important; text-align:center; width:100%}
#header .gnb .sub_menu ul li a{color:#454545 !important;}
#header .gnb .sub_menu ul li a:hover{ color:#109355 !important; font-weight:300 !important}



#header .gnb.ko ul.menu li a{ font-size:20px; font-weight:400; }
#header .gnb.en ul.menu li a{ font-size:16px; font-weight:400; }
#header .gnb.ch ul.menu li a{ font-size:20px; font-weight:400; }
#header .gnb.jp ul.menu li a{ font-size:18px; font-weight:400; }


@media screen and (max-width:1200px){
#header .gnb.ko ul.menu li a{ font-size:16px; font-weight:400; }
#header .gnb.en ul.menu li a{ font-size:13px; font-weight:400; }
#header .gnb.ch ul.menu li a{ font-size:20px; font-weight:400; }
#header .gnb.jp ul.menu li a{ font-size:16px; font-weight:400; }
}

#header .gnb.ko .sub_menu ul li a{ font-size:15px !important; letter-spacing:0.5px; line-height:38px !important;font-weight:300 !important; }
#header .gnb.en .sub_menu ul li a{ font-size:13px !important; letter-spacing:0.5px; line-height:38px !important;font-weight:300 !important; }
#header .gnb.ch .sub_menu ul li a{ font-size:13px !important; letter-spacing:0.5px; line-height:38px !important;font-weight:300 !important; }
#header .gnb.jp .sub_menu ul li a{ font-size:13px !important; letter-spacing:0.5px; line-height:38px !important;font-weight:300 !important; }



@media screen and (max-width:1200px){
#header .gnb.ko .sub_menu ul li a{ font-size:12px !important; letter-spacing:0.5px; line-height:38px !important;font-weight:300 !important; }
#header .gnb.en .sub_menu ul li a{ font-size:12px !important; letter-spacing:-1px; line-height:38px !important;font-weight:300 !important; }
#header .gnb.ch .sub_menu ul li a{ font-size:12px !important; letter-spacing:0.5px; line-height:38px !important;font-weight:300 !important; }
#header .gnb.jp .sub_menu ul li a{ font-size:12px !important; letter-spacing:0.5px; line-height:38px !important;font-weight:300 !important; }
}






#header .gnb_bg{ border-top:1px solid #000; background:#fff; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15); overflow:hidden;width:100%;}
#header .gnb_bg .gnb_banner{ width:1200px; margin:0 auto; height:100%;}
#header .gnb_bg.ko .gnb_banner{background:url(/images/common/gnb_bg.png) no-repeat top left}
#header .gnb_bg.en .gnb_banner{background:url(/images/common/gnb_bg_en.png) no-repeat top left}
#header .gnb_bg.ch .gnb_banner{background:url(/images/common/gnb_bg_cn.png) no-repeat top left}
#header .gnb_bg.jp .gnb_banner{background:url(/images/common/gnb_bg_jp.png) no-repeat top left}
.borderCh{border-bottom:1px solid #000 !important;border-top:1px solid #ebebeb !important}

@media screen and (max-width:1200px){
#header .gnb_bg.ko .gnb_banner{ width:960px; background-size:280px; background-position:bottom left ;}
#header .gnb_bg.en .gnb_banner{ width:960px; background-size:280px; background-position:bottom left ;}
#header .gnb_bg.ch .gnb_banner{ width:960px; background-size:280px; background-position:bottom left ;}
#header .gnb_bg.jp .gnb_banner{ width:960px; background-size:280px; background-position:bottom left ;}
}


/******************   MOBILE - HEADER   ******************/
#m_header{display:none; top:0; height:60px; widTH:100%; position:fixed; z-index:9999; border-bottom:1px solid #c5c5c5;/* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);*/ ;background:rgba(0,0,0,0.3); }
#m_header .wrap{ width:100%; position:relative}
#m_header .m_gnb{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-indent: -119988px;overflow: hidden;display: block;width: 60px;height: 60px;margin: 0;padding: 0;outline: none;background:url(/images/common/m_menu.png) no-repeat center;border: none;cursor: pointer; background-size: cover; position: absolute; left:0; z-index:1}
#m_header .m_search{ position:absolute; right:0; width:60px; top:0;; z-index:1}
#m_header .search-button{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-indent: -119988px;overflow: hidden;display: block;width: 60px;height: 60px;margin: 0;padding: 0;outline: none;background:url(/images/common/m_search.png) no-repeat center;border: none;cursor: pointer; background-size: cover;}
#m_header h1 a{ position:absolute; height:60px; width:255px; display:block;  left:50%; margin-left:-128px; text-align:center; z-index:0}
.fix-bg{ background:#000; background:rgba(0,0,0,0.8) !important;  border-bottom:none !important}


#m_submenu{position: fixed; background:#fff; width:100%; height:100%;  z-index:99999; top:0px;overflow-y: auto;-webkit-overflow-scrolling: touch;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -o-transform: translateX(-100px);
  transform: translateX(-100%);
  visibility: hidden;
  }
  
 #m_submenu.open {

  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0px);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;

  
  /* smooth the scrolling on touch devices - webkit browsers */
	  }
#m_submenu .top { height:60px; background:#000; position:relative}
#m_submenu .top .close{ display:block; position:absolute; right:0; top:0; width:60px; height:60px; background:url(/images/common/m_menu_close.png) no-repeat center; background-size:cover; overflow:hidden; text-indent:-999px}

#m_submenu ul.language li{float:left; margin-left:15px; }
#m_submenu ul.language li a{ color:#fff; line-height:60px; text-transform:uppercase; background:url(/images/common/footer_split.png) no-repeat left center;}

#m_submenu ul.menu li { }
#m_submenu ul.menu li > a.m_first{border-bottom:1px solid #e5e5e5; display:block; width:100%; height:100%; line-height:50px; color:#000; text-indent:20px; font-size:14px; font-weight:400; position: relative}
#m_submenu ul.menu li > a.m_first::after{
  content: '';
  display: block;
  height: 7px;
  width: 11px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right:24px;
  background: url("/images/common/m_menu_arrow.png") no-repeat center center;
  background-size: cover;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
	}
	
#m_submenu ul.menu li > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}	

#m_submenu .sub-menu{padding:10px 30px;display: none;}
#m_submenu .sub-menu {border-bottom:1px solid #e5e5e5}
#m_submenu .sub-menu li a{ border:0 none !important; line-height:30px !important; font-size:13px !important; color:#545454 !important}



#m_title{margin-top:60px; display:none}





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

#header .wrap{ width:960px; margin:0 auto; height:70PX; ;}

#header .gnb ul.menu { overflow:hidden; margin-left:35px;}
#header .gnb ul.menu li a{line-height:70px; font-size:16px; font-weight:400; color:#000; display:block; position:relative; letter-spacing:-0.5px}
#header .gnb ul.menu li a:hover{ color:#109355;}
#header .gnb ul.menu li a.m01{ width:73px}
#header .gnb ul.menu li a.m02{ width:100px}
#header .gnb ul.menu li a.m03{ width:80px}
#header .gnb ul.menu li a.m04{ width:102px}
#header .gnb ul.menu li a.m05{ width:79px}	

#header .sub_menu ul li a{ font-size:12px !important; letter-spacing:0.5px; line-height:38px !important; color:#454545 !important; font-weight:300 !important; }

.gnb_banner{ width:960px; margin:0 auto; height:100%;background:url(/images/common/gnb_bg.png) no-repeat top left}
}

@media screen and (max-width:960px){
#header { display:none}
#m_header{display:block}
}

.dropdown {position:relative;display:inline-block;width:125px; height:70px; float:left} 
.dropdown-text {cursor:pointer;position: absolute;line-height:70px;background-color: #f2f2f2;width: 100%; z-index:1;}
.dropdown-text.open:after {position: absolute;right:25px;top:-2px; content:url(/images/common/global_arrow2.png);}
.dropdown-text:after {position: absolute;right:25px;top:-2px; content:url(/images/common/global_arrow.png);}
.dropdown-text,.dropdown-content a {color:#000; font-size:12px; font-weight:300; text-indent:-5px}
.dropdown-toggle {z-index:2;cursor: pointer;position:absolute;top: 0;left:0;border: none;background: transparent;height:70px;width: 100%; margin:0; padding:0}
.dropdown-toggle:focus {outline: 0;}
.dropdown-content a {display:block; padding:5px 0; text-align:center}
.dropdown-content a:hover {background: #056839; color:#fff}
/*
.dropdown-toggle:hover ~ .dropdown-text,.dropdown-toggle:focus ~ .dropdown-text {background-color: #F2F2F2;}
.dropdown-toggle:focus ~ .dropdown-text {z-index:2;}
.dropdown-toggle:focus ~ .dropdown-text:after {content:url(/images/common/global_arrow2.png);}
.dropdown-content:hover,.dropdown-toggle:focus ~ .dropdown-content {opacity:1;visibility:visible;top: 71px;}
*/
.dropdown-content {
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
list-style-type: none;
position: absolute;
top: 30px;
padding: 0;
margin: 0;
opacity: 0;
visibility:hidden;
line-height: 32px;
background-color: #fff;
width: 125px;
z-index:0
;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);  
}
.dropdown .dropdown-content.open {opacity:1;visibility:visible;top: 71px; }



#header .search_toggle{ position:relative;display:inline-block;width:70px; height:70px; background-color:#fff500; text-indent:-9999; float:left; }
#header .search-button {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-indent: -119988px;overflow: hidden;text-align: left;text-transform: capitalize;position: relative;z-index: 4;display: block;width: 70px;height: 70px;margin: 0;padding: 0;outline: none;background:url(/images/common/search_icon.png) no-repeat center;background-color:#fff500;border: none;cursor: pointer;}

#header #toggle-search {float: right;}
#header #toggle-search.open{background:url( /images/common/search_close_icon.png) no-repeat center;}
#header #toggle-search.open:after {top: 90px;}
#header #toggle-basket {position: relative;float: right;background-position: -120px 0;}
#header #toggle-basket:before {position: absolute;top: 5px;left: 0;width: 2px;height: 50px;content: "";background-color: #000;}

#header #search-form {-moz-transition: max-height, 0.25s;-o-transition: max-height, 0.25s;-webkit-transition: max-height, 0.25s;transition: max-height, 0.25s;position: absolute; z-index:5;top: 120px;right: 0;width: 420px;max-height: 60px;background-color: #fff;opacity:0;visibility:hidden;;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);  }
#header #search-form:after{content: "";border-color:transparent transparent #fff transparent;border-style: solid;border-width: 10px 10px 10px 10px; position:absolute; top:-20px; right:25px}
#header #search-form.open {top:90px; opacity:1; visibility:visible; width:420px;}
#header #search-form fieldset {position: relative;margin: 0 70px 0 0;padding: 0;border: none;}

#header #search-form input {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;height: 60px;}
#header #search-form input[type="search"] {width: 100%;padding: 0 5px 0 15px;background: transparent;border: none;font-size:18px; font-weight:300; color:#000}
#header #search-form input[type="submit"] {position: absolute;bottom: 0;right: 0;width: 70px;margin:0;padding:0; background:url(/images/common/search_icon.png) no-repeat center;cursor: pointer; border:0;}
#header #search-form input:focus {outline: 0;}



/*
#m_search-form{display:none}
#m_search-form.active{ display:block}
*/


.m_search_toggle{ position:relative;display:inline-block;width:70px; height:70px; background-color:#fff500; text-indent:-9999; float:left; }
.m_search-button {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-indent: -119988px;overflow: hidden;text-align: left;text-transform: capitalize;position: relative;z-index: 4;display: block;width: 60px;height: 60px;margin: 0;padding: 0;outline: none;background:url(/images/common/m_search.png) no-repeat center;border: none;cursor: pointer; background-size:100%}
.m_search-button.close {background:url(/images/common/m_menu_close.png) no-repeat center !important;background-size: cover !important}

#m_search-button {float: right;}
#m_search-button.open{background:url( /images/common/search_close_icon.png) no-repeat center;}
#m_search-button.open:after {top: 90px;}
#toggle-basket {position: relative;float: right;background-position: -120px 0;}
#toggle-basket:before {position: absolute;top: 5px;left: 0;width: 2px;height: 50px;content: "";background-color: #000;}


#m_search-form {-moz-transition: max-height, 0.25s;-o-transition: max-height, 0.25s;-webkit-transition: max-height, 0.25s;transition: max-height, 0.25s;position: absolute; z-index:5;top: 120px;left: 0;width:100%;max-height: 60px;background-color: #fff;opacity:0;visibility:hidden;;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);  }
#m_search-form:after{content: "";border-color:transparent transparent #fff transparent;border-style: solid;border-width: 10px 10px 10px 10px; position:absolute; top:-20px; right:20px}
#m_search-form.open {top:60px; opacity:1; visibility:visible; width:100%;}
#m_search-form fieldset {position: relative;margin: 0 70px 0 0;padding: 0;border: none; width:100%}

#m_search-form input {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;height: 60px;}
#m_search-form input[type="search"] {width: 100%;padding: 0 5px 0 15px;background: transparent;border: none;font-size:18px; font-weight:300; color:#000}
#m_search-form input[type="submit"] {position: absolute;bottom: 0;right: 0;width: 70px;margin:0;padding:0; background:url(/images/common/search_icon.png) no-repeat center;cursor: pointer; border:0;}
#m_search-form input:focus {outline: 0;}



/******************   sns_share   ******************/
.share{position:relative;}
.share img{ width:100%;}

.share_btn{width:35px; height:35px; border:1px solid #c5c5c5;box-sizing:border-box; display:block;overflow:hidden; cursor:pointer; background-image:url(/images/common/sns_btn.png); background-size:cover; text-indent:-99px;-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.share_btn.close{background-image:url(/images/common/sns_btn_close.png);}


.sns_share{position: absolute;right:50px; top:0; width:137px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
opacity: 0;
visibility:hidden;
}
.sns_share.open{display:block !important;opacity: 1;visibility: visible; height:auto}
.sns_share:after{ position:absolute; right:-6px;top:11px; content:""; width:7px; height:13px; background-image: url(/images/common/sns_arrow.png); background-size: cover;}
.sns_share ul{display:block; overflow:hidden; border:0 none}
.sns_share ul li{width:35px; height:35px; float:left; border:1px solid #c5c5c5;box-sizing:border-box; background-color:#fff}




/******************   FOOTER   ******************/

#footer{background:#0e0e0e; position:relative; color:#FFFFFF; height:200px; margin:120px 0 0 0; clear:both; width:100%; float:left}
#footer .wrap{width:1200px; margin:0 auto; position:relative; overflow:hidden; height:100%}
#footer h2{ display:block; width:207px; height:51px; text-indent:-9999px; background:url(/images/common/footer_logo.png) no-repeat; position:absolute; left:0; top:50%; margin-top:-25px}

#family{position: absolute;width:180px;height: 32px; top:50px; right:0; background:url(/images/common/btn_family.png) no-repeat left center;}
#family.focus{border-color: #db3900;}
#family label {position: absolute; font-size:12px; color:#fff; top:9px;left: 10px;}
#family select#area {width: 176px;height:33px;min-height:33px; display:inline-block; opacity: 0; border:0 none;filter: alpha(opacity=0); /* IE 8 */}
#family input[type="button"]{width:57px;height:32px;border:1px solid #fff;background:#000; line-height:20px; color:#fff; text-align:center; font-weight:300;cursor:pointer; float:right; font-size:12px;-webkit-appearance: none; -moz-appearance: none; border-radius:0;}
#family option{ padding:3px 7px; width:100%}

#footer .right{overflow:hidden; width:800px; float:right; height:100%; display:inline-block; position:relative}
#footer .copy{overflow:hidden; position:absolute; right:0; top:110px; display:inline-block; text-align:right; }
#footer .copy .text {}
#footer .copy .text .adress{font-size:13px; color:#878787; padding-right:10px;}
#footer .copy .text .tel1,#footer .copy .text .tel2,#footer .copy .text .fax{font-size:13px; color:#878787; padding:0 15px; background:url(/images/common/footer_split.png) no-repeat left center; display:inline-block}
#footer .copy .copyright{font-size:13px; color:#878787;; margin:15px 0 0 0;font-family:'Lato'; font-weight:400;line-height:16px; letter-spacing:0.5px}

#footer .sns{ position:absolute; right:200px; top:57px}
#footer .sns ul{}
#footer .sns ul li {overflow:hidden;float:left; margin-right:15px}
#footer .sns ul li a{ display:block; width:20px; height:20px; text-indent:-99px;}
#footer .sns ul li.facebook a{ background:url(/images/common/sns.png) no-repeat 0 center;background-size:cover}
#footer .sns ul li.instagram a{ background:url(/images/common/sns.png) no-repeat -35px center;background-size:cover}
#footer .sns ul li.blog a{ background:url(/images/common/sns.png) no-repeat -75px center;background-size:cover}
#footer .sns ul li.weibo a{ background:url(/images/common/sns.png) no-repeat -114px center;background-size:cover}



@media screen and (max-width:1200px){
	#footer .wrap{width:960px; }
	#footer .right{width:600px !important; }
	#footer .copy .text .tel1{ padding-right:0 !important;}
	#footer .copy .text .tel2{ background:none;margin:10px 0 0 0}	
	#family{top:40px;}
	#footer .sns{ top:47px}	
	#footer .copy{top:100px;}	
	#family label {position: absolute; font-size:12px; color:#fff; top:6px;left: 10px;}	
	
}

@media screen and (max-width:960px){
	#footer{padding:15px; box-sizing:border-box; height:150px; margin:0}
	#footer .wrap{width:100%;position:relative; overflow:hidden; height:100%;}	
	#footer h2{display:none;}	
	
	#footer .sns{ position:absolute; left:5px; top:23px; width:120px}
	#footer .ul{ overflow:hidden; display:block}	
	#footer .sns ul li {overflow:hidden;float:left; margin-right:10px}
	#footer .sns ul li a{ display:block; width:15px; height:15px; text-indent:-99px;}	
	#footer .sns ul li.facebook a{ background:url(/images/common/sns.png) no-repeat 4px center;background-size:cover}
	#footer .sns ul li.instagram a{ background:url(/images/common/sns.png) no-repeat -26px center;background-size:cover}
	#footer .sns ul li.blog a{ background:url(/images/common/sns.png) no-repeat -55px center;background-size:cover}
	#footer .sns ul li.weibo a{ background:url(/images/common/sns.png) no-repeat -85px center;background-size:cover}	
		
	#family{position: absolute;width: 230px;height: 32px; top:14px; right:0; background:url(/images/common/btn_family.png) no-repeat left center;}
	#family.focus{border-color: #db3900;}
	#family label {position: absolute; font-size:11px; color:#fff; top:7px;left: 10px;}
	#family select#area {width: 140px;height:33px;min-height:33px; display:inline-block; opacity: 0; border:0 none;filter: alpha(opacity=0); /* IE 8 */}
	#family input[type="button"]{width:45px;height:32px;border:1px solid #fff;background:#000; line-height:20px; color:#fff; text-align:center; font-weight:300;cursor:pointer; float:right; font-size:12px;-webkit-appearance: none; -moz-appearance: none; border-radius:0;}
	#family option{ padding:3px 7px; width:100%}

	#footer .btnWrap{width:100%; margin:0 auto; text-align:center;}
	#footer ul li{float:none; display:inline-block;}
	#footer ul li a{line-height:30px; font-size:12px;background:url(/images/common/footer_split.png) repeat-y left center;padding:0 0px;}
	#footer ul li a.bold{font-weight:800;}
	#family{float:none; margin:0px auto;}
	
	#footer .right{overflow:hidden; width:800px; float:right; height:100%; display:inline-block; position:relative}
	#footer .copy{overflow:hidden; position:absolute; right:0; top:60px; display:inline-block; text-align:right; width:}
	#footer .copy .text .adress{font-size:13px; color:#878787; padding-right:10px;}	
	#footer .copy{width:auto; margin:0 auto; padding-left:10px; background:url(/images/common/ci_footer.png) no-repeat 10px 10px; background-size:30px; overflow:hidden; left:0}
	#footer .copy .text{width:auto;overflow:hidden; margin-top:10px; left:0}
	
	#footer .copy .text .adress{font-size:11px; padding-right:10px; float:left;}
	#footer .copy .text .tel1,#footer .copy .text .tel2,#footer .copy .text .fax{font-size:11px; color:#878787; padding:0 10px; background:url(/images/common/footer_split.png) no-repeat left center; display:inline-block; float:left}	
	

	#footer .copy .copyright{font-size:10px;  margin-top:5px; text-align:left}





/******************   모바일 설정   ******************/

.mobileView{display:none !important;}
@media screen and (max-width:960px){
	.mobileBlind{display:none !important;}
	.mobileView{display:block !important;}	
}




.pointColor{color:#56a4c2; font-weight:700;}
.bold{font-weight:700;}