@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* header 수정 */
.rd-navbar-inner{width:100%; padding:0 0 15px !important;}
.right-side{padding-top:4px;}
.rd-navbar-top-panel.rd-navbar-static .rd-navbar-top-panel{padding-bottom:5px;}
.rd-navbar-light.rd-navbar-top-panel.rd-navbar-static .rd-navbar-top-panel{border-bottom:1px solid #ececec;}
.bg-lighter {background:#fafafa;}
/* .btn-sm {padding:2px 12px;} 다른 버튼들 까지 영향이 있어서 해더부분은 직접 하드코딩 해줌 20180411 민현홍 */

.rd-navbar-top-panel.rd-navbar-light.rd-navbar-static.rd-navbar--is-stuck {
    /*background: #dcf2fd;*/
}

/*  헤더 메뉴 간격  */
.rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li + li {
    margin-left: 30px;
}

small {
	font-size: 0.8em !important;
}

.btn{
	/*white-space:normal !important;*/
	word-wrap: break-word; 
}

/* footer */
.page-footer {background:#323233 !important; font-size:0.9em;}
.page-footer > div > p:nth-of-type(2) {color:#bbb; font-weight:400; font-size:0.8em; font-family: "Lato", sans-serif;}

#footerSelect .select2-container--bootstrap .select2-selection {
    color: #fff;
}

#footerSelect .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
}

#footerSelect .select2-container--bootstrap .select2-selection {
    background: rgba(255, 255, 255, 0.15);
}


/* leftmenu */
#leftmenu{height:100%; padding:0; overflow:hidden;} 
#leftmenu > ul{padding:0; text-align:left;}
#leftmenu > ul > li{width:100%; list-style:none;}
#leftmenu > ul > li > a{display:block; width:200px; padding:10px 5px 8px 17px; border-bottom:1px solid #d9d9d9; box-sizing:border-box; color:#333; font-size:16px; background:#f9f9f9;}
#leftmenu > ul > li > a:hover{background:#0093dd; color:#fff; box-sizing:border-box;}   /*#96d1d6*/
#leftmenu > ul > li.on > a{background:#0093dd; color:#fff;}	  /*#96d1d6*/
#leftmenu > ul > li > ul {padding:12px 10px 6px 18px;border-bottom:1px solid #d9d9d9; }
#leftmenu > ul > li > ul > li {margin-bottom:7px;  line-height:1.2; list-style:none;}
#leftmenu > ul > li > ul > li > a {display:block; padding-left:12px; background:url('../images/sub/bul_bar.png') left 9px no-repeat; color:#666; font-size:13px; box-sizing:border-box; letter-spacing:-1px;}
#leftmenu > ul > li > ul > li > a:hover {padding-left:12px; background:url('../images/sub/bul_bar.png') left 9px no-repeat; color:#018efd;}
#leftmenu > ul > li > ul > li.on > a {padding-left:12px; background:url('../images/sub/bul_bar.png') left 9px no-repeat; color:#018efd;}
.border-left {border-left:1px solid #adadad; box-sizing:border-box;}


   
/* 컨텐츠타이틀 */
.contTitle{padding-top:20px; box-sizing:border-box; text-align:center;}
.tLeft {display:table; width:200px; height:140px; background:url('../images/sub/bg_left.png'); color:#fff;border-top-left-radius: 6px;}
.tLeft > h2 {display:table-cell; vertical-align:middle;font-size:30px !important; letter-spacing:-2px;}
.tRight {padding-top:25px; height:140px; background:#fff; border-left:1px solid #dbdbdb; opacity:0.95;border-top-right-radius: 6px;}
.location {display:inline-block;}
.location li {display:inline-block; padding-right:13px;background:url('../images/sub/bul_arr_location.png') right 8px no-repeat;}
.location li:last-child{background:none;}
.location li a:hover{text-decoration:underline}

/* font-size:0.95em;background:url('../images/sub/bg_leftmenu.png') left top repeat-y;  2018-03-20 민현홍 */
.contWrap{min-height:600px; padding:0 1% 50px; color:#666; font-weight:300; line-height:160%; border-left:1px solid #adadad; text-align:justify;}
.contWrap h3{ margin-bottom:18px; color:#333;} /* margin-top:40px; 2018-03-24 민현홍 */
.contWrap h3 > small{padding-top:12px;}



/* 협회소개 */
.intro {background:url('../images/sub/bg_intro.png') center no-repeat;}
.intro > p:first-child {font-size:25px;line-height:160%;}
.intro > p:last-child {line-height:180%;}
.intro strong.txt1 {font-weight:400; color:#68b92e;}
.intro strong.txt2 {font-weight:400; color:#008fef;}


/* 대표인사 */
.president {margin-bottom:30px; padding:30px; box-sizing:border-box; border:5px dashed #f6f6f6;}
.president > p:last-child {display:table-cell;}
.president > p > strong {font-size:1.3em;}
.pImg {float:left; margin-right:50px; text-align:center;}
.pImg > img {width:177px; height:177px; border-radius:50%; overflow:hidden; }
.pImg > p > span {display:block; font-size:1.5em;}


/* 연혁*/
li {list-style:none;}
.clr:after{content:"";display:block;clear:both}
.hi_list ul {padding:0;}
.left_txt{width:50%;text-align:right;float:left;}
.right_txt{width:50%;text-align:left;float:right;}
.right_txt > dl > dt, .left_txt > dl > dt {font-size:40px;color:#323232;position:relative;padding-bottom:50px;font-weight:bold}
.right_txt > dl > dt:before {content:"";width:40px;height:2px;background:#dadada;position:absolute;left:0;top:65%;}
.left_txt > dl > dt:before {content:"";width:40px;height:2px;background:#dadada;position:absolute;right:0;top:65%}
.right_txt .hi01 dd {margin-bottom:20px; color:#646464;line-height:150%;float:left;width:100%; letter-spacing:-1px;}
.right_txt .year_date {color:#69a344;width:100%;float:left}
.left_txt .hi01 dd {margin-bottom:20px; color:#646464;line-height:150%;float:right;width:100%; letter-spacing:-1px;}
.left_txt .year_date {color:#69a344;width:100%;float:right;}
.hi_list {position:relative;margin:0 0 50px}
.hi_list:before {content:"";width:1px;height:106%;background:#dcdcdc;position:absolute;left:50%;top:13px}
.hi_list:after {content:"";width:11px;height:11px;background:#dbdbdb;position:absolute;left:49.4%;bottom:-75px;border-radius:10px}
.right_txt > dl {padding-left:20px;position:relative}
.right_txt > dl:before {content:"";width:17px;height:17px;background:url('/user/images/sub/his_icon.png') no-repeat;position:absolute;left:-9px;top:13px}
.left_txt > dl {padding-right:20px;position:relative}
.left_txt > dl:before {content:"";width:17px;height:17px;background:url('/user/images/sub/his_icon.png') no-repeat;position:absolute;right:-9px;top:13px}


/* 단체회원 소개 */
.group_member {border-top:2px solid #979797; border-bottom:1px solid #e2e2e2; line-height:18px; clear:both; }
.group_member > dt {padding:8px; border-bottom:1px solid #e2e2e2; cursor:pointer; font-weight:400;line-height:40px;}
.group_member > dt:before {content:''; display:inline-block; width:22px; height:22px; background:url('/user/images/sub/arrow_icon.png') left 5px no-repeat;} 
.group_member > dt span {width:50px; text-align:center; color:#ababab; display:block; float:left;}
.group_member > dd {padding:10px;}
.group_member > dd strong {width:40px; text-align:center; display:block; float:left;}
.group_member > dd span {margin:0 20px; display:block;}
.group_member > dd.on {background-color:#fafafa;}
.group_member ul {padding:0;}
.group_member .gList li {padding-left:12px; background:url('../images/sub/bul_bar.png') left 12px no-repeat; text-align:left;}
.group_member .gList2 li {padding-top:5px;padding-bottom:5px; border-bottom:1px dashed #ddd;}
.group_member .gList2 li:before {content:''; display:inline-block; width:6px; height:6px; margin-right:10px; background:#666; } 

/* 단체회원 소개 테스트 */
.group_member2 {}
.group_member2 > .dt {padding:8px; border-bottom:1px solid #e2e2e2; cursor:pointer; font-weight:400;line-height:40px;}
.group_member2 > .dt:before {content:''; display:inline-block; width:22px; height:22px; background:url('/user/images/sub/arrow_icon.png') left 5px no-repeat;} 
.group_member2 > .dt span {width:50px; text-align:center; color:#ababab; display:block; float:left;}
.group_member2 > .dd {padding:10px;}
.group_member2 > .dd strong {width:40px; text-align:center; display:block; float:left;}
.group_member2 > .dd span {margin:0 20px; display:block;}
.group_member2 > .dd.on {background-color:#fafafa;}
.group_member2 ul {padding:0;}
.group_member2 .gList li {padding-left:12px; background:url('../images/sub/bul_bar.png') left 12px no-repeat; text-align:left;}
.group_member2 .gList2 li {padding-top:5px;padding-bottom:5px; border-bottom:1px dashed #ddd;}
.group_member2 .gList2 li:before {content:''; display:inline-block; width:6px; height:6px; margin-right:10px; background:#666; } 


 /* 회원가입 */
.box-agree{padding-left:20px; padding-right:20px; box-sizing:border-box;}
.box-agree > h4{color:#333; }
.agree-list{margin-top:20px; padding:0;}
.agree-list > li{margin-bottom:10px; padding-left:15px; text-indent:-1px; background:url('/user/images/common/bul_dot.png') left 10px no-repeat; list-style:none;}
.agree-block{display:block;}
.agree-block:hover > .box-icon-bordered{border:2px solid #7dbd49;}

/* 이용약관 */
.access-terms > textarea{width:100%;}

 /* 2018-03-19 민현홍 */
.container {
    margin-top: 15px;
}


/* 국민청원 온라인 서명 */
section.title-image {width:100%; padding:95px 0 50px; background:#fef3e0 url("/user/images/sub/bg_pattern.png");}
section.title-image .panel-content {width:100%; max-width:1200px; margin:0 auto;}  /* min-width:700px; 민현홍 */  


.box {width:100%; min-height:116px; padding:20px; border:1px solid #ededed; box-shadow:#f3f3f3 0 0 5px; border-radius:10px; box-sizing:border-box;}

@media (min-width: 1200px) {
	.contWrap{padding:50px 30px 100px 50px; box-sizing:border-box;}

	/* 민현홍 추가 왼쪽 메뉴 너비 맞추기 위함*/
	#leftmenu {
		width: 16.54% !important;
	}

	.subMenuBg {
		background-color:#FFF;
	}

	.rd-navbar-dropdown > li .mdi{
		display:none !important;
	}
}

@media (max-width: 1199px) {
	/* leftmenu */
	#leftmenu{display:none;}
	.tLeft {display:none;}
	.page-content > section > .shell{border:none;;}
	.contWrap{background:none; border:none;}
	.offset-t-top-20{margin-top:20px;}
	.offset-m-bottom-20{margin-bottom:20px;}

	.president {padding:30px 10px; border:3px dashed #f6f6f6;}
	.pImg {float:none; margin-right:0; margin-bottom:30px;}

	.tRight {border-top-left-radius: 6px;}

	.subMenuBg {
		background-color:#FFF;
	}

	.rd-navbar-dropdown > li .mdi{
		display:none !important;
	}
}

@media (max-width: 991px) {
	.right_txt .year_date, .left_txt .year_date {width:100%; font-size:14px; margin:5px 0;}
	.right_txt .hi01 dd , .left_txt .hi01 dd  {width:100%; font-size:14px; margin:5px 0;}
	.tRight {border-top-left-radius: 6px;}

	.subMenuBg {
		background-color:#F6F6F6 !important;
	}
	
	.subMenuBg2 {
		background-color:#FAF4C0 !important;
	}

	.rd-navbar-dropdown > li .mdi{
		display:inline !important;
	}

}


@media (max-width:480px) {
	.contTitle > .shell > h2{color:#fff;margin-bottom: 0;}
	.contTitle > .shell > h2:after {display:none;}
	.location {width:100%;}
	.tRight {border-top-left-radius: 6px;}

	/*
	.rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel {
		background: #dcf2fd;
	}
	*/

	.subMenuBg {
		background-color:#F6F6F6 !important;
	}

	.subMenuBg2 {
		background-color:#FAF4C0 !important;
	}

	.rd-navbar-dropdown > li .mdi{
		display:inline !important;
	}

}