@charset "utf-8";
@import url('/sites/global/masterSkin/global_main/css/master_mobile.css');
/* -------------------------------------------------------------------------------------------------- Tablet과 공통으로 적용되는 css */
/* header */
#subVisual:before {top: 0;}

/* content-layout */
#masterNavigation {display: none;}
#_contentBuilder .objHeading_h3 {font-size: 26px;}
#_contentBuilder .objHeading_h4 {font-size: 24px;}

#shareBox ul > li._fav,
#shareBox ul > li._print {display: none;}

#_aside {float: none; width: 100%;}
#_content {float: none; width: 100%; padding: 0 20px; box-sizing: border-box;}
#_aside .menuSubTitleUI {
  background: #34466d; height: auto;
  padding: 10px 20px; box-sizing: border-box;
  cursor: pointer;
}
#_aside .menuSubTitleUI h2 {
  color: #fff; font-size: 18px; font-weight: 400; text-align: left;
}
#_aside .menuSubTitleUI:after {
  display: block;
}

#_container {margin-top: 0;}
#_container > .w1300 {padding: 0; overflow: visible;}

#masterTitle {margin-bottom: 20px;}

#_aside .div_2 {
  position: absolute; top: 47px; width: 100%; z-index: 4;
}
#_aside .sub_div .li_2:last-child {border-color: #000;}

/* -------------------------------------------------------------------------------------------------- Mobile만 적용되는 css */
/* header */
body.sub #_wrapArticle {margin-top: -59px;}
#subVisual {height: 228px;}
#subVisual .titleWrap {padding-top: 105px;}
#subVisual .titleWrap .depth1H {font-size: 36px;}
#subVisual .titleWrap p {font-size: 15px;}

/* content-layout */
#masterTitle h2 {font-size: 30px;}
body.Mobile #menuUItab .div_3 {position: relative;}
body.Mobile #menuUItab .div_3 .mt_1 {
  position: relative; display: block; width: 100%;
  color: #222; font-size: 17px; font-weight: 500; text-align: left;
  padding: 13px 20px 12px; box-sizing: border-box;
  border: 1px solid #dadada;
  border-top: 2px solid #000;
  background-color: #fff;
}
body.Mobile #menuUItab .div_3 .mt_1:after {
  content: ''; position: absolute; right: 20px; top: 20px;
  width: 18px; height: 10px;
  background: url('/sites/seowon/masterSkin/seowon_JW_MS_K2WT003_S/images/mt_1_arrow.png') left top no-repeat;
}
body.Mobile #menuUItab .div_3 .mt_1._on:after {transform: rotate(180deg);}
body.Mobile #menuUItab .div_3 > .ul_3 {display: none; position: absolute; top: 53px; z-index: 1;}
body.Mobile #menuUItab .div_3 > .ul_3._on {display: block;}
body.Mobile #menuUItab .div_3 > .ul_3 > li._active > a:before {display: none;}
body.Mobile #menuUItab .div_3 > .ul_3 > li {float: none; width: 100%; border-right: 1px solid #dadada;}
body.Mobile #menuUItab .div_3 > .ul_3 > li > a,
body.Mobile #menuUItab .div_3 > .ul_3 > li._active > a,
body.Mobile #menuUItab .div_3 > .ul_3 > li._active._on > a {
  border-top: 0;
  padding: 8px 20px; text-align: left; font-size: 17px;
}
body.Mobile #menuUItab .div_3 > .ul_3 > li:last-child > a {border-right: 0;}
#menuUItab .div_3 > .ul_3 > li._active:before {display: none;}
