@charset "utf-8"

@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }

body {
  min-width:320px;
  font-size: 14px;
  color: #191919 !important;
  font-family: 'S-CoreDream-4Regular', sans-serif;
}

small, .small {
	font-size: 92%;
}

a {color:#353535; text-decoration:none !important;}
.block{display:block;}

/* 추가 부분 */
input[type="checkbox"] {
  transform:scale(1.4, 1.6);
}

input[type="radio"] {
  transform:scale(1.6, 1.6);
}

input[type="radio"],
input[type="checkbox"]{
	cursor:pointer;
}

table.focus-on tbody tr.focused th, table.focus-on tbody tr.focused td {
    background-color: rgba(253, 251, 235, 0.86);
    color: #000;
}

.table thead tr{
    background-color: #EAEAEA;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
	padding: 6px 6px;
}

/*
.label {
	padding:4px 7px !important;
	font-size:0.85em;
}
*/

.ui-jqgrid tr.jqgrow td {box-sizing:content-box;}

.green{color:#55bf60;}
.blue{color:#005499;}
.text-indent{text-indent:-19px;}
.star{padding-left:15px; background:url('/user/images/sub/bul_star.png') left 9px no-repeat;}
.clearbg{background:none !important;}
.mt50{margin-top:50px;}


/* 박스 */
.grayBox{width:100%; margin:15px 0; padding:20px; box-sizing:border-box; border:1px solid #ccc; background:#f9f9f9;}
.grayBox2{width:100%; margin:8px 0 20px; padding:20px; box-sizing:border-box; border:1px solid #ededed; background:#fbfbfb; font-size:0.9em;}
.box{position:relative; width:100%; margin:20px 0 30px; padding:20px; box-sizing:border-box; border:1px solid #ccc; overflow:hidden;}
/*.box:after{content:''; display:block; position:absolute; right:20px; bottom:-10px; width:85px; height:72px; background:url('/user/images/sub/icon_note.png') no-repeat;}*/


/* 회칙 및 운영세칙 */
.list_rule ol, .list_rule ul{padding:0;}
.list_rule ul{list-style:none;}
.list_rule > dt.tit{margin:20px 0 20px; padding:8px 20px; border-radius:50px; background:#f5f5f5; color:#333; box-sizing:border-box; font-weight:bold;}
.list_rule > dt{margin:15px 0 5px;}
.list_rule > dd > ol{padding-left:20px;}
.list_rule ul > li > ul > li{padding-left:20px;}


/* 지회_연구회 */
.tbl_society{width:100%; border-top:2px solid #333;}
.tbl_society thead th{position:relative; padding:5px; border-bottom:2px solid #333 !important; text-align:center;}
.tbl_society thead th + th:after{position:absolute; left:0; bottom:0; display:block; content:''; width:1px; height:18px; background:#333;}
.tbl_society tbody th{padding:5px; border:1px solid #dbdbdb; border-left:none; text-align:center; vertical-align:middle; font-weight:normal;}
.tbl_society tbody td{padding:5px; border:1px solid #dbdbdb; text-align:center; vertical-align:middle; font-weight:normal;}
.tbl_society tbody td:first-child{border-left:none;}
.tbl_society tbody td:last-child{border-right:none;}
.tbl_society .bg_gray{background:#f7f7f7;}

/* 임상심리학 소개 */
.tbl_graduate{width:100%; border-top:2px solid #333;}
.tbl_graduate thead th{position:relative; padding:5px; border-bottom:2px solid #333 !important; text-align:center;}
.tbl_graduate thead th + th:after{position:absolute; left:0; bottom:0; display:block; content:''; width:1px; height:18px; background:#333;}
.tbl_graduate tbody td{padding:5px; border:1px solid #dbdbdb; text-align:center; vertical-align:middle; font-weight:normal;}
.tbl_graduate tbody td:first-child{border-left:none;}
.tbl_graduate tbody td:last-child{border-right:none;}
.tbl_graduate .bg_gray{background:#f7f7f7;}

.tbl_plan{width:100%; border-top:2px solid #33873c; border-bottom:1px solid #33873c;}
.tbl_plan thead th{padding:5px; border-bottom:none; text-align:center;}
.tbl_plan tbody td{padding:5px; border:1px solid #dbdbdb; border-bottom:none; text-align:center; font-size:0.9em;}
.tbl_plan tbody td:first-child{border-left:none;}
.tbl_plan tbody td:last-child{border-right:none;}
.tbl_plan tbody tr:nth-of-type(odd){background:#fafafa;}

.list_plan:after{display:block; content:''; width:100%; height:5px; margin:20px 0; background:url('/user/images/sub/bul_line.png') repeat-x; }
.list_plan dt{position:relative; padding-left:20px; margin:15px 0 10px; padding-top:0; font-weight:bold; color:#33873c;}
.list_plan dt:first-child:before{background:none;}
.list_plan dt.title:before{content:''; position:absolute; left:0; top:6px; width:12px; height:6px; box-shadow:0 2px #fff, 0 4px #46657f; border-top:2px solid #46657f; border-bottom:2px solid #46657f;}
.list_plan dd{font-size:0.9em;}
.list_plan dd > ul{padding-left:20px;}
.list_plan dd > ul > li{padding-left:10px; background:url('/user/images/sub/bul_dot3.png') left 10px no-repeat; list-style:none;}
.list_plan dd > ul > li > ul{padding-left:5px;}
.list_plan dd > ul > li > ul > li{padding-left:10px; background:url('/user/images/sub/bul_bar.png') left 12px no-repeat; list-style:none;}

/* 임상심리전문가란? */
.tbl_info{width:100%; border-top:2px solid #333;}
.tbl_info tbody th{border-bottom:1px solid #dbdbdb; background:#f7f7f7; text-align:center;}
.tbl_info tbody td{padding:5px 15px !important; border:1px solid #dbdbdb; text-align:left; vertical-align:middle; font-weight:normal;}
.tbl_info tbody td:last-child{border-right:none;}


/* 상담심리사 자격검정 응시원서 */
#qualificationJoin {width:720px; padding:20px 10px; box-sizing:border-box;}
#qualificationJoin h3 {margin:20px 0 25px; font-size:28px; text-align:center;}
#qualificationJoin .tb_qualification {width:100%; border:2px solid #333;}
#qualificationJoin .tb_qualification tbody th {padding:12px 8px 9px 8px; background-color:#f8f8f8; border:1px solid #c1c1c1; text-align:center;}
#qualificationJoin .tb_qualification tbody td {padding:12px 8px 9px 8px; border:1px solid #c1c1c1; text-align:center;}
#qualificationJoin .tb_qualification tbody td dl {margin-top:20px; text-align:right; line-height:18px;}
#qualificationJoin .tb_qualification tbody td dd {font-weight:bold; font-size:13px;}
#qualificationJoin .tb_qualification tbody td dt {margin-top:10px; font-weight:bold; font-size:15px;}
/* 상담심리사 자격검정 수험표 */
/*#slip {width:350px; margin:0 auto; padding:20px 25px; border:2px solid #000; box-sizing:border-box;}*/
#slip {width:580px; margin:0 auto; padding:20px 25px; border:2px solid #000; box-sizing:border-box;}
#slip dl {margin-bottom:25px; text-align:center;}
#slip dd {font-size:14px;}
#slip dt {margin:20px 0; font-size:30px; font-weight:bold;}
#slip li {font-size:16px; line-height:30px;}
#slip li strong {font-size:16px;}
#slip li span {font-size:16px;}
#slip p.photo {width:130px; height:160px; margin:30px auto 50px auto; padding:5px; text-align:center; box-sizing:border-box; overflow:hidden;}
#slip h3 {font-size:22px; text-align:center;}

/* 자격변경신청서 */
.changeRiskApp {width:100%; margin-top:10px; padding:30px 50px; text-align:center; background:#dbd7cc; box-sizing:border-box; border-radius:5px; box-sizing:border-box;}
.changeRiskApp .changeTitle {padding-bottom:10px; font-size:20px; font-weight:bold; border-bottom:1px solid #cac5b7;}
.changeRiskApp .changeCont {padding-top:20px; border-top:1px solid #f9f5e9; font-size:14px !important; line-height:23px;}
.changeRiskApp .changeCont strong {color:#d55346;}

.changeList dt {width:100%; height:22px; margin-top:20px; padding:2px 0 0 20px; background:url('/images/sub/join_text_bg3.png') no-repeat; font-weight:bold;}
.changeList dd {padding:5px;line-height:20px; }
.changeList dd.box01 {width:100%;; margin-top:20px; padding:15px; box-sizing:border-box; background:#ececec; border-radius:3px; line-height:18px;}

.box10 {width:100%; padding:15px 20px; border:2px solid #ccc; box-sizing:border-box;}
.box10 a:hover {text-decoration:underline;}

#electionStep {width:100%; margin-bottom:30px; }
#electionStep li {width:33%; margin-right:2px; padding:5px 20px; text-align:center; background-color:#dfdfdf; box-sizing:border-box; float:left;}
#electionStep li:last-child {margin-right:0;}
#electionStep li.on {padding:5px 20px;  background-color:#7da7d8; font-weight:bold; font-size:14px; color:#fff;}
.electionNotice {width:100%; height:200px; margin-top:30px; padding:25px;border:1px solid #dbdbdb; overflow:scroll;line-height:18px; box-sizing:border-box;}
.electionBox {width:100%; margin-top:20px;padding:30px; box-sizing:border-box; border:1px solid #dbdbdb;}
.electionBox dt {margin-bottom:20px; font-size:16px; font-weight:bold;text-align:center;}
.electionBox dd {margin-bottom:10px;}
.check {margin:20px 0; text-align:center;}
.check input {margin-left:15px; vertical-align:middle;}


/* 온라인 선거- 투표용지 */
.onlineElection {text-align:center;}
.onlineElection h1 {margin:20px 0 30px; font-size:30px; font-weight:bold; color:#39456b; text-align:center; text-decoration:underline;font-family:'S-CoreDream-4Regular',Arial,sans-serif !important;}
.no1, .no2 {margin:0 5px 30px; padding:13px; box-sizing:border-box; border:1px solid #c1c1c1; border-radius:10px; display:inline-block; overflow:hidden;}
.no1 .title {width:211px; height:43px; padding:8px 0 10px; box-sizing:border-box; background:url('/images/sub/bg_no1.gif') no-repeat; color:#fff; font-size:20px; font-weight:bold; text-align:center;font-family:'S-CoreDream-4Regular',Arial,sans-serif !important;}
.no2 .title {width:211px; height:43px; padding:8px 0 10px; box-sizing:border-box; background:url('/images/sub/bg_no2.gif') no-repeat; color:#fff; font-size:20px; font-weight:bold; text-align:center;font-family:'S-CoreDream-4Regular',Arial,sans-serif !important;}
.electionPhoto {width:140px;margin:27px auto 20px auto;}
.electionPhoto img {width:100%;}
.electionName1 {width:100%; padding:15px 10px 10px; min-height:86px; box-sizing:border-box; background:#dfeaf0; border-radius:5px; text-align:center; overflow:hidden;}
.electionName1 dt {margin-bottom:10px; font-weight:bold; font-size:20px;font-family:'S-CoreDream-4Regular',Arial,sans-serif !important;}
.electionName1 dd {font-size:15px;font-family:'S-CoreDream-4Regular',Arial,sans-serif !important;}
.electionName2 {width:100%; padding:15px 10px 10px; min-height:86px; box-sizing:border-box; background:#fcedc2; border-radius:5px; text-align:center; overflow:hidden;}
.electionName2 dt {margin-bottom:10px; font-weight:bold; font-size:20px;font-family:'S-CoreDream-4Regular',Arial,sans-serif !important;}
.electionName2 dd {font-size:14px;font-family:'S-CoreDream-4Regular',Arial,sans-serif !important;}
.onlineElection .input {margin-top:10px; vertical-align:middle !important; font-weight:bold;font-family:'S-CoreDream-4Regular',Arial,sans-serif !important;}
.onlineElection .input label {margin-right:10px; font-size:15px;}
.onlineElection .input input {vertical-align:middle !important;}

#consent {width:100%; margin-top:10px; padding:8px 40px 20px; border:1px solid #c1c1c1; box-sizing:border-box;}
#consent h3.consentTitle {padding-bottom:20px; font-size:25px !important; font-weight:bold; text-align:center; letter-spacing:20px; border-bottom:1px solid #ddd;}
#consent div {font-size:14px; line-height:25px;}
#consent p {margin:30px 0 20px; font-size:13px; text-align:center;}

/* 경조사관리 */
.obituaryNotice {width:100%; padding-bottom:50px; border:5px solid #000; box-sizing:border-box; color:#000 !important; background:url('/images/sub/img_obituaryNotice2.png') 90px bottom no-repeat;}
.obituaryNotice .title {margin:0 20px 30px; font-family: 'S-CoreDream-4Regular', serif; font-size:24px; letter-spacing:-1px;text-align:center; font-weight:bold; word-break:keep-all;}
.obituaryNotice .tb_place {width:60%;margin:0 auto 30px;}
.obituaryNotice .tb_place tbody th {font-family: 'S-CoreDream-4Regular', serif; font-size:22px; text-align:left; line-height:35px;font-weight:bold; vertical-align:top;letter-spacing:-1px;}
.obituaryNotice .tb_place tbody th > span{margin-left:22px;}
.obituaryNotice .tb_place tbody td {font-family: 'S-CoreDream-4Regular', serif; font-size:22px; text-align:left; line-height:35px;font-weight:bold;letter-spacing:-1px;}
.obituaryNotice .txtInsert {width:650px; margin:0 auto;}

.happyEvent {width:100%; padding:20px 40px 30px;border:2px solid #dbbc12; box-sizing:border-box;position:relative;}
.happyEvent span {width:90px; height:90px; background:url('/images/sub/bg_happyEvent.png') no-repeat; display:inline-block; position:absolute;}
.happyEvent .lt {top:-12px; left:-12px; background-position:left top;}
.happyEvent .rt {top:-12px; right:-12px; background-position:right top;}
.happyEvent .lb {bottom:-12px; left:-12px; background-position:left bottom;}
.happyEvent .rb {bottom:-12px; right:-12px; background-position:right bottom;}
.happyEvent .title {margin-top:30px;font-size:28px; text-align:center; line-height:35px;font-weight:bold;}
.happyEvent .txt {margin:30px 0 60px;text-align:justify; line-height:22px;}



@media all and (max-width:991px){
	.obituaryNotice .title {margin:20px 20px 30px; font-size:20px;}
	.obituaryNotice .tb_place {width:75%;margin:0 auto 30px;}
	.obituaryNotice .tb_place tbody th {font-size:16px; line-height:35px;}
	.obituaryNotice .tb_place tbody th > span {margin-left:18px}
	.obituaryNotice .tb_place tbody td {font-size:16px; line-height:35px;}
	.obituaryNotice .txtInsert {width:100%; padding:0 20px;}

	.happyEvent .title {font-size:20px; word-break:keep-all;}
}

@media all and (max-width:480px){
	.obituaryNotice .tb_place {width:90%;margin:0 auto 30px;}
	.obituaryNotice .tb_place tbody th {width:35%}
	.obituaryNotice .tb_place tbody th > span {margin-left:15px}
	.obituaryNotice .tb_place tbody td {width:65%}
	
}


.userPage {	width:100%; margin-top:10px;margin-bottom:10px;padding:30px 30px 10px 30px; box-sizing:border-box;	border:1px solid #ddd; }
.userPage h4 {margin-top:0; font-size:20px; text-align:center;}
.userPage h5 {margin:30px 0 20px; font-size:15px;}
.userPage dt {margin:20px 0 10px; font-weight:bold;}
.userPage dd {margin-left:10px;}

/* 추가 부분 끝 */


/*------------------------------------- 
  header 
--------------------------------------*/

.logo {margin-top:13px; margin-bottom:8px;padding-left:0;}

.navbar {
    border-radius: 0px !important;
}

.navbar-brand {
	font-family: 'S-CoreDream-4Regular', sans-serif;
	width:180px;
	margin-right:20px;
	padding:5px 3px;
	box-sizing:border-box;
	background:rgba(222, 71, 65, 0.5);
	color:#fff !important;
	font-weight:normal;
	font-size:1.15em;
	text-align:center;
	height:auto;
	line-height: 39px;
	/*border-radius: 5px;*/
	border: 1px solid #ff4644;
}
.navbar-red{background:#b42b29 !important;}
/* .navbar-red .navbar-nav > li > a{margin-right:29px;color:#fff;font-weight:bold;font-size:1.05em;} */
.navbar-red .navbar-nav > li > a{margin-right:12px;color:#fff;font-weight:bold;font-size:1.05em;}
.navbar-red .navbar-nav > li > a:hover,
.navbar-red .navbar-nav > li > a:focus,
.navbar-red .navbar-nav > li.active > a {
	color:#fff; background:#d4413c;
}

.navbar-red .navbar-nav .dropdown-menu {background-color: rgba(225,224,224, 1);}
.navbar-red .navbar-nav .dropdown-menu > li > a:hover {background:rgba(167,166,165, 1);}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background:#c93935;}

#header .nav > li > a {
    padding: 15px 11px !important;
	font-family: "S-CoreDream-4Regular" sans-serif !important;
}

.dropdown-menu > li > a {
    font-family: "S-CoreDream-4Regular" sans-serif !important;
}

/* header-quick */
.quick{margin-top:15px;}
.btn_quick{padding:5px 12px; background:#484459; box-sizing:border-box;}
.btn_quick > a{color:#fff;text-decoration:none;}

/*------------------------------------- 
  sub 
--------------------------------------*/
/* leftmenu */
#left-menu{margin-bottom:0;padding-left:0;}

/*
#left-menu h2 {background:#43aaf9 url('/member/images/bg_lmenu.png') no-repeat;margin:0;height:100px; background:#347ab8; color:#fff;font-size:1.5em;font-weight:bold;line-height:100px;letter-spacing:-1px;text-align:center;border-bottom:2px solid #04e2f1;}
*/
#left-menu h2 {font-family: 'S-CoreDream-4Regular', sans-serif;background:#484459 url('/member/images/bg_lmenu.png') no-repeat;margin:0;height:65px;color:#fff;font-size:1.23em;font-weight:500;line-height:85px;letter-spacing:-1px;border-radius:0 0 0 0;padding-right:10px; text-align:right; border-bottom:3px solid #fff;}

/*#left-menu > ul > li{margin-bottom:1px;}*/

#left-menu > ul > li > a {font-family: 'S-CoreDream-4Regular', sans-serif;display:block;padding:7px 10px; background:#e5e5e5; color:#555; border-radius:0;font-size: 0.98em;}
#left-menu > ul > li > a:hover,
#left-menu > ul > li > a:focus,
#left-menu > ul > li.active > a,
#left-menu > ul > li.active > a:hover,
#left-menu > ul > li.active > a:focus {
	background:#686796; 
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#left-menu .nav-stacked > li{
	margin-bottom:3px;
}

/* leftmenu - 2depth */
#left-menu > ul > li > ul {font-family: 'S-CoreDream-4Regular', sans-serif; padding:4px 11px;border:1px solid #ddd;margin-bottom:3px;}
#left-menu > ul > li > ul > li {padding-left:8px;background:url('/member/images/bul_arrow2.gif') 1px 9px no-repeat; list-style:none;letter-spacing:-0.5px;padding-bottom: 4px;padding-top: 4px;}
#left-menu > ul > li > ul > li > a{display:block; line-height:120%;color:#555;text-decoration:none;font-size: 0.95em;}
#left-menu > ul > li > ul > li > a:hover,
#left-menu > ul > li > ul > li > a:focus,
#left-menu > ul > li > ul > li.active > a,
#left-menu > ul > li > ul > li.active > a:hover,
#left-menu > ul > li > ul > li.active > a:focus {color:#980000;font-weight:500; }

.nav-tabs{margin-top:20px;}

.cont_tit{position:relative;margin-bottom:25px;padding-bottom:12px;border-bottom:1px solid #dbdbdb;}
.cont_tit h2{margin:10px 0 0;padding-left:28px;padding-bottom:12px;border-bottom:4px solid #518dc2;background:url('/member/images/bul_cont_tit.gif') left 1px no-repeat;font-size:1.45em;font-weight:bold;letter-spacing:-0.05em;display:inline;}

.cont {line-height:20px; text-align:justify;}
.cont h3 {margin:30px 0 15px;padding-left:22px; background:url('/user/images/bul_circle1.gif') left 3px no-repeat;font-size:1.3em;font-weight:bold;}

/* 	container title */

.contTitle {
	font-family: 'S-CoreDream-4Regular', sans-serif;
	/*background: rgba(81, 141, 194, 0.48) url(/member/images/bg_sl.png);*/
	background: #f5f5f5 url(/member/images/bg_sl.png);
	/*padding:16px 10px 5px 10px;*/
	padding: 8px 10px 0px 10px;
}

.contTitle > .divider{
	display:none;
}
.contTitle > h2{
	font-size:26px;
	display: inline-block;
	color: #555;
	margin-top:0;
	margin-bottom: 0;
	text-shadow: #fff 1px 1px 1px;
}
.contTitle > h2:after {
	display:inline-block; 
	content:""; 
	width:1px; 
	height:24px; 
	margin-left:18px; 
	margin-right:12px; 
	background:#787878; 
	vertical-align:bottom;
}

.location {
	display:inline-block;
}
.location li {
	display:inline-block; 
	padding-right:13px;
	background:url('/user/images/common/bul_arr_location_black.png') right 8px no-repeat; 
	color:#555;
}
.location li:last-child{
	background:none;
}
.location li a:hover{
	text-decoration:underline
}

.divider {
	width: 40px;
	height: 2px;
	padding: 0;
	margin: 27px auto 34px;
	background: #d9d9d9;
	border: none;
	background: #555;
	fill: #555;
}

/* 	container title  끝 */

.container {word-break:break-all;}

section .container {
	min-height:600px;
}

.img-responsive-u{max-width:100%; height: auto;}

.box01{width:100%; padding:20px 20px 0 20px;border:1px solid #dbdbdb; box-sizing:border-box;}

.ul_list01 {margin-left:12px;padding:0;}
.ul_list01 li{padding-left:12px;background:url('/user/images/bul_dot1.png') left 7px no-repeat;}

}

#loginbox{margin:200px auto;}
.login h4{font-weight:bold;}
.login dt{font-size:20px;font-weight:bold;color:#0064a3;}
.login dd{margin-top:10px;font-size:13px;}


table > tbody > tr > th{vertical-align:middle !important;}

.th{background:#f5f5f5}

/* 게시판용 */
.board_list{	width:100%;margin-bottom:5px;padding:15px 20px 18px;border:1px solid #e4e4e4;box-sizing:border-box;background:#fff;text-align:left;}
.board_list dt{font-size:1.1em;font-weight:bold; color:#212121;}/*#005FC1*/
.board_list dt > strong{color:#22AD36; font-size:0.9em;}
.board_list dd.list_info{margin-top:8px;font-size:0.9em;font-weight:normal;color:#666;}
.board_list dd.list_info > span{	padding:0 6px 0 3px;border-right:1px solid #e4e4e4;}
.board_list dd.list_info > span:last-child{border-right:none;}
.board_list dd.list_cont{margin-top:8px;font-size:1.1em;	color:#333;	text-align:justify;line-height:140%}


/* 달력 */
.calendar{width:100%;}
.calendar thead th{
	padding:4px !important;
	text-align:center;
	font-weight:bold;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #dbdbdb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}
.calendar tbody td{padding:3px; vertical-align:top !important; }
.calendar tbody td > span{display:block}
.calendar tbody td > span.badge{display:inline-block;background:#ff0000;}
.calendar .sun{color:#ff0000}
.calendar .sat{color:#002aff;}
.calendar .gray{background:#f8f8f8;}
.calendar .panel{margin:8px 0 0;}
.calendar .panel-heading{padding:3px 8px;}
.calendar .panel-body{padding:8px 5px 3px 5px;}
.calendar ul, .calendar ol{padding-left:5px;}
.calendar li{width:auto;}

.oath {margin-top:20px; padding:15px 50px 35px 50px; border-style:double; border-color:#dbdbdb;}
.oath_tit {margin:35px 0 30px 0; font-size:35px; text-align:center;}
/*.oath_txt {height:260px; margin-top:30px; line-height:25px; position:relative;}*/
.oath_txt dt {margin-bottom:20px; font-size:15px; text-indent:10px;}
/*.oath_txt ul {position:absolute; left:480px; top:140px;}*/
.oath_txt li {font-size:15px;}
.oath_txt p {clear:both; text-align:center; font-size:18px; font-weight:bold;}
.oath_txt input {margin-left:40px; vertical-align:middle;}


	/* 페이지 제목
	------------------------------------------------------ */
	#pageTitle { 
		font-family: 'S-CoreDream-4Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		color:#31708f;
		font-size:1.5em;
		padding:11px 0 8px 0;
		/*background-color:#F6F6F6;*/
		border:#31708f 1px solid;
		border-bottom:#31708f 5px solid;
		border-radius:7px;
		/*border-top-right-radius:10px;*/

	}

/* 게시판 - faq
	------------------------------------------------------ */


	#faq-content dl { 
		padding:0;
		margin:0;
	}

	#faq-content > dl { 
		font-size:1.05em;
	}

	#faq-content dl > dd { 
		margin-left:18px;
	}

	#faq-content dl > dd > dl > dt { 
		font-weight:normal;
		float:left;
	}

	#faq-content dl > dd > dl > dd { 
		margin-left:18px;
	}

	#faq-content dl > dd > dl > dd > dl > dt{ 
		font-weight:normal;
		float:left;
	}
	
	#faq-content dl > dd > dl > dd > dl > dd{ 
		margin-left:25px;
	}


	.form-group > input[type="checkbox"] {
		display: none;
	}

	.form-group input[type="checkbox"] + .btn-group > label span {
		width: 20px;
	}

	.form-group input[type="checkbox"] + .btn-group > label span:first-child {
		display: none;
	}
	.form-group input[type="checkbox"] + .btn-group > label span:last-child {
		display: inline-block;   
	}

	.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
		display: inline-block;
	}
	.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
		display: none;   
	}

	#board-tab .nav-pills > li.active > a, #board-tab .nav-pills > li.active > a:hover, #board-tab .nav-pills > li.active > a:focus{
		background-color : #555;
	}

	#board-tab .nav-pills > li > a{  /* 탭 폰트 모양 및 여백 */
		font-size: 1.15em;
		font-weight:bold;
		min-height: 30px;
		vertical-align:middle !important;
		text-align:center !important;
		padding:10px 20px 9px !important;
		margin-top:10px;
		margin-bottom:5px;
		background-color : #EAEAEA;
		border-radius: 0;
	}


	/*** 연간일정 ****/
	.timetable{padding:0 35px 0 50px;box-sizing:border-box; background:#f7f8fa;}
	.timetable > ul > li{overflow:hidden;}
	.timetable>ul>li>div {float:left;}
	.timetable>ul>li:first-child>div {padding-top:49px;}
	.timetable>ul>li:last-child>div {padding-bottom:72px;}
	.timetable .ttable_list {border-left:1px solid #dddfe1; width:calc(100% - 100px); min-height:290px; box-sizing:border-box;}
	.timetable .ttable_list dl {margin-bottom:13px; overflow:hidden;}
	.timetable .ttable_list dt,.timetable .ttable_list dd {	float:left; min-height:100px;}
	.timetable .ttable_list dt {position:absolute; width:100px; height:100px; margin-left:-50px;}
	.timetable .ttable_list dt > div {	display:inline-block; width:100px; height:100px; padding-top:15px; background:#fff; border-radius:50%; text-align:center; box-sizing:border-box; font-size:16px; font-weight:normal;}
	.timetable .ttable_list dt > div.lineType1{border:5px solid #ffc107;}
	.timetable .ttable_list dt > div.lineType2{border:5px solid #86b047;}
	.timetable .ttable_list dt > div > span.month{font-size:23px; font-weight:bold; letter-spacing:-0.054em;}
	.timetable .ttable_list dd {position: relative; float:right; width:calc(100% - 100px); padding:20px 40px; background:#ffffff; border:1px solid #c8c9cb; box-sizing:border-box; word-break:keep-all; line-height:22px;}
	.timetable .ttable_list dd:hover {border-color:#575757;}
	.timetable .ttable_list dd strong {display:block; margin-bottom:20px; font-size:18px; color:#121212; letter-spacing:-0.04em;}
	.timetable .ttable_list dd:before {content: ''; display: inline-block; position: absolute; left: -12px; top: 35px; width: 12px; height: 15px; background: url('/user/images/sub/box_arr.png') no-repeat;}
	.timetable .ttable_list dd:hover:before {background-position: -12px 0;}
	.timetable .ttable_list p{margin:0; letter-spacing:0; color:#777;}
	.timetable .ttable_list dd > ul{margin-bottom:12px; padding:0;}
	.timetable .ttable_list dd > ul > li{margin-left:5px; padding-left:10px; background:url('/user/images/sub/bul_dot3.png') left 10px no-repeat; color:#777; list-style:none;}

	/* 탭 */
	.tabs ul{display:table; table-layout:fixed; width:100%; padding:0; margin-bottom:30px;}
	.tabs ul li{display:table-cell; margin-left:-1px; font-size:16px; text-align:center;}
	.tabs ul li a{position:relative; display:block; padding:8px 5px;; border:1px solid #d9d9d9; transition: all 0.3s;border-radius: 4px;letter-spacing: -1px; vertical-align:middle;}
	.tabs ul li.on a{background:#484459  url('/user/images/sub/bg_sl.png') repeat-x; font-size:16px; font-weight:bold; color:#fff;border-radius: 4px; border:1px solid #484459 ; letter-spacing: -1px;}
	.tabs ul li.on a:after{content:''; display:block; position:absolute; left:50%; bottom:-10px; margin-left:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #484459 ;}
	.mtabs li a{display:table-cell; display:block; min-height:80px; vertical-align:middle !important;}
	@media all and (max-width:768px){
		.tabs ul li a{min-height:88px;}
		.tabs ul li.on a{min-height:88px;}
	}



	/* FAQ */
	.faq {border-top:2px solid #979797; border-bottom:1px solid #e2e2e2; line-height:18px; clear:both;}
	.faq dt {padding:8px; vertical-align:middle; border-bottom:1px solid #e2e2e2; cursor:pointer;}
	.faq dt span {width:50px; text-align:center; color:#ababab; display:block; float:left;}
	.faq dt strong {width:40px; text-align:center; display:block; float:left;}
	.faq dt img {padding:7px; vertical-align:middle;}
	.faq dd {padding:15px;}
	.faq dd strong {width:40px; text-align:center; display:block; float:left;}
	.faq dd span {margin:0 20px; display:block;}
	.faq dt.on {font-weight:bold;}
	.faq dd.on {background-color:#f4f4f4;}

	.faq2 {width:100%; overflow:hidden;}
	.faq2 > dt{position:relative; width:100%; padding:8px 5px; padding-left:50px; box-sizing:border-box; color:#333; border-bottom:1px solid #666; cursor:pointer;}
	.faq2 > dt:first-child{border-top:2px solid #666;}
	.faq2 > dd{position:relative; width:100%; padding:27px 30px 30px 50px; box-sizing:border-box; background:#f7f7f7; border-bottom:1px solid #ccc; line-height:20px;}
	.faq2 .faqQ{position:absolute; left:20px; top:7px; width:16px; height:16px; background:url('/images/sub/faqQ.png') no-repeat;}
	.faq2 .faqA{position:absolute; left:20px; top:30px; width:16px; height:16px; background:url('/images/sub/faqA.png') no-repeat;}
	.faq2 .faqList > dt{margin-top:20px;}
	.faq2 .faqList > dt:first-child{margin-top:0;}
	.faq2 .faqList > dd{margin-left:10px;}
	.faq2 .faqList > dd > ul{margin-left:12px;}
	.faq2 .faqList .bulNo > li{padding-left:5px;}
	.faq2 .faqList .bulBd > li{padding-left:14px; background:url('/images/sub/bul_bar.png') left 9px no-repeat;}
	.faq2 .faqList .bulSt{padding-left:15px; background:url('/images/sub/bul_star.png') 2px 6px no-repeat;}
	.faq2 .tbFaq{width:100%;}
	.faq2 .tbFaq thead th{padding:10px; border:1px solid #ededed; border-bottom:2px solid #333; background:#fff; color:#000; font-weight:bold; text-align:center;}
	.faq2 .tbFaq tbody th{padding:5px 8px; border:1px solid #ededed; background:#fff; color:#666; font-weight:bold; text-align:center; font-size:12px;}
	.faq2 .tbFaq tbody td{padding:5px 8px; border:1px solid #ededed; background:#fff; color:#666; text-align:left; font-size:12px;}
	.faqTab {width:100%; height:50px; margin:0 3px;}
	.faqTab li {margin-right:1px; padding:7px 15px; background-image:url('/images/sub/bg_tab.gif'); background-position:left top; background-repeat:repeat-x; border:1px solid #e9e9e9; border-bottom:1px solid #e7e7e7; text-align:center; color:#666666; float:left; cursor:pointer; line-height:18px !important;}
	.faqTab li.on {color:#5d5d5d; background-image:url('/images/sub/bg_tab_on.gif'); background-position:left top; background-repeat:repeat-x; border:1px solid #cdcdcd; border-bottom:1px solid #ffffff;}
	.faqTab li strong {padding:0px 20px; display:block; font-weight:normal;}
	.faqTab li.on strong {padding:0px 20px; color:#ff7100;}

	@media only all and (max-width:1024px) {

	/* 연간일정 */
		.timetable {
			padding:20px;
		}
		.timetable > ul{padding:0;}

		.timetable .ttable_list {
			width:100%;
			border-left:0;
			min-height: 170px;
		}
		.timetable>ul>li:first-child>div {
			padding-top:0;
		}
		.timetable .ttable_list dt {
			float:none;
			position:static;
			margin: 10px auto;
			padding-right: 10px;
			background-position: left center !important;
			background-color: #f7f8fa !important;
		}
		.timetable .ttable_list dd {
			width: calc(100% - 1px);
			padding:20px;
		}
		.timetable .ttable_list dd:before {
			content: none;
		}
	}


/*------------------------------------- 
  미디어쿼리 
--------------------------------------*/

@media (max-width:480px) {
	.contTitle > .divider{display:block; height:1px; margin:10px auto 12px;color:#787878;}
	.contTitle > h2{margin-bottom: 0;}
	.contTitle > h2:after {display:none;}
	.location {width:100%;}
}

@media (max-width: 767px) { /* 모바일 */

	/*.quick{display:none;}*/
	.quick {margin-bottom:10px;}
	.logo, .btnTopLogout{display:none;}
	.navbar-toggle {background:#e01d33;}
	.navbar-toggle .icon-bar{background:#fff;}
	.navbar-brand{font-size:1.3em;}

	#idGrid { /* 임시 그리드 */
		display: block !important;
	}
	#left-menu { /* 왼쪽 메뉴 */
		display: none !important;
	}

	/* 모바일, 모바일 외 */
	.article-mobile {display:inline !important;}
	.article-not-mobile {display:none !important;}
	.article-mobile-calendar{display:block;}
	.article-not-mobile-calendar{display:none;}
	.flow-mobile{display:block;}
	.flow-pc{display:none;}

	.cont_tit .local{padding-bottom:8px;color:#999;}

	span.check_radio{display:block; margin-bottom:5px;}

	footer > div > div > div > strong{display:block;margin-bottom:10px;}

	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }

	#branchList_tab {
		display:none !important;
	}

	#branchList_select {
		display:block !important;
	}

}

@media (min-width: 768px) and (max-width: 991px) { /* 테블릿 */
    
	.quick {margin-bottom:10px;}

	ul.nav li.dropdown:hover > ul.dropdown-menu{     
		display: block;     
		margin: 0; 
	}

	#idGrid { /* 임시 그리드 */
		display: block !important;
	}
	#left-menu { /* 왼쪽 메뉴 */
		display: none !important;
	}

	/* 모바일, 모바일 외 */
	.article-mobile {display:none !important;}
	.article-not-mobile {display:inline !important;}
	.cont_tit .local{position:absolute; bottom:5px;right:0;padding-left:13px;color:#999;}

	#branchList_tab {
		display:block !important;
	}

	#branchList_select {
		display:none !important;
	}

	/*.panel{font-size:1.2em;}*/

	/*.navbar-brand{display:none;}*/

}

@media (min-width: 768px) and (max-width: 1199px) {	 /* 테블릿 */
	ul.nav li.dropdown:hover > ul.dropdown-menu{     
		display: block;     
		margin: 0; 
	}
		
	.mainInfo{display:none;}
	/*.navbar-brand{display:none;}*/

	/* 모바일, 모바일 외 */
	.article-mobile {display:none !important;}
	.article-not-mobile {display:inline !important;}
	.article-mobile-calendar{display:none;}
	.article-not-mobile-calendar{display:block;}
	.flow-mobile{display:block;}
	.flow-pc{display:none;}

	
	.cont_tit .local{position:absolute; bottom:5px;right:0;padding-left:13px;color:#999;}

	#branchList_tab {
		display:block !important;
	}

	#branchList_select {
		display:none !important;
	}

}

@media (min-width: 1200px) {  /* PC */

	ul.nav li.dropdown:hover > ul.dropdown-menu{     
		display: block;     
		margin: 0; 
	}
	
	.mainInfo{display:none;}
	/*.navbar-brand{display:none;}*/

	#idGrid { /* 임시 그리드 */
		display: none; !important; 
	}

	/* 모바일, 모바일 외 */
	.article-mobile {display:none !important;}
	.article-not-mobile {display:inline !important;}
	.article-mobile-calendar{display:none;}
	.article-not-mobile-calendar{display:block;}
	.flow-mobile{display:none;}
	.flow-pc{display:block;}

	.cont_tit .local{position:absolute; bottom:5px;right:0;padding-left:13px;color:#999;}

	#branchList_tab {
		display:block !important;
	}

	#branchList_select {
		display:none !important;
	}
}




/* 수련등록안내 */
.flow-pc{position:relative; width:900px; height:718px; background:url('/images/sub/img_flowchart.png') no-repeat; background-size:auto;}
.flowchart{position:relative; overflow:hidden; z-index:10;}
.flowchart dd:before{content:''; display:block; position:absolute; left:50%; top:30px; width:3px; height:70%; background:#efefef; z-index:-1;}
.flowchart > dt{margin:20px 0 10px; padding:15px; border-radius:50px; background:#67bdea; border:5px solid #e9f4fa; color:#fff; font-weight:bold; font-size:1.2em;}
.flowchart > dd{margin:10px 25px; padding:15px; border-radius:10px; background:#e9f4fa; text-align:center;}
.flowchart > dd.half{position:relative; float:left; width:50%; margin:0; padding:0; background:none;}
.flowchart > dd.half:before{content:''; display:block; position:absolute; left:50%; top:-30px; width:3px; height:70%; background:#efefef; z-index:-1;}
.flowchart > dd.half > span{display:block; margin:10px 25px; padding:15px; border-radius:10px; background:#e9f4fa; text-align:center;}
span.btn-hp{display:block; text-align:center;}
span.btn-hp > a{display:inline-block; margin-top:5px; padding:3px 15px; box-sizing:border-box; background:#aed2e4; color:#fff; font-weight:bold; font-size:0.9em;}




@media (min-width: 992px) {
	.line{position:relative;}
	.line:before{content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#e0e0e0;}
	.pc-box{min-height:329px; padding:20px; border:1px solid #e0e0e0; background:#fff; box-sizing:border-box;}
}

@media (max-width: 991px) {
	.m-box{margin:10px; padding-top:30px; padding-bottom:30px; border:1px solid #e0e0e0; background:#fff;}
	.pc-box{margin:0 -15px; padding:30px 20px; border:1px solid #e0e0e0; background:#fff; box-sizing:border-box;}
}



/*------------------------------------- 
  footer 
--------------------------------------*/
.footer-corporate > .container{min-height:1px; }
.bg-gray-dark{background:#161616;}
.bg-gray-darker{background:#0a0a0a;}
.footer-corporate.bg-gray-darker{padding:25px 0; color:#fff;}
.footer-corporate{padding:15px 0; font-size:14px; line-height:22px;}
.footer-corporate h1{margin:0;}
.footer-corporate h1 > img{vertical-align:top;}
.book-store > div > h4{margin:0;font-size:20px; font-weight:600; line-height:1.5; letter-spacing:-1px;}
.book-store > div > h4 > span{display:block; font-size:16px;}
.book-store .f-btn{display:block; width:100%; border:1px solid #ccc; border-radius: 3px;background:#fff; font-size:16px;}
.book-wrap{background: url('/user/images/common/bg_book.png');}
.list-nav{position: relative;transform: translate3d(0, -10px, 0);margin-bottom: -10px;margin-left: -15px;margin-right: -15px; padding:0;}
.list-nav > * {position: relative;margin-top: 10px;padding-left: 15px;padding-right: 15px;}
.list-nav > li > span{vertical-align:middle;}
.list-nav > li {display: inline-block;font-weight: 400;text-transform: uppercase;color:#fff; font-size:14px; vertical-align:middle;}
.list-nav > li a {color: inherit;}
.list-nav > li.active, .list-nav > li a.active, .list-nav > li > a:hover {	color: #fff /* #c19b76 */;}
.list-inline > li > .icon{vertical-align:middle;}
.list-inline > li > a {color:#fff;}

.book-store .btn {
    position: relative;
    padding: 9px 16px;
    font-size: 17px;
    line-height: 28px;
    border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-width: 1px;
    transition: .3s;
    backface-visibility: hidden;
    S-CoreDream-4Regular: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700 !important;
}


@media (max-width: 576px) {
	.book-store > div > h4 > span{display:inline-block; margin-left:5px;}
}


/* 회원시스템 메인 */
.bg-gray2{background:#f3f3f4;}
.box-wrap{width:100%; background:#fff; padding:20px; box-sizing:border-box; border:1px solid #dbdbdb; border-top:0; border-radius:0 0  3px 3px; text-align:left;}

@media (min-width:992px){
	.box-wrap{min-height:180px;}
}

/*.box-title:before{content:''; display:block; position:absolute; top:0; left:0; right:0; width:100%; height:3px; border-radius:3px 3px 0 0;  background:#e9a5a3;}*/
.box-title:before{content:''; display:block; position:absolute; top:0; left:0; right:0; width:100%; height:3px; border-radius:3px 3px 0 0;  background:#525252;}
.box-title{position:relative; width:100%; margin:0; padding:20px 20px 12px 20px; box-sizing:border-box; background: #ffffff; border:1px solid #dbdbdb; border-radius:3px 3px 0 0; text-align:left; font-size:20px; font-weight:bold; S-CoreDream-4Regular:"S-CoreDream-4Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:-0.5px; transform:skew(-0.03deg);} /*background:#f6e0df;border:1px solid #f6e0df;*/
.box-title span.more{position:absolute; right:15px; top:50%; margin-top:-12px; display:inline-block; text-align:center; line-height:25px;} 
.box-title span.more > a{display:block; width:25px; height:25px; color:#333; border:1px solid #333;}
.box-title span.more > a:hover{text-decoration:none; color:#e01d33; border:1px solid #e01d33;}
.box-title > .small{padding-left:25px; font-size:14px; vertical-align:top;}
.box-title > i{position:absolute; top:5px; font-size:22px; vertical-align:top;}
.box-title > h4{margin:0;margin-top:-4px;}

.box-title-tab:before{content:''; display:block; position:absolute; top:0; left:0; right:0; width:100%; height:3px; border-radius:3px 3px 0 0;  background:#525252;}
.box-title-tab{position:relative; width:100%; margin:0; padding:20px 20px 12px 20px; box-sizing:border-box; background: #ffffff; border:1px solid #dbdbdb; border-radius:3px 3px 0 0; text-align:left; font-size:20px; font-weight:bold; S-CoreDream-4Regular:"S-CoreDream-4Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:-0.5px; transform:skew(-0.03deg);} /*background:#f6e0df;border:1px solid #f6e0df;*/
.box-title-tab li{line-height:1.1; padding:20px 20px 12px 20px !important; box-sizing:border-box; color:#191919; font-size:20px !important; font-weight:700 !important; S-CoreDream-4Regular:"S-CoreDream-4Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:-0.5px; transform:skew(-0.03deg);} /*background:#f6e0df;border:1px solid #f6e0df;*/
.main-tab .resp-tab-content{padding:0 !important;}
.main-tab .resp-tabs-list li{color:#191919;}
.main-thumnail{display:block; width:100%;}
.main-thumnail > .img-box{width:100%; max-height:240px; overflow:hidden;}
.main-thumnail > .txt-box{padding:5px 10px 0; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; text-align:center;}

@media (min-width:992px){
	.box-left-layout{padding-right:10px !important; padding-left:10px;}
	.box-right-layout{padding-right:10px; padding-left:10px !important;}
	.main-thumnail > .img-box{height:110px;}
	.main-thumnail > .img-box > img{width:100%; height:100%;}

	.main-tab{position:relative;}
	.tab-more{position:absolute; right:30px; top:16px; text-align:center;} 
	.tab-more > a{display:block; width:25px; height:25px; color:#333; border:1px solid #333; font-size:20px; font-weight:700; S-CoreDream-4Regular:"S-CoreDream-4Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:-0.5px; transform:skew(-0.03deg); line-height:25px;}
	.tab-more > a:hover{text-decoration:none; color:#e01d33; border:1px solid #e01d33;}
}

@media (min-width:768px) and (max-width:991px){
	.box-left-layout{margin-bottom:34px;}
}

@media (max-width:991px){
	.tab-more{display:none !important}
	.main-tab .box-wrap:before{content:''; display:block; position:absolute; top:0; left:0; right:0; width:100%; height:3px; border-radius:3px 3px 0 0;  background:#525252;}
	.main-tab .box-wrap{position:relative; width:100%; margin:0; padding:20px 20px 12px 20px; box-sizing:border-box; background: #ffffff; border:1px solid #dbdbdb; border-radius:3px 3px 0 0; text-align:left; font-weight:bold; S-CoreDream-4Regular:"S-CoreDream-4Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:-0.5px; transform:skew(-0.03deg);} /*background:#f6e0df;border:1px solid #f6e0df;*/
	.main-tab .box-wrap .resp-accordion{padding:0 0 15px 0 !important; font-size:20px !important;}
	.main-tab .resp-tab-content{padding:0 0 20px 0 !important;}
	.main-thumnail > .txt-box{padding:10px}
}

.notice ul{margin:0; padding:0; width:100%;}
.notice li{position:relative; padding-left:12px; background:url('/user/images/common/bul_dot01.png') left 10px no-repeat;list-style:none; line-height:22px; text-align:left;}
.notice > ul > li > a > .view{display:inline-block; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; S-CoreDream-4Regular: 'S-CoreDream-4Regular', sans-serif;}
.notice > ul > li > .date{position:absolute; right:0; color:#999;}

.tbl_member{width:100%; border-top:2px solid #000; font-size:13px;}
.tbl_member thead th{padding:8px 12px; border:1px solid #dbdbdb; border-bottom:1px solid #000 !important; background:#f9f9f9; text-align:center; color:#000; font-weight:bold;}
.tbl_member thead th:first-child{border-left:none;}
.tbl_member thead th:last-child{border-right:none;}
.tbl_member tbody td{padding:8px 12px; border:1px solid #dbdbdb; border-top:none; text-align:center;}
.tbl_member tbody td:first-child{border-left:none;}
.tbl_member tbody td:last-child{border-right:none;}
.tbl_member.table > thead > tr > th{border-bottom:1px solid #dbdbdb;}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}




/*------------------------------------- 
  회원시스템 서브페이지 
--------------------------------------*/
/* 학회장인사말 */
.intro{padding:20px; box-sizing:border-box; text-align:justify; word-break:keep-all;}
.intro > p{margin-bottom:20px;}

/* 연혁 및 활동 */
.history{padding:20px; box-sizing:border-box;}
.history > ul {position: relative;padding:10px 0 20px;}
.history > ul::before {content:' ';display: block;position: absolute;left: 0;top:3px;width: 0.1rem; height:100%;background: #d4d4d4;} 
.history > ul::after {content:' ';display: block;position: absolute;left: -0.5rem;top: 0;width: 1rem;height: 1rem;background: #d8d8d8;border-radius:50%;}
.history > ul > li {position: relative;margin-top:15px;padding-left:60px; list-style:none;}
.history > ul > li::before {content:' ';display: block;position: absolute;left: 0;top:13px;width:60px; height:0.1rem;background: #d4d4d4;}
.history > ul > li::after {content:' ';display: block;position: absolute;left: -0.9rem;top:4px;width: 1.8rem;height: 1.8rem;background: #fff;border: 0.5rem solid #6d6d6d;border-radius:50%;}
.history > ul > li > h3 { display:inline-block; position: relative;margin-top:2px; margin-bottom:10px;padding-left:15px;line-height: 1.1;font-size:18px;color: #3a3a3a; font-weight:600 !important;}
.history > ul > li > h3::before {content:' ';display: block;position: absolute;left: -0.4rem;top:8px;width: 0.8rem;height: 0.8rem;background: #fff;border: 0.2rem solid #6d6d6d;border-radius:50%;} 
.history > ul > li > p {margin-left:20px; display:inline-block;margin-bottom:12px;width: 80%;font-size:16px;color: #707070;vertical-align: top;}
@media only screen and (max-width:1199px)  {
	.history::after {content:' '; display:table; clear:both;}
	.history > ul{position: relative;padding-top: 3rem;}
	.history > ul::before {content:' ';display: block;position: absolute;left: 0;top: 0;width: 0.1rem; height:100%;background: #d4d4d4;} 
	.history > ul::after {content:' ';display: block;position: absolute;left: -0.5rem;top: 0;width: 1.1rem;height: 1.1rem;background: #d8d8d8;border-radius:50%;}
	.history > ul > li{position: relative;margin-top: 2rem;padding-left:25px;}
	.history > ul > li:first-child {margin-top: 0;} 
	.history > ul > li::before {display:none;}
	.history > ul > li::after {content:' ';display: block;position: absolute;left: -0.6rem;top: 0.2rem;width: 1.3rem;height: 1.3rem;background: #fff;border: 0.3rem solid #6d6d6d;border-radius:50%;}
	.history > ul > li > h3{position: relative;margin-top:0; margin-bottom: 1rem; margin-right:10px; padding-left:0;line-height: 1.1; font-size:16px;}
	.history > ul > li > h3::before {display:none;} 
	.history > ul > li > p{margin-left:0; display:inline-block;margin-bottom: 1rem;width: 73%;font-size:15px;color: #707070;vertical-align: top;}
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	.history > ul > li > h3{font-weight:400;}
 }
.tb-list01 > li{padding-left:10px; background:url('/user/images/common/bul_dot01.png') left 10px no-repeat;list-style:none; line-height:22px;}
.tb-list01 > li > ul{margin-left:0;}

/* 조직구성 및 업무 */
.tabs2 ul{display:table; table-layout:fixed; width:100%; padding:0; margin-bottom:30px;}
.tabs2 ul li{display:table-cell; margin-left:-1px; font-size:15px; text-align:center;letter-spacing: -1px; word-break:keep-all;}
.tabs2 ul li a{position:relative; display:block; padding:7px; border:1px solid #d9d9d9; transition: all 0.3s; vertical-align:middle;}
.tabs2 ul li.on a{background:#484459  url('/user/images/sub/bg_sl.png') repeat-x; font-weight:500; color:#fff;border:1px solid #484459}
.tabs2 ul li.on a:after{content:''; display:block; position:absolute; left:50%; bottom:-10px; margin-left:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #484459 ;}
@media (max-width:480px){
	.tabs2 ul li{display:inline-block; width:50%;height:50px;}
	.tabs2 ul li.on a:after{border:0;}
}

@media all and (max-width: 1199px){
	.pc-img{display:none !important;}
	.mobile-img{display:block !important;}
}
@media all and (min-width:1200px){
	.pc-img{display:block !important;}
	.mobile-img{display:none !important;}
}

/* 회칙 */
.list_require > dt.chapter{padding:5px; background:#686796; color:#fff; text-align:center; font-weight:600; box-sizing:border-box;}
.list_require > dt{margin-top:20px;}
.list_require > dd > ol{padding-left:25px;}
.list_require > dd > ol > li{list-style-type:decimal;}
.list_require > dd > ol > li > ul > li{position:relative; padding-left:18px;}
.list_require > dd > ol > li > ul > li:before{position:absolute; left:0; top:0; display:block;}
.list_require > dd > ol > li > ul > li > ul > li{position:relative; padding-left:18px;}
.list_require > dd > ol > li > ul > li > ul > li:before{position:absolute; left:0; top:0; display:block;}

.list_require li.n1:before{content:'⑴';}
.list_require li.n2:before{content:'⑵';}
.list_require li.n3:before{content:'⑶';}
.list_require li.n4:before{content:'⑷';}
.list_require li.n5:before{content:'⑸';}
.list_require li.n6:before{content:'⑹';}
.list_require li.n7:before{content:'⑺';}
.list_require li.n8:before{content:'⑻';}
.list_require li.n9:before{content:'⑼';}
.list_require li.n10:before{content:'⑽';}
.list_require li.n11:before{content:'⑾';}
.list_require li.n12:before{content:'⑿';}
.list_require li.n13:before{content:'⒀';}
.list_require li.c1:before{content:'① ';}
.list_require li.c2:before{content:'② ';}
.list_require li.c3:before{content:'③ ';}
.list_require li.c4:before{content:'④ ';}
.list_require li.c5:before{content:'⑤ ';}
.list_require li.c6:before{content:'⑥ ';}
.list_require li.c7:before{content:'⑦ ';}
.list_require li.c8:before{content:'⑧ ';}
.list_require li.c9:before{content:'⑨ ';}
.list_require li.t1:before{content:'가. ';}
.list_require li.t2:before{content:'나. ';}
.list_require li.t3:before{content:'다. ';}
.list_require li.t4:before{content:'라. ';}
.list_require li.t5:before{content:'마. ';}
.list_require li.t6:before{content:'바. ';}
.list_require li.t7:before{content:'사. ';}
.list_require li.t8:before{content:'아. ';}
.list_require li.t9:before{content:'자. ';}
.list_require li.t10:before{content:'차. ';}

.faq3 {width:100%; overflow:hidden;}
.faq3 > dt{position:relative; width:100%; padding:8px 5px 8px 30px; background:url('/member/images/bul_arrow2.gif') 18px 15px no-repeat; box-sizing:border-box; color:#333; border-bottom:1px solid #666; font-weight:500; cursor:pointer;}
.faq3 > dt:first-child{border-top:2px solid #666;}
.faq3 > dd{width:100%; padding:27px 30px 30px; box-sizing:border-box; background:#f7f7f7; border-bottom:1px solid #ccc; line-height:20px;}
.faq3 > dd > ul > li{position:relative; margin-bottom:10px; padding-left:25px;}
.faq3 > dd > ul > li > .faqQ{position:absolute; left:0; top:3px; width:16px; height:16px; background:url('/images/sub/faqQ.png') no-repeat;}
.faq3 > dd > ul > li > .faqA{position:absolute; left:0; top:3px; width:16px; height:16px; background:url('/images/sub/faqA.png') no-repeat;}


/* 상담심리사자격증 */
.list-box {margin-bottom:40px;padding:0;list-style:none;font-size:.875em;}
.list-box > li {margin:1% 0;background:#fafafa;border:1px solid #dbdbdb;}
.list-box > li .even-grid {margin:1.2% 0;display:table;width:100%;}
.list-box > li .even-grid > dl{margin:8px 25px; box-sizing:border-box;}
.list-box > li .even-grid > dl > dt{margin-bottom:15px;}
.list-box > li .even-grid > dl > dd{position:relative; padding-left:18px;}
.list-box > li .even-grid > dl > dd:before{position:absolute; left:0; top:0; display:block;}
.list-box > li .even-grid > dl > dd.c1:before{content:'① ';}
.list-box > li .even-grid > dl > dd.c2:before{content:'② ';}
.list-box > li .even-grid > dl > dd.c3:before{content:'③ ';}
.list-box > li .even-grid > dl > dd.c4:before{content:'④ ';}
.list-box > li .even-grid > dl > dd.c5:before{content:'⑤ ';}
.list-box > li .even-grid > dl > dd > ol > li{margin-bottom:8px; list-style-type:decimal !important;}
.list-box > li .even-grid > dl > dd > ol > li > .table{margin:10px 0; background:#fff;}
.list-box > li .even-grid > dl > dd > ol > li > ul > li{position:relative; padding-left:18px;}
.list-box > li .even-grid > dl > dd > ol > li > ul > li:before{position:absolute; left:0; top:0; display:block;}
.list-box > li .even-grid > dl > dd > ol > li > ul > li.n1:before{content:'⑴ ';}
.list-box > li .even-grid > dl > dd > ol > li > ul > li.n2:before{content:'⑵ ';}
.list-box > li .even-grid > dl > dd > ol > li > ul > li.n3:before{content:'⑶ ';}
.list-box > li .even-grid > dl > dd > ol > li > ul > li.n4:before{content:'⑷ ';}
.list-box > li .even-grid > dl > dd > ol > li > ul > li.n5:before{content:'⑸ ';}
.list-box > li .even-grid > dl > dd > ol > li > ul > li.n6:before{content:'⑹ ';}
.list-box > li .even-grid > dl > dd > ol > li > ul > li.c1:before{content:'① ';}
.list-box > li .even-grid > dl > dd > ol > li > ul > li.c2:before{content:'② ';}
.list-box > li .even-grid > dl > dd > ol > li > ul > li.c3:before{content:'③ ';}
.list-box > li .even-grid > dl > dd > ol > li > ul > li.m1:before{content:'1) ';}
.list-box > li .even-grid > dl > dd > ol > li > ul > li.m2:before{content:'2) ';}
.list-box > li .even-grid > dl > dd > ol > li > ul > li.m3:before{content:'3) ';}
.list-box > li .even-grid .column {position:relative;display:table-cell;vertical-align:middle;padding:.5% 3%}
.list-box > li .even-grid .column.width-3 {width:30%;text-align:center;color:#000;border-right:1px solid #dbdbdb}
.list-box > li .even-grid .column.width-7 {width:70%}
.list-box > li .even-grid ul.bul > li {padding-left:12px; background:url('/member/images/bul_dot2.png') no-repeat; background-position:2px .7em;}
.list-box2 {margin-bottom:40px;padding:0;border:1px solid #dbdbdb;font-size:.875em;}

@media all and (min-width:500px){
	.list-box > li .even-grid .column.width-3 {width:20%;padding-left:1%;padding-right:1%}
	.list-box > li .even-grid .column.width-7 {width:80%}
}
@media all and (min-width:768px){
	.list-box, .list-box2 {font-size:1em;}
	.list-box > li .even-grid .column.width-3 {width:16.66667%;padding-left:2%;padding-right:2%}
	.list-box > li .even-grid .column.width-7 {width:83.33333%}
}
@media (max-width:767px){
	.list-box > li .even-grid > dl{margin:8px 15px;}
}

/* 상담심리사 1급 자격 취득절차 */
.process{margin:40px 0;}
.process > h4{margin-top:40px; margin-bottom:0; padding-bottom:10px;border-bottom:1px solid #ccc;text-align:center;font-size:17px;}
.process > div{margin-bottom:40px; border-bottom:1px solid #ccc; text-align:center;}
.process > div > ul > li{padding:10px 20px;}
.tb-panel{width:100%;}
.tb-panel th{text-align:center !important;}
.tb-panel td{padding-bottom:15px !important;word-break:keep-all;}
.tb-panel td > ul{margin-bottom:0 !important;}
.tb-panel .s_box01{width:100%; padding:15px 20px; font-size:13px; box-sizing:border-box; word-break:keep-all;}
.tb-panel .s_box01 > ul{margin-bottom:0;}

@media (max-width:767px){
	.process > h4, .process > div{border:0;}
	.process > h4 > small{display:block; margin-top:8px;}
	.process > div > ul > li{display:table-cell; width:50%; margin:0 -1px -1px 0; padding:0; border:1px solid #ccc; word-break:keep-all;}
	.process > div > ul > li > a{padding:10px; letter-spacing:-1px;}
	.process > div > ul > li.active{border:0; border:1px solid transparent;}
	.process > div > ul > li > a > br{display:none;}
}
@media (max-width:485px){
	.process > div > ul > li{width:100%; margin:0 0 -1px 0; padding:5px; border:1px solid #ccc;}
}


/* 기업상담메뉴얼 */
#manual-wrap{position:relative; width:100%;}
#manual-wrap .quick-menu > ul{margin:0; padding:5px 5px 10px;}
#manual-wrap .quick-menu > ul > li{padding:10px 5px 5px; border-bottom:1px dashed #ccc; font-size:13px; letter-spacing:-2px;}
#manual-wrap .quick-menu > ul > li.noline{border-bottom:0;}
#manual-wrap .quick-menu > ul > li:first-child{background:#d7d7e3; text-align:center;letter-spacing:0;}
#manual-wrap .quick-menu > ul > li:last-child{background:#d7d7e3; text-align:center;letter-spacing:0;}
#example{max-width:100%;}
.manual-intro > dl{margin-top:20px; padding:20px; box-sizing:border-box; border:2px dashed #ccc; border-radius:5px; overflow:hidden;}
.manual-intro > dl > dt{margin-bottom:10px;}
.manual-intro > dl > dd{float:left; width:50%; padding-left:10px; background:url(/member/images/bul_bar1.png) left 10px no-repeat;}
.list-num > dt{position:relative;margin:40px 0 20px; padding:5px 25px; box-sizing:border-box; background:#686796; color:#fff;font-size:18px; font-weight:700; letter-spacing:-1px;}
.list-num > dt:after{content:''; position:absolute; left:0; top:0; width:15px; height:35px; background:#b3b3ca;}
.list-num > dd{margin-bottom:10px;}
.list-num ol{padding-left:15px;}
.list-num ul{padding:0;}
.list-num ol > li{margin-top:10px; list-style-type:decimal;}
.list-num ol > li > ul{padding:0;}
.list-num ol > li > ul.list-padding > li{margin-bottom:0; padding-left:18px;}
.list-num ol > li > ul > li{position:relative; margin-bottom:10px;}
.list-num ol > li > ul > li:before{position:absolute; left:0; top:0; display:block;}
.list-num ol > li > ul > li > ul > li{position:relative; padding-left:18px;}
.list-num ol > li > ul > li > ul > li:before{position:absolute; left:0; top:0; display:block;}
.list-num li.n1:before{content:'⑴';}
.list-num li.n2:before{content:'⑵';}
.list-num li.n3:before{content:'⑶';}
.list-num li.n4:before{content:'⑷';}
.list-num li.n5:before{content:'⑸';}
.list-num li.n6:before{content:'⑹';}
.list-num li.n7:before{content:'⑺';}
.list-num li.n8:before{content:'⑻';}
.list-num li.n9:before{content:'⑼';}
.list-num li.n10:before{content:'⑽';}
.list-num li.n11:before{content:'⑾';}
.list-num li.n12:before{content:'⑿';}
.list-num li.c1:before{content:'① ';}
.list-num li.c2:before{content:'② ';}
.list-num li.c3:before{content:'③ ';}
.list-num li.c4:before{content:'④ ';}
.list-num li.c5:before{content:'⑤ ';}
.list-num li.c6:before{content:'⑥ ';}
.list-num li.c7:before{content:'⑦ ';}
.list-num li.c8:before{content:'⑧ ';}
.list-num li.c9:before{content:'⑨ ';}
.list-num .list-dot{padding-left:5px;}
.list-num .list-dot > li{margin-bottom:0; padding-left:10px; background:url(/member/images/bul_dot2.png) left 10px no-repeat;}
.manual-step > dl{width:100%; display:table; position:relative; margin:40px 0;}
.manual-step > dl:after{content:''; display:block; position:absolute; left:50%; bottom:-30px; width:20px; height:20px; margin-left:-10px; background:url(/member/images/bul_arrow_down.png) no-repeat;}
.manual-step > dl:last-child:after{display:none;}
.manual-step dt, .manual-step dd{display:table-cell;}
.manual-step dt{width:20%; padding:30px; box-sizing:border-box; background:#cacae3; text-align:center;vertical-align:middle;}
.manual-step dd{width:80%;padding:10px 20px; box-sizing:border-box; border:2px solid #cacae3;}
.manual-step dd > ul{margin:0;}
.btn-go{display:inline-block;}
.btn-go > a{display:block; padding:0 5px; border:1px solid #9b9bb6; border-radius:3px; background:#acacc5; color:#fff; font-size:11px; font-family:'S-CoreDream-4Regular'; letter-spacing:-1px;}
span.btn-go2{display:inline-block; padding:0 5px; border:1px solid #9b9bb6; border-radius:3px; background:#acacc5; color:#fff; font-size:11px; font-family:'S-CoreDream-4Regular'; letter-spacing:-1px; cursor:pointer;}
.ex1-box, .ex2-box, .ex3-box{width:100%; margin-top:10px; padding:20px; box-sizing:border-box; border:3px solid #eee;}
.manual-box{overflow:hidden;}
.manual-box > h5{min-height:20px; margin:18px 0 10px; padding-left:23px; background:url(/member/images/bul_circle2.png) left top no-repeat; font-size:16px; font-weight:700; color:#5a5a5a;}
.manual-box div.b01{float:left; width:25%; min-height:132px; padding:20px; border:1px solid #ccc; border-right:none; word-break:keep-all;}
.manual-box div.b01:last-child{border-right:1px solid #ccc;}
.manual-box div.b01 dl{margin-bottom:0;}
.manual-box div.b01 dt{margin-bottom:10px;}
.manual-box div.b01 dd{padding-left:10px; background:url(/member/images/bul_arrow2.gif) left 8px no-repeat;}
.manual-box div.b02{float:left; width:50%; overflow:hidden;}
.manual-box div.b02 > p{margin:0 10px; border:1px solid #ccc}
.manual-box div.b02 > p > img{margin:0 auto;}
.tb-manual tbody td > img{margin:10px auto;}


@media (min-width:768px){
	#manual-wrap .quick-menu{position:fixed; bottom:50px; right:20px; width:160px; background:#fff; border:3px solid #d7d7e3; z-index:100;}
}
@media (max-width:767px){
	#manual-wrap .quick-menu{margin-bottom:30px; border:3px solid #d7d7e3;}
	#manual-wrap .quick-menu > ul > li:last-child{display:none;}
	.manual-step > dl{display:block; width:100%; margin:20px 0 40px;}
	.manual-step dt, .manual-step dd{display:block; width:100%; padding:5px 10px;}
	.manual-intro > dl > dd{float:none; width:100%;}
	.manual-box div.b01{width:50%;}
	.manual-box div.b01:nth-of-type(1){border-bottom:0;}
	.manual-box div.b01:nth-of-type(2){border-right:1px solid #ccc; border-bottom:0;}
}
@media (max-width:375px){
	.manual-box div.b01{min-height:192px;}
}



/* 역대회장 */
.president-wrap{margin-top:30px; padding:20px 0; box-sizing:border-box; border-top:2px solid #555;}
.president-wrap > .pres-pic{display:table-cell; width:20%; vertical-align:top; }
.president-wrap > .pres-cont{display:table-cell; width:80%; padding-left:20px; box-sizing:border-box; vertical-align:top; }
.pres-cont > h4{margin:0 0 20px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; box-sizing:border-box; font-size:18px; font-weight:500; color:#000;}
.pres-cont > h4 > strong.name{margin-left:8px; font-size:22px; font-weight:600; letter-spacing:5px;}
.pres-cont > h4 > small.school{font-size:13px; color:#000;}
.pres-cont > h4 > span.period{display:block; margin:8px 0 3px; font-size:14px; font-weight:500; color:#c11a00;}
.pres-cont > ul{padding:0; list-style:none;}
.pres-cont > ul > li{padding-left:8px; background:url(/user/images/common/bul_dot02.png) left 10px no-repeat;}
.tb_president{width:100%; margin-top:30px; border-top:2px solid #000;}
.tb_president thead th{padding:8px 12px; border:1px solid #dbdbdb; border-bottom:1px solid #000; background:#eee; text-align:center; color:#000;}
.tb_president thead th:first-child{border-left:none;}
.tb_president thead th:last-child{border-right:none;}
.tb_president tbody td{padding:8px 12px; border:1px solid #dbdbdb; text-align:center;}
.tb_president tbody td:first-child{border-left:none;}
.tb_president tbody td:last-child{border-right:none;}
.tb_president tbody tr:nth-of-type(odd) {
	background-color: #f7f7f7;
}
.responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .responsive-tabs-dashed .resp-tabs-list > li:hover{color:#ad0d3c}

@media all and (max-width:991px){
	.president-wrap, .tb_president{margin-top:0;}
}
@media all and (max-width:767px){
	.president-wrap{padding:10px;}
	.pres-cont > h4{padding:5px 10px; font-size:16px;}
	.pres-cont > h4 > strong.name{margin-left:0; font-size:18px; letter-spacing:0;}
	.pres-cont > h4 > small.school{font-size:13px;}
	.pres-cont > ul > li{font-size:15px;}
}


/*------------------------------------- 
  약관동의 및 실명인증
--------------------------------------*/
.agree-list{font-size:15px;}
.agree-list > dt{margin-top:20px; font-weight:500;}
.agree-list > dt:first-child{margin-top:0;}
.agree-list > dd > ol > li{position:relative; padding-left:18px; list-style:none;  word-break:keep-all;}
.agree-list > dd > ol > li:before{position:absolute; left:0; top:0; display:block;}
.agree-list > dd > ol > li > ul > li{position:relative; padding-left:18px; list-style:none;  word-break:keep-all;}
.agree-list > dd > ol > li > ul > li:before{position:absolute; left:0; top:0; display:block;}


#agree-content > h3 {margin:20px 0 10px; font-size:18px; color:#9a0833; letter-spacing:-0.5px;}
#agree-content .agree-txt{ 
	width:100%;
	height:200px;
	overflow:auto;
	padding:15px;
	border:#ddd 1px solid;
	border-top-left-radius:5px;
	border-top-right-radius:5px;	
}
#agree-content .agree-name{ 
	width:100%;
	padding:5px 15px 10px 15px;
	border:#ddd 1px solid;
	background-color: #f5f5f5;
	text-align:center;
	border-radius:5px;
	border-radius:5px;
}
#agree-content .agree-name .navbar-form { 
	border:none;
	box-shadow: none;
}
#agree-content .agree-name .navbar-form { 
	padding:0;
	margin:0;
}
#agree-content .check { 
	height:35px;
	width:100%;
	border:#ddd 1px solid;
	background-color:#F6F6F6;
	text-align:right;
	padding-right:20px;	
}
#agree-content .check label { 
	line-height:32px;
}
#agree-content .agree-name .input-group-addon{ 
	min-width:80px;
}

/* 사례연구위원회 탭 */
.committee {width:100%; overflow:hidden;}
.committee > dt{position:relative; width:100%; padding:10px; box-sizing:border-box; color:#333; border-bottom:1px solid #ccc; cursor:pointer;}
.committee > dt:first-child{border-top:2px solid #333;}
.committee > dt:before {content:''; padding-left:15px; background:url('/images/sub/bul_dot.png') left 6px no-repeat;}
.committee > dd{position:relative; width:100%; padding:20px; box-sizing:border-box; background:#f9f9f9; border-bottom:1px solid #ccc; line-height:20px;}
.committee .cmtCont > dl > dt{margin-top:20px;}
.committee .cmtCont > dl > dt:first-child{margin-top:0;}
.committee .cmtCont > dl > dd{margin-left:12px;}
.committee .cmtCont > dl > dd > ul{margin-left:14px;}
.committee .cmtCont > ul > li {padding-left:20px; text-indent:-17px;}
.committee .cmtCont > ul > li > ul {padding-left:15px;}
.committee .cmtCont .indent {padding-left:15px; text-indent:-17px;}
.committee .cmtCont .ul_indent {padding-left:19px; text-indent:-21px;}
.committee .cmtCont .bul_bar {padding-left:12px; background:url('/images/sub/bul_bar3.png') left center no-repeat;}
.committee .cmtCont .bulSt {padding-left:15px; background:url('/images/sub/bul_star.png') 2px 6px no-repeat;}
.committee .cmtCont .cmtBtn {display:inline-block; margin-left:5px; font-size:11px;}
.committee .cmtCont .cmtBtn > a {display:block; padding:0 10px; border:1px solid #333; color:#333; border-radius:3px; box-sizing:border-box;}
.committee .cmtCont .cmtBtn > a:hover {background:#4799ca; color:#fff; border:1px solid #4799ca;}
.committee .cmtCont .cmtBtn > a > span.down {display:inline-block; width:15px; height:18px; padding-left:2px; background:url('/images/sub/down_icon.png') left 5px no-repeat;}
.committee .cmtCont .cmtBtn > a:hover > span.down {background:url('/images/sub/down_ov_icon.png') left 5px no-repeat;}
.committee .tb_cmt{width:100%; margin:10px 0;}
.committee .tb_cmt thead th{padding:10px; border:1px solid #dbdbdb; border-bottom:1px solid #333; background:#fff; color:#000;  font-weight:bold;  text-align:center;}
.committee .tb_cmt tbody th{padding:5px 8px; border:1px solid #dbdbdb; background:#fff; color:#666; font-weight:normal; text-align:center; font-size:12px;}
.committee .tb_cmt tbody td{padding:5px 8px; border:1px solid #dbdbdb; background:#fff; color:#666; font-weight:normal; text-align:left; font-size:12px;}
.committee .cmtBox {width:100%; margin-top:10px; margin-bottom:10px; padding:15px; border:3px solid #dbdbdb; box-sizing:border-box;}
.committee .cmtBox > dl > dd > ul > li {padding-left:18px; text-indent:-18px;}
.committee .cmtBox > li {padding-left:5px; text-indent:-15px;}

/* 심리학 신간도서 */
.tb-thumb{width:100%; min-width:320px; border-top:2px solid #151515;}
.tb-thumb thead th{padding:13px 1%; border-bottom:1px solid #aaa; background:#fafafb; font-weight:700; line-height: 1.5; color:#444; text-align:center;}
.tb-thumb tbody th{padding:10px; border-bottom:1px solid #d9d9d9; font-weight:500; color:#444; text-align:center; vertical-align:middle}
.tb-thumb tbody td{position:relative; padding:10px; border-bottom:1px solid #d9d9d9; color:#444; text-align:left; word-wrap:break-word; word-break:keep-all;}
.tb-thumb tbody td a:hover, .tb-thumb tbody tr:hover{background:#fafafb;}
.thumb-list > a{display:block; width:100%;}
.thumb-list > a:after{content:''; display:block; clear:both;}
.thumb-list > a > div{float:left}
.thumb-list > a > .thumbs{width:18%; padding:10px;min-height:228px;}
.thumb-list > a > .thumbs > img{max-width:100%;}
.thumb-list > a > .cont{width:82%; padding:10px;}
.thumb-list > a > .cont > dl{width:100%}
.thumb-list > a > .cont > dl > dt{margin-bottom:6px; font-size:18px; line-height:1.2;}
.thumb-list > a > .cont > dl > dd{color:#999;}
.thumb-list > a > .cont > dl > dd.w{margin-bottom:18px;}
.thumb-list > a > .cont > dl > dd.s{max-height: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.thumb-list > a > .cont > .keyword{position:absolute; left:20%; bottom:20px;}
.thumb-list > a > .cont > .keyword > span:before{content: ""; position: absolute; left:93.6%; top:50%; transform:translateY(-50%); width: 0; height: 0; border-top:10px solid transparent; border-left:12px solid #7b7b7b; border-bottom:10px solid transparent;}
.thumb-list > a > .cont > .keyword > span{position: relative; display:inline-block; margin-right:12px; padding:0 10px 3px; background: #7b7b7b; border-radius:0 50px 50px 0; color:#fff; font-size:14px; font-variant:small-caps;}

.thumb-view{width:100%; padding:10px; background:url('/user/images/sub/bul_line2.png');}
.thumbs-box{position:relative; width:100%; padding:30px 40px 10px; background:#fff;}
.thumbs-box:after{content:''; display:block; clear:both;}
.thumbs-box > div{float:left;}
.thumbs-box > .img{width:30%; text-align:center;min-height:433px;}
.thumbs-box > .img > img{max-width:100%;}
.thumbs-box > .img > a{display:inline-block; padding:8px 5px; font-size:14px;}
.thumbs-box > .img > a > i{vertical-align:middle}
.thumbs-box > .cont{width:70%; padding-left:30px;}
.thumbs-box > .cont > h4{padding:10px 10px 40px; color:#0952c0; font-weight:700; font-size:25px; }
.thumbs-box > .cont > h4 > span{display:block; font-size:17px; font-weight:500; color:#666}
.thumbs-box > .cont > table{width:100%;}
.thumbs-box > .cont > table > tbody th{padding:10px 10px 3px; border-bottom:1px solid #eaeaea;}
.thumbs-box > .cont > table > tbody td{padding:10px 10px 3px; border-bottom:1px solid #eaeaea;}
.thumbs-box > .cont > .keyword{position:absolute; left:35%; bottom:50px;}
.thumbs-box > .cont > .keyword > span:before{content: ""; position: absolute; left:93.6%; top:50%; transform:translateY(-50%); width: 0; height: 0; border-top:10px solid transparent; border-left:12px solid #7b7b7b; border-bottom:10px solid transparent;}
.thumbs-box > .cont > .keyword > span{position: relative; display:inline-block; margin-right:12px; padding:0 10px 3px; background: #7b7b7b; border-radius:0 50px 50px 0; color:#fff; font-size:14px; font-variant:small-caps;}

.responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li.resp-tab-active{color:#0952c0}



@media all and (max-width:991px){
	.thumb-list > a > .thumbs{width:25%}
	.thumb-list > a > .cont{width:75%;}
	.thumb-list > a > .cont > .keyword{left:24%;}
	.thumb-list > a > .cont > dl > dt{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
	.thumb-list > a > .cont > dl > dd{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}

	.thumbs-box > .cont > h4{padding:10px 10px 20px; color:#0952c0; font-weight:700; font-size:25px; }
	.thumbs-box > .cont > .keyword{left:37%;}
}
@media all and (max-width:767px){
	.thumb-list > a > .thumbs{width:40%}
	.thumb-list > a > .cont{width:60%;}
	.thumb-list > a > .cont > .keyword{left:42%;}
	.thumb-list > a > .cont > dl > dd{line-height:1.2;}
	.thumb-list > a > .cont > dl > dd.s{display:none}
	
	.thumb-view{width:100%; padding:8px; }
	.thumbs-box{padding:15px 15px 30px;}
	.thumbs-box > .img{width:100%;}
	.thumbs-box > .cont{width:100%; margin-top:30px; padding-left:0;}
	.thumbs-box > .cont > table > tbody th{width:30%}
	.thumbs-box > .cont > table > tbody td{width:70%}
	.thumbs-box > .cont > .keyword{position:static; margin-top:30px}
}


/** 3.14 Responsive Tabs */
.responsive-tabs .resp-accordion {
	position: relative;
	padding: 15px 20px 15px 2px;
	overflow: hidden;
	font-size: 16px;
	font-weight: 700;
	color: #9b9b9b;
	text-align: left;
	text-overflow: ellipsis;
	text-transform: uppercase;
	transition: color .2s ease-in;
}

.responsive-tabs .resp-accordion:hover {
	cursor: pointer;
	color: #434345;
}

.responsive-tabs .resp-accordion .resp-arrow {
	position: absolute;
	top: 11px;
	right: 0;
	bottom: 0;
	width: 20px;
	font-family: "Material Design Icons";
	font-size: 21px;
	font-weight: 400;
	text-align: center;
	transition: .2s;
}

.responsive-tabs .resp-accordion .resp-arrow:before {
	content: "";
}

.responsive-tabs .resp-accordion.resp-tab-active {
	color: #434345;
}

.responsive-tabs .resp-accordion.resp-tab-active .resp-arrow:before {
	content: "";
}

.responsive-tabs .resp-tab-content {
	padding: 2px 5px 17px 2px;
}

.responsive-tabs .resp-tabs-list {
	display: none;
	padding: 0;
	margin-bottom: 0;
}

.responsive-tabs .resp-tabs-list li {
	position: relative;
	display: inline-block;
	padding: 0 0 13px;
	font-size: 16px;
	font-weight: 700;
	color: #9b9b9b;
	text-transform: uppercase;
	list-style-type: none;
	cursor: pointer;
	transition: color .2s ease-in;
}

.responsive-tabs .resp-tabs-list li.resp-tab-active, .responsive-tabs .resp-tabs-list li:hover {
	color: #434345;
}

.responsive-tabs .resp-tab-content {
	display: none;
}

@media (min-width: 992px) {
	.responsive-tabs[data-type="horizontal"], .responsive-tabs[data-type="vertical"] {
		border-bottom: none;
	}
	.responsive-tabs[data-type="horizontal"] .resp-tab-content + .resp-accordion, .responsive-tabs[data-type="vertical"] .resp-tab-content + .resp-accordion {
		border-top: none;
	}
	.responsive-tabs[data-type="horizontal"] .resp-accordion, .responsive-tabs[data-type="vertical"] .resp-accordion {
		display: none;
	}
	.responsive-tabs[data-type="horizontal"] .resp-tabs-list, .responsive-tabs[data-type="vertical"] .resp-tabs-list {
		display: block;
	}
}

@media (min-width: 1280px) {
	.responsive-tabs[data-type="vertical"] {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex: 0 1 auto;
		-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.responsive-tabs[data-type="vertical"] .resp-tabs-list {
		text-align: left;
		-webkit-flex-basis: 25%;
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
	.responsive-tabs[data-type="vertical"] .resp-tabs-list li {
		display: block;
	}
	.responsive-tabs[data-type="vertical"] .resp-tabs-list li + li {
		margin-left: 0;
	}
	.responsive-tabs[data-type="vertical"] .resp-tabs-container {
		-webkit-flex-basis: 75%;
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}
}

.responsive-tabs-classic {
	border-bottom: 1px solid #d9d9d9;
}

.responsive-tabs-classic .resp-tab-content + .resp-accordion {
	border-top: 1px solid #d9d9d9;
}

@media (min-width: 992px) {
	.responsive-tabs-classic[data-type="vertical"], .responsive-tabs-classic[data-type="horizontal"] {
		border-bottom: none;
	}
	.responsive-tabs-classic[data-type="vertical"] .resp-tab-content + .resp-accordion, .responsive-tabs-classic[data-type="horizontal"] .resp-tab-content + .resp-accordion {
		border-top: none;
	}
	.responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li:before, .responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li:before {
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 0;
		height: 1px;
		background-color: #434345;
		content: '';
		transform: translateX(-50%);
	}
	.responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li.resp-tab-active:before, .responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li.resp-tab-active:before {
		width: 100%;
	}
	.responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li + li, .responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li + li {
		margin-left: 10px;
	}
	.responsive-tabs-classic[data-type="vertical"] .resp-tab-content, .responsive-tabs-classic[data-type="horizontal"] .resp-tab-content {
		padding-top: 32px;
	}
}

@media (min-width: 1280px) {
	.responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li + li {
		margin-left: 33px;
	}
	.responsive-tabs-classic[data-type="vertical"] .resp-tabs-list {
		border-left: 1px solid #d9d9d9;
	}
	.responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li {
		padding: 0 0 0 30px;
	}
	.responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li:before {
		position: absolute;
		top: 50%;
		left: 0;
		height: 0;
		content: '';
		transform: translateY(-50%);
	}
	.responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li.resp-tab-active:before {
		height: 100%;
		width: 1px;
	}
	.responsive-tabs-classic[data-type="vertical"] .resp-tabs-list li + li {
		margin-left: 0;
		margin-top: 25px;
	}
	.responsive-tabs-classic[data-type="vertical"] .resp-tab-content {
		padding-top: 0;
	}
}

.responsive-tabs-boxed .resp-accordion {
	border-radius: 3px;
	border: 1px solid #d9d9d9;
	padding-left: 20px;
	padding-right: 40px;
}

.responsive-tabs-boxed .resp-accordion .resp-arrow {
	right: 20px;
}

.responsive-tabs-boxed .resp-tab-content {
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.responsive-tabs-boxed .resp-tab-content + .resp-accordion {
	margin-top: 5px;
}

.responsive-tabs-boxed .resp-tab-active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 1px solid transparent;
}

@media (min-width: 992px) {
	.responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list {
		font-size: 0;
		border-bottom: 1px solid #d9d9d9;
	}
	.responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li {
		position: relative;
		padding: 13px 20px;
		margin-bottom: -1px;
		font-size: 14px;
		font-weight:700;
		letter-spacing: -0.06em;
		color: #434345;
		text-transform: uppercase;
		background: #f2f2f2;
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid transparent;
		border-left: 1px solid #d9d9d9;
	}
	.responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li:last-child, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li:last-child {
		border-right: 1px solid #d9d9d9;
	}
	.responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li:after, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li:after {
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		border-bottom: 1px solid #d9d9d9;
		content: '';
	}
	.responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li.resp-tab-active, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li.resp-tab-active {
		border-bottom-color: #fff;
	}
	.responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li.resp-tab-active, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li.resp-tab-active {
		background: #fff;
	}
	.responsive-tabs-boxed[data-type="horizontal"] .resp-tabs-list li.resp-tab-active:after, .responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li.resp-tab-active:after {
		width: 0;
	}
	.responsive-tabs-boxed[data-type="horizontal"] .resp-tab-content + .resp-accordion, .responsive-tabs-boxed[data-type="vertical"] .resp-tab-content + .resp-accordion {
		margin-top: 0;
	}
	.responsive-tabs-boxed[data-type="horizontal"] .resp-tab-content, .responsive-tabs-boxed[data-type="vertical"] .resp-tab-content {
		border-bottom: none;
		border-right: none;
	}
	.responsive-tabs-boxed[data-type="horizontal"] .resp-tab-content, .responsive-tabs-boxed[data-type="vertical"] .resp-tab-content {
		padding: 44px 61px 40px 61px;
	}
}

@media (min-width: 992px) and (min-width: 1200px) {
	.responsive-tabs-boxed[data-type="vertical"] {
		border-top: 1px solid #d9d9d9;
	}
	.responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list {
		margin: 0 0 0 -1px;
		border-top: none;
		border-bottom: none;
		border-right: 1px solid #d9d9d9;
	}
	.responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li {
		border-top: 1px solid #d9d9d9;
		border-right: none;
	}
	.responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li:first-child {
		border-top: none;
	}
	.responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li:last-child {
		border-bottom: 1px solid #d9d9d9;
		border-right: none;
	}
	.responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li:after {
		position: absolute;
		top: 0;
		bottom: auto;
		left: auto;
		right: -1px;
		width: 1px;
		border-right: 1px solid #fff;
		content: '';
	}
	.responsive-tabs-boxed[data-type="vertical"] .resp-tabs-list li.resp-tab-active:after {
		height: 102%;
	}
	.responsive-tabs-boxed[data-type="vertical"] .resp-tab-content {
		padding: 43px 43px 43px 60px;
		border-left: none;
	}
}

.responsive-tabs-dashed .resp-accordion {
	border-radius: 3px;
	border: 1px solid #d9d9d9;
	padding: 10px 40px 10px 20px;
	background: #fff !important;
}

.responsive-tabs-dashed .resp-accordion .resp-arrow {
	top: 7px;
	right: 15px;
}

.responsive-tabs-dashed .resp-tab-content {
	padding: 15px;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background: #fff;
}

.responsive-tabs-dashed .resp-tab-content .form-control {
	background: #fff;
}

.responsive-tabs-dashed .resp-tab-content .form-label {
	color: #212121;
}

.responsive-tabs-dashed .resp-tab-content .form-label.focus {
	color: #215ac3;
}

.responsive-tabs-dashed .resp-tabs-list > li {
	position: relative;
	padding: 0;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0.06em;
	color: #9b9b9b;
	text-transform: uppercase;
}

.responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .responsive-tabs-dashed .resp-tabs-list > li:hover {
	color: #434345;
}

.responsive-tabs-dashed .resp-tabs-list > li + li {
	padding: 0;
	margin-left: 39px;
}

.responsive-tabs-dashed .resp-tabs-list > li + li:before {
	position: absolute;
	left: -20px;
	content: '';
	height: 100%;
	width: 1px;
	background: #9b9b9b;
}

.responsive-tabs-dashed .resp-tab-content + .resp-accordion {
	margin-top: 5px;
}

.responsive-tabs-dashed .resp-tab-active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

@media (min-width: 992px) {
	.responsive-tabs-dashed .resp-tab-content {
		background: transparent;
		padding: 0;
		border: none;
	}
}

/* 탭 */
.tab-w2 > li{width:50%}
.tab-w3 > li{width:33%}
.tab-w4 > li{width:25%}
.tab-w5 > li{width:20%}
.responsive-tabs .resp-tabs-list{overflow:hidden;}
.responsive-tabs .resp-tabs-list li{display:block; float:left;}
.responsive-tabs-dashed .resp-tabs-list > li {position: relative; padding:12px; font-size: 13px; font-weight:700; letter-spacing:-1px; background:#eee; border-right:3px solid #fff; color: #787878; text-align:center; text-transform: uppercase;}
.responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .responsive-tabs-dashed .resp-tabs-list > li:hover {background:#214094; color: #fff;}
.responsive-tabs-dashed .resp-tabs-list > li + li {margin-left:0; padding:12px;}
.responsive-tabs-dashed .resp-tabs-list > li + li:before {display:none;}
.responsive-tabs-dashed .resp-tab-content + .resp-accordion {margin-top: 5px;}
.responsive-tabs-dashed .resp-tab-active {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.responsive-tabs .resp-accordion.resp-tab-active{color:#214094} /* color:#187cf5 */
@media (min-width: 992px) {
	.responsive-tabs-dashed .resp-tab-content {
		background: transparent;
		padding: 0;
		border: none;
	}
}

/* 테이블(모바일용) 추가 */
.tb-mobile{width:100%;}
.tb-mobile > div{position:relative; width:100%; margin-bottom:10px; padding:12px 20px 7px; border-radius:4px; border:1px solid #c2c3c4;}
.tb-mobile > div:before{content:''; display:block; position:absolute; right:0; top:0; border-left:10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid #ccc; border-right: 10px solid #ccc; border-radius:0 4px 0 0; transform:rotate(45ded);}
.tb-mobile > div > h4{font-size:16px;padding:0 0 10px; border-bottom:1px solid #e9e9e9; word-break:keep-all; line-height:1.3;}
.tb-mobile > div > h4 > small{color:#191919; font-size:85%}
.tb-mobile > div > ul{padding: 5px;}
.tb-mobile > div > ul:after{content:''; display:block; clear:both;}
.tb-mobile > div > ul > li{width:100%; margin-bottom:2px;}
.tb-mobile > div > ul > li:after{content:''; display:block; clear:both;}
.tb-mobile > div > ul > li.name{font-size:16px; font-weight:700}
.tb-mobile > div > ul > li > span{padding:0 3px;}
.tb-mobile > div > ul > li > .tit{position:relative; float:left; display:inline-block; width:25%; max-width:70px; margin-right:10px; padding-left:0; padding-right:8px; text-align:justify !important; box-sizing:border-box;}
.tb-mobile > div > ul > li > .tit:after{content:''; position:absolute; right:0; top:5px; display:block; width:1px; height:12px; background:#ccc}
.tb-mobile > div > ul > li > .cont{float:left; display:inline-block; width:calc(100% - 80px); margin-bottom:0;}

/* 테이블(모바일용) 추가 */
.tb-mobile2{width:100%;}
.tb-mobile2 > div{position:relative; width:100%; margin-bottom:10px; padding:12px 20px 7px; border-radius:4px; border:1px solid #c2c3c4;}
.tb-mobile2 > div:before{content:''; display:block; position:absolute; right:0; top:0; border-left:10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid #ccc; border-right: 10px solid #ccc; border-radius:0 4px 0 0; transform:rotate(45ded);}
.tb-mobile2 > div > h4{font-size:16px;padding:0 0 10px; border-bottom:1px solid #e9e9e9; word-break:keep-all; line-height:1.3;}
.tb-mobile2 > div > h4 > small{color:#191919; font-size:85%}
.tb-mobile2 > div > ul{padding: 5px;}
.tb-mobile2 > div > ul:after{content:''; display:block; clear:both;}
.tb-mobile2 > div > ul > li{width:100%; margin-bottom:5px;}
.tb-mobile2 > div > ul > li:after{content:''; display:block; clear:both;}
.tb-mobile2 > div > ul > li.name{font-size:16px; font-weight:700}
.tb-mobile2 > div > ul > li > span{padding:0 3px;}
.tb-mobile2 > div > ul > li > .tit{position:relative; float:left; display:inline-block; width:50%; max-width:100px; margin-right:10px; padding-left:0; padding-right:8px; text-align:justify !important; box-sizing:border-box;}
.tb-mobile2 > div > ul > li > .tit:after{content:''; position:absolute; right:0; top:5px; display:block; width:1px; height:12px; background:#ccc}
.tb-mobile2 > div > ul > li > .cont{float:left; display:inline-block; width:calc(100% - 50%); margin-bottom:0;}


@media all and (min-width:768px){
	.pc{display:block !important;}
	/*.mobile{display:none !important;}*/
}
@media all and (max-width:767px){
	.pc{display:none !important;}
	/*.mobile{display:block !important;}*/
	.table > tbody > tr > th {
		width:20%;
	}
}

@media all and (min-width:768px){
	.pc{display:block !important;}
	.notPc{display:none !important;}
}
@media all and (max-width:767px){
	.pc{display:none !important;}
	.notPc{display:block !important;}
	.table > tbody > tr > th {
		width:20%;
	}
}

.div-list{text-align:left;}
.div-list ul li, .div-list ul li p{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.div-list{border-top:2px solid #111; border-bottom:1px solid #ddd; font-size:1em;}
.div-list ul{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
.div-list ul li{position:relative; display:table-row; border-bottom:1px solid #ddd;}
.div-list ul li:last-child{border-bottom:0;}
.div-list ul li p, .div-list ul li .subject, .div-list ul li.thead strong{display:table-cell; text-align:center; vertical-align:middle;}
.div-list ul li p{padding:10px 15px;font-weight:400; color: #444; box-sizing: border-box;line-height:1.4;}
.div-list ul li p:last-child{border-right: none;}
.div-list ul li .no{width:3em;}
.div-list ul li .cate{width:7em;}
.div-list ul li .subject{width:auto;text-align:left;}
.div-list ul li .date, .div-list ul li .loca{width:8em;}
.div-list ul li .writer, .div-list ul li .con{width:9.8em;}
.div-list ul li .con{word-break:break-word;}
.div-list ul li.thead{background-color:#e7e7e7;}
.div-list ul li.thead strong{padding:15px; color: #222; font-weight:500; box-sizing: border-box;}
.div-list ul li .subject a{display:block; font-weight:400; color: #444;}
.div-list ul li .subject a:hover{color: #333;}
.div-list ul li .subject a strong{display:inline-block; font-weight:400;}
.div-list ul li .subject a:hover strong{text-decoration:underline;}

@media screen and (max-width:991px){
    .div-list ul, .div-list ul li{display:block;}
    .div-list ul li{padding:0.85em 0.7em;}
    .div-list ul li.thead{display:none;}
    .div-list ul li .subject:after, .div-list ul li .no:after{display: none;}
    .div-list ul li p{margin:0; border-right: none;}
    .div-list ul li .no{width:3.2em; line-height:1.2; padding:0.2em 0; background-color: #F3F5FE; font-size:15px; color: #2B4381; border-radius:5px; -webkit-border-radius:5px; }
	.div-list ul li .cate{width:auto; padding:0 10px; font-size:14px}
    .div-list ul li .date, .div-list ul li .writer, .div-list ul li .loca, .div-list ul li .con{position: relative; display: inline-block; width:auto; padding:0; margin-right:1em !important; font-size:14px; line-height:1.3;}
    .div-list ul li p:before{content: ""; position: absolute; top: 50%; right: calc(-0.5em - 2px); display: block; width: 1px; height: 60%; background:#ddd; transform: translateY(-50%);}
    .div-list ul li .subject:before,
    .div-list ul li .no:before,
	.div-list ul li .cate:before,
    .div-list ul li p:last-child:before{display: none;}
    .div-list ul li .subject{display:inline-block; width:100%; padding:0.8em 0 0.2em !important; border-right: none;text-align:left; font-weight:600;}
    .div-list ul li .subject a{line-height: 1;}
}

.div-box01 {display:inline-block; min-width:72px; margin-right:7px; padding:2px 10px; background:#f3f3f3; color:#444; text-align:center;border-radius: 10px;border: 1px solid #ddd;}


.div-list2 > ul{display:flex; flex-wrap: wrap;}
.div-list2 > ul > li{width:33%; padding:7px; box-sizing:border-box;}
.div-list2 .div-box{position:relative; width:100%; padding:20px; border:1px solid #ddd; border-radius:5px; box-shadow:0 0 10px #e9e9e9; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;border-top: 3px solid #7c7c7c;}
.div-list2 .div-box > p{display:flex; flex-wrap: wrap; margin:0; padding:3px 0; font-weight:400; color:#111; text-align:left; line-height:1.3; vertical-align:middle;} /*border-top:1px dashed #f3f3f3;*/
.div-list2 .div-box > p > strong{display:inline-block; min-width:72px; margin-right:7px; padding:2px 10px; background:#f3f3f3; color:#444; text-align:center;border-radius: 10px;border: 1px solid #ddd;}
.div-list2 .div-box > p:first-child{border-top:0}
.div-list2 .div-box .div-tb{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; background:#fff; border:5px solid #e9e9e9}
.div-list2 .div-box .div-tb > div{display:table-row; line-height:1.4;}
.div-list2 .div-box .div-tb > div > span{display:table-cell; width:30%; padding:5px 15px; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background:#fafafa; text-align:center; vertical-align:middle;}
.div-list2 .div-box .div-tb > div > p{display:table-cell; width:70%; padding:5px 15px; border-bottom:1px solid #e9e9e9; text-align:left; vertical-align:middle;}
.div-list2 .div-box > p > button{font-size:13px; letter-spacing:-0.06em}

@media screen and (max-width:1199px){
	.div-list2 > ul > li{width:50%;}

}
@media screen and (max-width:767px){
	.div-list2 > ul{display:block;}
	.div-list2 > ul > li{width:100%;}
}

.btn-sep-view{display:inline-block; padding:3px 10px; background:#fff; border:1px solid #d86018; color:#d86018; text-align:center; font-size:14px; line-height:1.3;}
.btn-sep-view:hover{background:#d86018; color:#fff;}





.num-c, .num-b{margin-bottom:8px;}
.num-c > li{position:relative; padding-left:18px;}
.num-c > li:before{position:absolute; left:0; top:0; display:block;}
.num-c > li:nth-of-type(1):before{content:'① ' !important;}
.num-c > li:nth-of-type(2):before{content:'② ' !important;}
.num-c > li:nth-of-type(3):before{content:'③ ' !important;}
.num-c > li:nth-of-type(4):before{content:'④ ' !important;}
.num-c > li:nth-of-type(5):before{content:'⑤ ' !important;}
.num-c > li:nth-of-type(6):before{content:'⑥ ' !important;}
.num-c > li:nth-of-type(7):before{content:'⑦ ' !important;}
.num-c > li:nth-of-type(8):before{content:'⑧ ' !important;}
.num-c > li:nth-of-type(9):before{content:'⑨ ' !important;}
.num-c > li:nth-of-type(10):before{content:'⑩ ' !important;}
.num-c > li:nth-of-type(11):before{content:'⑪ ' !important;}
.num-c > li:nth-of-type(12):before{content:'⑫ ' !important;}
.num-c > li:nth-of-type(13):before{content:'⑬ ' !important;}
.num-c > li:nth-of-type(14):before{content:'⑭ ' !important;}
.num-c > li:nth-of-type(15):before{content:'⑮ ' !important;}
.num-b > li{position:relative; padding-left:18px;}
.num-b > li:before{position:absolute; left:0; top:0; display:block;}
.num-b > li:nth-of-type(1):before{content:'⑴ ';}
.num-b > li:nth-of-type(2):before{content:'⑵ ';}
.num-b > li:nth-of-type(3):before{content:'⑶ ';}
.num-b > li:nth-of-type(4):before{content:'⑷ ';}
.num-b > li:nth-of-type(5):before{content:'⑸ ';}
.num-b > li:nth-of-type(6):before{content:'⑹ ';}
.num-b > li:nth-of-type(7):before{content:'⑺ ';}
.num-b > li:nth-of-type(8):before{content:'⑻ ';}
.num-b > li:nth-of-type(9):before{content:'⑼ ';}
.num-b > li:nth-of-type(10):before{content:'⑽ ';}
.num-b > li:nth-of-type(11):before{content:'⑾ ';}
.num-b > li:nth-of-type(12):before{content:'⑿ ';}
.num-b > li:nth-of-type(13):before{content:'⒀ ';}
.num-b > li:nth-of-type(14):before{content:'⒁ ';}
.num-b > li:nth-of-type(15):before{content:'⒂ ';}