@charset "utf-8";

@import url("/sites/ksa_kr/css/content_m.css");

/*모바일에서 숨기기*/
/*데스탑용_유틸메뉴*/.unb{display:none;}
/*데스탑용_언어선택*/.topLanguage{display:none;}
/*데스탑용_메인메뉴*/#wrapGnb{display:none;}
/*데스탑용_메인메뉴BG*/#wrapGnbBG{display:none;}


/**[모바일용_페이지내비게이션]********************************************************/
#masterNavigation #submenuNavigation.location {
  height: 48px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#masterNavigation #submenuNavigation.location > ul {
  border: 0;
}
#masterNavigation #submenuNavigation.location > ul > li._3rd,
#masterNavigation #submenuNavigation.location > ul > li._4th {
  background-image: none;
}
#masterNavigation #submenuNavigation.location > ul > li > a.home {
  color: red;
  padding: 0;
  width: 40px;
  text-indent: -5000px;
  background-position: 50% 50%;
}
#masterNavigation #submenuNavigation.location > ul > li._navigNow > .navTitle > a,
#masterNavigation #submenuNavigation.location > ul > li > .navTitle > a,
#masterNavigation #submenuNavigation.location > ul > li > .navTitle > a:hover {
  padding-left: 15px !important;
  padding-right: 20px !important;
  background-position: right 50%;
}
#masterNavigation.fixSubmenu{
  position: fixed;
  top: 0;
  left: 0;
}


/**[Layout]********************************************************/
#_wrap {}
#_wrap #_wrapHeader {position:relative;left: 0 !important;}
#_wrap #_wrapHeader #_header {width:100%;height:105px;position:relative;text-align:center;z-index:100;background:#FFF;border-bottom:2px solid #00b6a8;}
#_wrap #_wrapArticle {position:relative;width:100%;}
#_wrap #_wrapArticle #_container {}
#_wrap #_wrapArticle #_container #_aside {display:none;}
#_wrap #_wrapArticle #_container #_content {}

/**[헤더]********************************************************/
/**[gnbAllMenu]********************************************************/
#gnbAllMenu {
  display:block;
}
#gnbAllMenuClose{
  display:block;
  position: absolute;
  top: 0;
  left: -50px;
  z-index: 99999;
  font-size: 0;
}
#gnbAllMenuClose button{
  background: url("../images/close.gif") center no-repeat #e6e6e6;
  width: 50px;
  height: 50px;
  border: 0;
}
/*전체메뉴버튼*/
#_header .mymenu{position:absolute;left:10px;top:10px;}
#_header .mymenu a{display:block;height:35px;width:35px;font-size:0px;background:url(../images/m_btn_menu.png) no-repeat;background-size:cover;}
#_header .unb {
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
}
#mListOpen {
  display:block;
  height: 35px;
  width: 35px;
  text-indent: -5000px;
  background: url("../images/m_btn_menu.png") no-repeat;
  background-size: cover;
}
/*마이메뉴버튼*/
#_header .sitemap{position:absolute;left:10px;top:10px;display: none;}
#_header .sitemap a{display:block;height:35px;width:35px;font-size:0px;background:url(../images/m_btn_quick.png) no-repeat;background-size:cover;}
/*openunb*/
#_header .openunb{display:none;}
/*로고*/
#_logo{padding-top:18px;}
#_logo img{height:18px;}
/*검색*/
#_header .topSearch{position:absolute;top:50px;width:100%;background:#FFF;}
@media all and (max-width:639px){
  #_header .topSearch input{color:#888888;border:1px solid #e1e1e1;height:37px;width:77%;padding:0 5px;float:left;margin-left:15px;}
  #_header .topSearch a{display:block;width:39px;height:39px;background:url(../images/topBTNSearch.png) no-repeat;background-size:cover;font-size:0px;float:right;margin-right:15px;}
}
@media all and (min-width:640px) and (max-width:767px){
  #_header .topSearch input{color:#888888;border:1px solid #e1e1e1;height:37px;width:87%;padding:0 5px;float:left;margin-left:15px;}
  #_header .topSearch a{display:block;width:39px;height:39px;background:url(../images/topBTNSearch.png) no-repeat;background-size:cover;font-size:0px;float:right;margin-right:15px;}
}
/*언어*/
#_header .mtopLanguage{position:absolute;right:10px;top:10px;}
#_header .mtopLanguage ul{overflow:hidden;}
#_header .mtopLanguage ul li{float:left;}
#_header .mtopLanguage ul li a{display:block;height:35px;width:35px;font-size:0px;}
#_header .mtopLanguage ul li a.eng{background:url(../images/m_btn_eng.png) no-repeat;background-size:cover;}
#_header .mtopLanguage ul li a.chn{background:url(../images/m_btn_chn.png) no-repeat;background-size:cover;margin-left:7px;}

/**[타이틀]********************************************************/
#masterTitle{position:relative;padding:15px;}
/*페이지타이틀*/
#masterTitle h1 {background:url(../images/bul_h1.png) left no-repeat;padding:0 0 0 15px;font-size:24px;font-weight:normal;}

