@charset "utf-8";
/* SIR 지운아빠 */ 
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* ### 기본 스타일 커스터마이징 시작 ### */
/* aside:커뮤니티 링크 */
#scomm ul, #scomm ul li, #scomm ul li a {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#scomm {margin:0;padding:0;border:0px solid #ddd;background:#fff; position:relative; }
#scomm h3 { display:block; font-size:26px; font-weight: bold; padding:20px 10px; color:#fff; background:url('img/light.png') #07479f left top no-repeat; text-align:center; box-shadow:1px 1px 2px #000; position:relative; text-shadow:1px 1px 1px #000; border:1px solid #0d7493;}
#scomm h3 .arrow{ position:absolute; bottom:-10px; left:114px; box-shadow:1px 1px 1px #000; width:20px; height:20px; transform:rotate(315deg); background:#07479f;}
#scomm h3 .patch{position:absolute; bottom:0; left:104px; width:40px; height:20px; background:#07479f;}

#scomm > ul{ margin-top:15px;}
#scomm ul ul {display: none;}
.align-right {float: right;}
#scomm > ul > li > a {padding:12px 15px 12px 30px; cursor: pointer; z-index: 2; font-size: 14px; font-weight: bold; text-decoration: none; color: #7d7d7d; background:url('img/gnb_bg02.png') center left no-repeat; border-bottom:1px dashed #ddd;}
#scomm > ul > li > a:hover {color:#000; background:url('img/gnb_bg01.png') center left no-repeat;}
#scomm > ul > li.active > a,
#scomm > ul > li.open > a {color: #000; background:url('img/gnb_bg01.png') center left no-repeat;}
#scomm > ul > li.open > a {}
#scomm > ul > li:last-child > a,
#scomm > ul > li.last > a {}

.holder {width: 0; height: 0; position: absolute; top: 0; right: 0;}
.holder::after,
.holder::before {display: block; position: absolute; content: ""; width: 6px; height: 6px; right: 20px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
.holder::after {top: 17px; border-top: 2px solid #888; border-left: 2px solid #888;}

#scomm > ul > li > a:hover > span::after,
#scomm > ul > li.active > a > span::after,
#scomm > ul > li.open > a > span::after {border-color: #888;}
.holder::before {top: 18px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit;}

#scomm ul ul li a {cursor: pointer; border-bottom: 1px solid #65b5d3; padding: 10px 30px; z-index: 1; text-decoration: none; font-size: 12px; color: #fff;  background: #00b4cb; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.1);}
#scomm ul ul li:hover > a,
#scomm ul ul li.open > a,
#scomm ul ul li.active > a {background: #0093cb; color: #ffffff; font-weight:bold;}
#scomm ul ul li:first-child > a {box-shadow: none;}

#scomm ul ul ul li:first-child > a {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
#scomm ul ul ul li a {padding-left: 30px;}

#scomm > ul > li > ul > li:last-child > a,
#scomm > ul > li > ul > li.last > a {border-bottom: 0;}
#scomm > ul > li > ul > li.open:last-child > a,
#scomm > ul > li > ul > li.last.open > a {border-bottom: 1px solid #32373e;}
#scomm > ul > li > ul > li.open:last-child > ul > li:last-child > a {border-bottom: 0;}

#scomm ul ul li.has-sub > a::after {display: block; position: absolute; content: ""; width: 5px; height: 5px; right: 20px; z-index: 10; top: 11.5px; border-top: 2px solid #eeeeee; border-left: 2px solid #eeeeee; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
#scomm ul ul li.active > a::after,
#scomm ul ul li.open > a::after,
#scomm ul ul li > a:hover::after {border-color: #ffffff;}

/* 서브타이틀 */
#subtitle_box{border-bottom:1px solid #e4e4e4;}
#subtitle{clear:both; height:50px; margin:0 auto; width:1200px;}
#subtitle:after{display:block; visibility:hidden; clear:both; content:""}
#subtitle-left{background:url('img/location_dot.png') left center no-repeat; padding:0 0 0 10px; font-size:16pt; color:black; float:left; font-weight:bold;}
#subtitle-right{float:left;}
#subtitle-right:after{display:block; visibility:hidden; clear:both; content:""}

#subtitle-right a{text-decoration:none;}
#subtitle-right .title_home{ float:left; width:50px; text-align:center;}
#subtitle-right .title_home .link{ display:block; line-height:50px; font-size:26px; background:#a67c52; color:#fff;}
#subtitle-right .title_group{float:left; border-right:1px solid #e4e4e4;}
#subtitle-right .title_group .link{ display:inline-block; position:relative; width:250px; line-height:50px; padding:0 15px; font-size:14px;}
#subtitle-right .title_group .link span{ position:absolute; right:15px; top:0;}
#subtitle-right .title_group .link span i{ color:#888;}
#subtitle-right .title_table{float:left; border-right:1px solid #e4e4e4;}
#subtitle-right .title_table .link{ display:inline-block; width:250px; line-height:50px; padding:0 15px; font-size:14px; color:#222; font-weight:bold;}
#subtitle-right .title_table .link span{ position:absolute; right:15px; top:0;}
#subtitle-right .title_table .link span i{ color:#888;}

.menubar{ position:relative;}
.menubar ul{display:none;}
.menubar:hover ul{display:block; background:#fff;  height:auto; left:0; top:50px; padding:0px; margin:0 0 0 -1px; position:absolute; width:252px; z-index:99999; border:1px solid #e4e4e4;} 
.menubar a .arrow1{display:block}
.menubar:hover a .arrow1{display:none}
.menubar a .arrow2{display:none}
.menubar:hover a .arrow2{ display:block;}
.menubar li{ display:block; border-bottom:1px solid #e4e4e4; }
.menubar li:last-child{border-bottom:0;}
.menubar li a{ display:block; line-height:50px; padding:0 15px; font-size:12px;}
.menubar li:hover a{  background:#a67c52; color:#fff; font-weight:bold;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.menubar1{ position:relative;}
.menubar1 ul{display:none;}
.menubar1:hover ul{display:block; background:#fff; height:auto; left:0; top:50px; padding:0px; margin:0 0 0 -1px; position:absolute; width:252px; z-index:99999; border:1px solid #e4e4e4;}
.menubar1 a .arrow1{display:block}
.menubar1:hover a .arrow1{display:none}
.menubar1 a .arrow2{display:none}
.menubar1:hover a .arrow2{ display:block;}
.menubar1 li{ display:block; border-bottom:1px solid #e4e4e4;  }
.menubar1 li:last-child{border-bottom:0;}
.menubar1 li a{ display:block; line-height:50px; padding:0 15px; font-size:12px;}
.menubar1 li:hover a{  background:#a67c52; color:#fff; font-weight:bold;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.title_company{}
/* custom */
#subtitle-right .title_home .link{
  background: var(--secondary-color);
  
}

#subtitle-right .title_table .link{
  color: var(--secondary-color);
}

.menubar li a{
  font-size: 1.3rem;
}
.menubar1 li a{
  font-size: 1.3rem;
}

.menubar1 li:hover a{
  background: var(--secondary-color);
  /* color: var(--main-color); */
  font-weight: normal;
}