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

/* ### 기본 스타일 커스터마이징 시작 ### */
/* aside:커뮤니티 링크 */
#scomm2 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;}
#scomm2 {margin:0;padding:0;border:0px solid #ddd;background:#fff; position:relative; }
#scomm2 h3 { display:block; font-size:26px; font-weight: bold; padding:20px 10px; color:#fff; background:url('img/light.png') #61aae1 left top no-repeat; text-align:center;  position:relative; }

#scomm2 > ul{ margin-top:15px;}
#scomm2 ul ul {display: none;}
.align-right {float: left;}
#scomm2 > ul > li{width:100%; padding:15px 0; border-bottom:1px dashed #ddd; text-align:Center;}
#scomm2 > ul > li > a {width:100%;margin:0 auto; text-align:center; cursor: pointer; z-index: 2; font-size: 16px; font-weight: bold; text-decoration: none; color: #7d7d7d; background:url('img/gnb_bg02.png') center left no-repeat; }
#scomm2 > ul > li > a:hover {color:#000; background:url('img/gnb_bg01.png') center left no-repeat;}
#scomm2 > ul > li.active > a,
#scomm2 > ul > li.open > a {color: #000; background:url('img/gnb_bg01.png') center left no-repeat;}
#scomm2 > ul > li.open > a {}
#scomm2 > ul > li:last-child > a,
#scomm2 > 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;}

#scomm2 > ul > li > a:hover > span::after,
#scomm2 > ul > li.active > a > span::after,
#scomm2 > 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;}

#scomm2 ul ul{margin-top:15px;}
#scomm2 ul ul li{ height:40px; min-width:180px;}
#scomm2 ul ul li a {max-width:180px; cursor: pointer; padding:8px 50px; line-height:40px; z-index: 1; text-decoration: none; font-size: 14px; color: #444;  background: #eee; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.1);}
#scomm2 ul ul li:hover > a,
#scomm2 ul ul li.open > a,
#scomm2 ul ul li.active > a {background: #efa900; color: #ffffff; font-weight:bold; text-shadow:1px 1px 1px #888;}
#scomm2 ul ul li:first-child > a {box-shadow: none;}

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

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

#scomm2 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);}
#scomm2 ul ul li.active > a::after,
#scomm2 ul ul li.open > a::after,
#scomm2 ul ul li > a:hover::after {border-color: #ffffff;}

 @media (max-width: 969px){
#scomm2 {margin:0;padding:0;border:0px solid #ddd;background:#fff; position:relative; }
#scomm2 h3 { display:block; font-size:26px; font-weight: bold; padding:20px 10px; color:#fff; background:url('img/light.png') #61aae1 left top no-repeat; text-align:center;  position:relative; }

#scomm2 > ul{ margin-top:15px;}
#scomm2 ul ul {display: none;}
.align-right {float: left;}
#scomm2 > ul > li{width:100%; padding:15px 0; border-bottom:1px dashed #ddd; text-align:Center;}
#scomm2 > ul > li > a {width:100%;margin:0 auto; text-align:center; cursor: pointer; z-index: 2; font-size: 16px; font-weight: bold; text-decoration: none; color: #7d7d7d; background:url('img/gnb_bg02.png') center left no-repeat; }
#scomm2 > ul > li > a:hover {color:#000; background:url('img/gnb_bg01.png') center left no-repeat;}
#scomm2 > ul > li.active > a,
#scomm2 > ul > li.open > a {color: #000; background:url('img/gnb_bg01.png') center left no-repeat;}
#scomm2 > ul > li.open > a {}
#scomm2 > ul > li:last-child > a,
#scomm2 > 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;}

#scomm2 > ul > li > a:hover > span::after,
#scomm2 > ul > li.active > a > span::after,
#scomm2 > 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;}

#scomm2 ul ul{margin-top:15px;}
#scomm2 ul ul li{ height:40px; min-width:180px;}
#scomm2 ul ul li a {max-width:180px; cursor: pointer; padding:8px 50px; line-height:40px; z-index: 1; text-decoration: none; font-size: 14px; color: #444;  background: #eee; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.1);}
#scomm2 ul ul li:hover > a,
#scomm2 ul ul li.open > a,
#scomm2 ul ul li.active > a {background: #efa900; color: #ffffff; font-weight:bold; text-shadow:1px 1px 1px #888;}
#scomm2 ul ul li:first-child > a {box-shadow: none;}

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

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

#scomm2 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);}
#scomm2 ul ul li.active > a::after,
#scomm2 ul ul li.open > a::after,
#scomm2 ul ul li > a:hover::after {border-color: #ffffff;}	 
 
 }



/* 서브타이틀 */
#subtitle{border-bottom:1px #eee solid; clear:both; height:40px; margin-bottom:30px;}
#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:right; background:url('img/location_home.png') left center no-repeat; padding:10px 0 0 15px; color:#898989;}
#subtitle-right a{text-decoration:none;}
#subtitle-right .title_home{ font-size:12px; color:#707070;}
#subtitle-right .title_group{ font-size:12px; color:#707070;}
#subtitle-right .title_table{ font-size:12px; font-weight:bold; color:#dd0000;}