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

#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 auto; padding:0;border:0px solid #ddd;background:#fff; position:relative; width:1200px;}

#scomm > ul{ margin:0 0 0px;;}
#scomm ul ul {display: none;}
.align-right {float: right;}
#scomm > ul:after{display:block; visibility:hidden; clear:both; content:""}
#scomm > ul > li { float:left; width:50%;}
#scomm > ul > li > a { display:block; line-height:55px; text-align:center; cursor: pointer; z-index: 2; font-size: 17px; font-family: 'NotoKR-Regular', sans-serif; text-decoration: none; color: #7d7d7d; border:0px solid #ddd; margin-left:-0px; margin-top:-1px; letter-spacing:-1px;}
#scomm > ul > li > a:hover {color:#fff; background:url('img/bar_bg.jpg') no-repeat; }
#scomm > ul > li.active > a,
#scomm > ul > li.open > a {color:#fff; background:url('img/bar_bg.jpg') 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; line-height:18px; word-break:keep-all;  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; }
#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{border-bottom:0px #CCCCCC solid; clear:both; height:100px; margin:0 auto; width:1200px;}
#subtitle:after{display:block; visibility:hidden; clear:both; content:""}
#subtitle-left{padding:45px 0px 0px 0px; font-size:30px; color:black; float:left; font-family: 'NotoKR-Bold', sans-serif;}
#subtitle-right{float:right; background:url('img/location_home.png') left center no-repeat; padding-left:20px; margin-top:65px; color:#898989;}
#subtitle-right a{text-decoration:none;}
#subtitle-right .title_home{ font-size:14px; color:#707070;font-family: 'NotoKR-Regular', sans-serif;}
#subtitle-right .title_group{ font-size:14px; color:#707070;font-family: 'NotoKR-Regular', sans-serif;}
#subtitle-right .title_table{ font-size:14px; color:#063f96;font-family: 'NotoKR-Regular', sans-serif;}