/**기능버튼********************************************************/
.fnc{position:absolute;right:15px;top:15px;}
.fnc ul{overflow:hidden;}
.fnc li{float:left;width:35px; border-left: 1px solid #dfdfdf;}
.fnc li img{float:left;width:100%;}
/*연결SNS*/
.fnc .snsgup{display:none;width:121px;position:absolute;top:0px;right:0px;background:url(../images/sns_top.png) no-repeat 0 40px;padding-top:40px;z-index:80;}
.fnc .snsgup ul{margin-top:7px;}
.fnc .snsgup ul li{clear:both;width:119px;background:#f6f6f6;border-bottom:1px solid #cfcfcf;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;}
.fnc .snsgup ul li a{display:block;width:100%;padding:8px 0 8px 40px;}
.fnc .snsgup ul li a.fac{background:url(../images/sns_fac.png) no-repeat 10px 7px;}
.fnc .snsgup ul li a.twi{background:url(../images/sns_twi.png) no-repeat 10px 7px;}
.fnc .snsgup ul li a.ins{background:url(../images/sns_ins.png) no-repeat 10px 7px;}
.fnc .snsgup ul li a.kak{background:url(../images/sns_kak.png) no-repeat 10px 7px;}
.fnc .snsgup ul li a.url{background:url(../images/sns_url.png) no-repeat 10px 7px;}
/*연결SNS닫기버튼*/
.fnc .snsgup .snsgupclose{position:absolute;top:0px;right:0px;}
.fnc .snsgup .snsgupclose a{display:block;width:35px;height:33px;background:url(../images/btn_link_off.png) no-repeat;font-size:0px;background-size:100%;}

/**[컨텐츠시작]********************************************************/
#contentsWrap{margin:30px 15px;font-size:13px;}
/* #contentsWrap img{width:100%;} */

/**[풋터]********************************************************/
.menuFnb{padding:3%;}
.menuFnb ul{overflow:hidden;width:100%;}
.menuFnb ul li{float:left;margin:1% 4% 1% 0;width:30%;text-align:center;}
.menuFnb ul li:nth-child(3n+3){margin-right:0%;}
.menuFnb ul li a{display:block;padding:5px 0;border:1px solid #acacac;width:100%;font-size:12px;}
.menuFnb ul li a.ex01{color:#db0000;}

._jumpMenu{font-size:12px;overflow:hidden;padding:1% 3%;}
._jumpMenu select{width:88%;border:1px solid #acacac;height:30px;padding:0 10px;float:left;background:url(../images/layout/form_arrow2.png) right no-repeat;margin:3px 0;}
._jumpMenu button{display:block;width:10%;height:30px;text-align:center;background:#676767;float:left;color:#FFF !important;margin:3px 1%;border:1px solid #676767;}
address{margin-top:10px;padding:3%;clear:both;font-size:12px;font-style:normal;line-height:150%;border-top:1px solid #d5d5d5;}
.fologo{display:none;}

/**[탭메뉴:2016-7-27,yeon]********************************************************/
#masterTab {
  position: relative;
  height: 37px;
  z-index: 1;
  margin-bottom: 30px;
}
#masterTab .tabToggle {
  position: absolute;
  width: 37px;
  height: 37px;
  border: 0;
  top: 0;
  right: 0;
  background-color: #04697d;
  background-repeat: no-repeat;
  text-indent: -5000px;
  background-image: url("../images/tabToggle.gif");
  display: none;
}
#masterTab .tabToggle#mTnbOpen{
  background-position: 0 0;
  display: block;
}
#masterTab .tabToggle#mTnbClose{
  background-position: 0 -37px;
}
#masterTab .ul_4{
  margin-right: 37px;
}
#masterTab .ul_4:before,
#masterTab .ul_4:after {
  content: "";
  clear: both;
  display: block;
}
#masterTab .ul_4 .li_4 {
  float: none;
  width: 100%;
  display: none;
  background-color: #fff;
}
#masterTab .ul_4 .li_4._active {
  display: block !important;
}
#masterTab .ul_4 .li_4 .a_4{
  display: block;
  border-width: 1px;
  border-color: #bcbcbc;
  border-style: solid;
  padding: 10px 0;
  text-align: center;
  margin-top: -1px;
  color: #333;
}
#masterTab .ul_4 .li_4 .a_4._active{
  color: #fff;
  border-color: #0097b6;
  background-color: #0097b6;
}
#gotoTop {
  position: fixed;
  width: 40px;
  height: 40px;
  background-color: rgba(0,151,182,0.5);
  border-radius: 20px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  right: 10px;
  bottom: 10px;
  z-index: 10;
}
#gotoTop:hover {
  background-color: rgba(0,151,182,1);
}

/**[콘텐츠 담당자]********************************************************/
.contentsMngr{margin: 20px;}
.contentsMngr ul li {width: 100%; float: none; margin-right: 0;}