@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Lato:700,900&display=swap');

/* -------
    reset
------------------------------------------------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,
a, span{
    margin:0; 
    padding:0; 
    border:0;
    /*vertical-align:top; */
    box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ul, ol, dl{list-style:none;}
img, video{-width:100%; vertical-align:middle;}
a{text-decoration:none; color:inherit;}
table{border-collapse:collapse; border-spacing:0;}
input, select{vertical-align:top;}
button{cursor:pointer; margin:0; padding:0; border:none; background:none;vertical-align:top}
.blind, legend{display:block; position:absolute; top:0; left:-1000em; width:1px; height:1px; margin:-1px; overflow:hidden;}
i, em, address{font-style:normal; font-weight:normal;}

input[type="text"], input[type="password"] {padding:2px 5px;}
input[type="checkbox"], input[type="radio"], label{ cursor:pointer; }
input[type="radio"] {margin:0; vertical-align:middle; position:relative; bottom:1px; width:17px; height:17px; border:0 !important;}
input[type="checkbox"] {border:1px solid #c2c2c2; background:#ffffff; margin:0; vertical-align:middle; position:relative; bottom:1px; border:0 !important;}



/*
	font-weight: 100;  -thin
	font-weight: 300;  -light
	font-weight: 400;  -regular
	font-weight: 500;  -medium
	font-weight: 700;  -bold
	font-weight: 900;  -black
*/


#wrap{width:100%;}


/* -------
    header
------------------------------------------------------------------ */
.util-menu{text-align:center}
.util-menu .util a{display:inline-block; padding:5px 10px; font-size:14px;}
.util-menu .util a.btn-login{position:relative; padding-left:30px; background:#edeef0; font-size:12px; text-align:center; color:#2a323f;}
.util-menu .util a.btn-login:before{content:''; display:inline-block; position:absolute; left:5px; width:20px; height:21px; background:url('/user/images/common/ico_login.png') left center no-repeat;}
.util-menu .util a.btn-join{position:relative; padding-left:30px; background:#2a323f; font-size:12px; text-align:center; color:#fff;}
.util-menu .util a.btn-join:before{content:''; display:inline-block; position:absolute; left:5px; width:20px; height:21px; background:url('/user/images/common/ico_join.png') left center no-repeat;}

@media all and (min-width:1200px){
	.util-menu{position:relative;}
	.util-menu .util{position:absolute; top:-10px; right:0}
	.util-menu .util a{display:inline-block; margin-left:-4px; padding:0 18px 6px 0; font-size:16px; color:#afadad; vertical-align:bottom;}
	.util-menu .util a > span{display:block; padding-top:25px;}
	.util-menu .util a.btn-login{position:relative; width:72px; height:68px; padding:15px 5px; background:#edeef0; font-size:12px; text-align:center; color:#2a323f;}
	.util-menu .util a.btn-login:before{content:''; display:inline-block; position:absolute; left:50%; transform:translateX(-50%); width:20px; height:21px; background:url('/user/images/common/ico_login.png') no-repeat;}
	.util-menu .util a.btn-join{position:relative; width:72px; height:68px; padding:15px 5px; background:#2a323f; font-size:12px; text-align:center; color:#fff;}
	.util-menu .util a.btn-join:before{content:''; display:inline-block; position:absolute; left:50%; transform:translateX(-50%); width:20px; height:21px; background:url('/user/images/common/ico_join.png') center center no-repeat;}
	.util-menu .util-btn{display:inline-block;}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a {padding: 5px 10px;} /* padding: 5px 35px; */
}

@media all and (min-width:1280px){
	.rd-navbar-logo-center.rd-navbar-static .rd-navbar-top-block {padding: 25px 0 5px;}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a {padding: 5px 22px;} /* padding: 5px 35px; */
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li + li {margin-left: 25px;}
}

@media all and (max-width:1199px){
	.rd-navbar-brand > a > img{height:40px}
	.util-menu .util > a:first-child:after{content:' ｜'; display:inline-block; padding-left:10px}
	.util-menu .util > a:nth-child(2){padding-left:0;}
	.util-menu .util a.btn-login, .util-menu .util a.btn-join{margin-top:8px}
	.rd-navbar-default.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-brand {
		display: block;
		position: fixed;
		top: 10px;
		left: 50%;
		transform:translateX(-50%);
		width: auto;
		z-index:100;
	}
}


/* -------
    footer
------------------------------------------------------------------ */
#footer{width:100%; background:#292929; color:#b9b6b6}
#footer > .inner{padding:30px;}
#footer > .inner > div > div > ul:after{content:''; display:block; clear:both;}
#footer > .inner > div > div > ul > li{float:left; margin-bottom:8px;}
#footer > .inner > div > div > ul > li:after{content:'｜'; display:inline-block; padding:0 5px;}
#footer > .inner > div > div > ul > li:last-child:after{content:'';}
#footer > .inner > div > div > .footer-info > p{margin:0; font-size:14px}



#container{position:relative; width:100%;}

.sub-bg{width:100%; padding:10px 0 8px; background:#f4f5f9; border:1px solid #e5e7ee}
.location li{display:inline-block; padding-right:13px; background:url('/user/images/sub/bul_arr_location_black.png') right 8px no-repeat; font-size:15px; color:#888}
.location li:last-child{background:none; color:#222}
.location li > i{vertical-align:middle;}

#leftmenu{padding:0;}
#leftmenu ul{padding:0; -webkit-padding-start:0; text-align:left;}
#leftmenu li {list-style:none;}
#leftmenu > ul > li {width:100%; letter-spacing:-1px;}
#leftmenu > ul > li > a{display:block; width:100%; margin-bottom:4px; padding:12px 15px 10px; background:#fff url('../images/sub/bul_arr_location_black.png') 190px center no-repeat; border-radius:3px; border:1px solid #c5c9d6; color:#555;}
#leftmenu > ul > li > a:hover, #leftmenu > ul > li.on > a{border:1px solid #313a4d; background:#313a4d url('../images/sub/bul_arr_location.png') 190px center no-repeat; color:#fff;}
#leftmenu > ul > li.on > .snb{border:1px solid #313a4d;}
#leftmenu .snb{margin-bottom:3px; margin-top:-6px; padding:10px 15px; background:#fff; border:1px solid #c5c9d6; border-radius:0 0 3px 3px; font-size:14px;}
#leftmenu .snb > li {margin-bottom:5px; line-height:19px;}
#leftmenu .snb > li > a {display:block; padding-left:12px; background:url('../images/common/bul_bar.png') left 9px no-repeat; color:#888; font-size:14px;}
#leftmenu .snb > li > a:hover {padding-left:12px; background:url('../images/common/bul_arrow.png') left 5px no-repeat; color:#313a4d;}
#leftmenu .snb > li.on > a {padding-left:12px; background:url('../images/common/bul_arrow.png') left 5px no-repeat; color:#313a4d;}
#leftmenu h2{display:table; width:100%; height:130px; margin-top: 0px; margin-bottom:5px; padding:20px; background:#2a323f; border-radius:30px 0 0 0;  color:#fff; font-size:1.8em; text-align:center;font-weight: 700; word-break:keep-all;}
#leftmenu h2 > span{display:table-cell; vertical-align:middle; letter-spacing: -2px;}

.contWrap {
	min-height:500px;
    padding-bottom:100px;
    padding-left: 40px;
    padding-right: 0 !important;
    text-align: left;
}
.contWrap > h2{margin-bottom:30px; font-size:32px; font-weight:700; color:#212121; letter-spacing:-1px;}
.contWrap > h2:after{content:''; display:block; margin-top:10px; width:100%; height:4px; background:url('../images/sub/h2_bg.png');}
.contWrap > h3{position:relative; margin:45px 0 16px; font-size:22px; font-weight:500; color:#212121; letter-spacing:-1px;}
.contWrap > h3.first{margin-top:0;}
.contWrap > h4{margin:18px 0 6px; font-size:17px; font-weight:500; letter-spacing:-1px;}


@media (max-width:1279px) {
	#leftmenu{display:none;}
	.contWrap{padding-left:0;}

}

/* 탭 */
.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 20px; font-size: 16px; 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 20px;}
.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;
	}
}


/* 인사말 */
.greeting{position:relative; width:100%; padding-top:50px;}
.greeting > p{position:relative; margin-bottom:25px; text-align:justify; line-height:1.5; word-break:keep-all; z-index:1;}
.greeting > .tit{font-size:25px; font-weight:700;}
.greeting .sign{margin-top:50px; text-align:right; font-weight:500}
.thesis > li{margin-bottom:10px;}

.profile {width:100%; margin-top:40px;}
.profile:after{content:''; display:block; clear:both;}
.profile > dt {float:left; padding-top:20px; width:20%; font-size:18px; font-weight:700; color:#212121; border-top:1px solid #1b1b1b; word-break:keep-all;}
.profile > dd {float:left; padding-top:20px; width:80%; font-size:15px; border-top:solid 1px #ccc; line-height:24px;}

.profile-list > li > strong{position:relative; display:inline-block; width:80px; font-weight:500;}
.profile-list > li > strong:after{content:'｜'; position:absolute; right:0;}
.profile-list > li > span{display:inline-block; width:calc(100% - 90px); padding-left:5px;}

@media all and (max-width:767px){
	.profile > dt {float:none; width:100%; padding:15px 0 10px;}
	.profile > dt > br{display:none;}
	.profile > dd {float:none; width:100%}
}



/*심리학정보 */
#accordion-psy.panel-group.accordion .panel-heading a{padding:8px 22px; font-size:15px; font-weight:500}
#accordion-psy.panel-group.accordion .panel-heading a:after{top:4px}
#accordion-psy .psy-cate{font-size:14px}
.psy-cate > p{margin-bottom:15px; font-weight:400; color:#454545; word-break:keep-all;}
.psy-cate > ul{margin-top:25px;}
.psy-cate > ul > li{margin-bottom:12px; font-weight:400; color:#454545; word-break:keep-all;}
.psy-cate > h4{margin:55px 0 25px; padding:13px 0; text-align:center; font-size:20px; letter-spacing:-1px; font-weight:700; border-top:2px solid #000; border-bottom:1px solid #212121; color:#000}
.psy-cate > dl > dt{margin-top:20px; font-weight:700;}
.psy-cate > dl > dd > ol{margin-left:6px; padding-left:18px;}
.psy-cate > dl > dd > ol > li{list-style-type:decimal}
.psy-cate > ol > li{list-style-type:decimal}
.psy-cate .part{margin:10px 0; padding:2px 5px; background:#e5e5e5}


/* 대학교/대학원 정보 */
.college {width:100%;}
.college:after{content:''; display:block; clear:both;}
.college > dt {float:left; padding-top:20px; width:18%; font-size:20px; font-weight:700; color:#212121; border-top:1px solid #1b1b1b; word-break:keep-all;}
.college > dd {float:left; width:82%; font-size:15px; border-top:solid 1px #d9d9d9; line-height:24px;}
.college > dd > dl{padding:20px 10px; border-bottom:1px solid #d9d9d9;}
.college > dd > dl:hover{background:#fafafb;}
.college > dd > dl:last-child{border-bottom:none;}
.college > dd > dl > dd > ul > li > a:hover{color:#2898d5; text-decoration:underline}

.abc-list > ul > li{padding:8px 15px 5px; border-bottom:1px solid #d9d9d9;}
.abc-list > ul > li:hover{background:#fafafb;}
.abc-list > ul > li > a:hover{padding-left:12px; background:url('/user/images/common/bul_arrow.png') left 5px no-repeat;-moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.abc.responsive-tabs-dashed .resp-tabs-list > li{width:3.84%; padding:8px 10px; font-weight:500; font-size:14px;}
.abc.responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .abc.responsive-tabs-dashed .resp-tabs-list > li:hover{background:#2898d5;}


@media all and (max-width:767px){
	.college > dt {float:none; position:relative; width:100%; padding:15px 0 10px;}
	.college > dd {float:none; width:100%}
}


/* 테이블 */
.tb-stripe{width:100%; border-top:2px solid #212121;}
.tb-stripe thead th{padding:10px; border-bottom:1px solid #212121; text-align:center; font-weight:500; color:#000; vertical-align:middle;}
.tb-stripe tbody th{padding:6px 12px; border:1px solid #dbdbdb; border-left:none; text-align:center; font-weight:500; vertical-align:middle;}
.tb-stripe tbody td{padding:6px 12px; border:1px solid #dbdbdb; text-align:center; vertical-align:middle;}
.tb-stripe tbody td:first-child{border-left:none;}
.tb-stripe tbody td:last-child{border-right:none;}
.tb-stripe tbody tr:nth-of-type(odd) {
	background-color: #f7f7f7;
}


.tb-list{width:100%; margin-left:-1px; border-top:2px solid #4b4b4b;}
.tb-list thead th{background:#f5f5f5; padding:15px 10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; font-weight:700;font-size:17px;}
.tb-list tbody th{padding:12px 1%; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#fafafa; text-align:center; font-weight:700;font-size:17px;}
.tb-list tbody td{padding:12px 1%; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center;}
@media all and (max-width:768px){
	.tb-list th, .tb-list td {font-size:15px;}
}



.tb-submitrule{width:100%; margin-left:-1px; border-top:2px solid #4b4b4b;}
.tb-submitrule tbody th{padding:5px 3%; border-bottom:1px solid #d4d4d4; background:#eee; text-align:center; font-weight:400;font-size:15px;}
.tb-submitrule tbody td{padding:5px 3%; border-bottom:1px solid #d4d4d4; text-align:center;}



/* 심리학관련기관 */
.tb-organ{width:100%; min-width:768px; border-top:2px solid #212121;}
.tb-organ thead th{padding:8px; border-bottom:1px solid #dbdbdb; background:#e9e9e9; text-align:center; font-weight:500; color:#000; vertical-align:middle;}
.tb-organ tbody th{padding:8px; background:#f7f7f7; text-align:center; font-weight:500; vertical-align:middle;}
.tb-organ tbody td{padding:5px 8px; border:1px solid #dbdbdb; text-align:center; vertical-align:middle;}
.tb-organ tbody td:first-child{border-left:none;}
.tb-organ tbody td:last-child{border-right:none;}
.tb-organ tbody td > a:hover{text-decoration:underline}
.tb-organ tbody td > h4{margin:10px 0; font-size:16px; font-weight:700; background:#e7f3fa}
.tb-organ tbody td > dl:after{content:''; display:block; clear:both;}
.tb-organ tbody td > dl > dt{float:left; width:15%; margin-bottom:10px; padding-left:10px; background:url('../images/common/bul_dot3.png') left 9px no-repeat; font-weight:500;}
.tb-organ tbody td > dl > dd{float:left; width:85%; margin-bottom:10px;}
@media all and (max-width:991px){
	.tb-organ tbody td > dl > dt{float:none; width:100%; margin-bottom:0;}
	.tb-organ tbody td > dl > dd{float:none; width:100%; margin-bottom:10px;}
}

.btn-go2{display:inline-block; position:relative; padding:3px 30px 3px 10px; font-weight:400; color:#333; text-align:center; letter-spacing:-0.5px}
.btn-go2:after{content:''; display:block; position:absolute; right:10px; top:50%; margin-top:-8px; width:15px; height:15px; background:url('/user/images/sub/ic_newop_ov.png') no-repeat;}


/* 산하학회 */
.btn-go{display:inline-block; position:relative; padding:3px 30px 3px 10px; border:1px solid #333; border-radius:4px; font-size:13px; font-weight:400; color:#333; text-align:center; letter-spacing:-0.5px}
.btn-go:after{content:''; display:block; position:absolute; right:10px; top:50%; margin-top:-7px; width:15px; height:15px; background:url('/user/images/sub/ic_newop_ov.png') no-repeat;}
.btn-go:hover{border:1px solid #55bbeb; background:#55bbeb; color:#fff;}
.btn-go:hover:after{content:''; display:block; position:absolute; right:10px; top:50%; margin-top:-7px; width:15px; height:15px; background:url('/user/images/sub/ic_newop.png') no-repeat;}
.affiliated {width:100%; margin-top:40px;}
.affiliated:after{content:''; display:block; clear:both;}
.affiliated > dt {float:left; padding-top:20px; width:20%; font-size:18px; font-weight:700; color:#212121; border-top:1px solid #1b1b1b; word-break:keep-all;}
.affiliated > dt > div{margin-top:10px;}
.affiliated > dd {float:left; padding-top:20px; width:80%; font-size:15px; border-top:solid 1px #ccc; line-height:24px;}
.affiliated > dd > p{margin-bottom:15px}

@media all and (max-width:767px){
	.affiliated > dt {float:none; position:relative; width:100%; padding:15px 0 10px;}
	.affiliated > dd {float:none; width:100%}
	.affiliated > dt > div > .btn-go{position:absolute; right:0; top:15px;}
	.affiliated > dt > div > .btn-go > span{display:none}
}



/* 연혁  */
.history-wrap{border-top:3px solid #212121}
.history-list {position:relative;border-bottom:1px solid #d3d3d3;padding:20px 0}
.history-list .year {position:absolute;top:20px;left:30px;font-size:35px; font-family: 'Lato', sans-serif; color:#222;line-height:1}
.history-list > ul {margin-left:225px; padding-left:0;}
.history-list li {position:relative; padding:0 0 8px 60px;}
.history-list li:first-child {margin-top:0; }


@media all and (max-width:991px){
	.history-wrap{border-top:none}
	.history-list {padding:20px 0}
	.history-list .year {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0 0 15px; font-size:22px}
	.history-list > ul {margin:0}
}



/* 비전과 미션 */
.vision {
	width:100%;
	max-width:890px;
	height:1000px;
	background:url(/user/images/sub/img_vision.png) no-repeat center 50px;
	text-indent:-9999px;
	overflow: hidden;
	background-size:100%;
}
@media all and (max-width:991px) {
	.vision {background:none; text-indent:0; height:auto; }
	.vision > h4{color:#FFF; font-weight:500; width:100%; text-align:left; padding-left:20px;  line-height:40px; font-size:18px;}
	.vision > h4:nth-of-type(1) {background:#122a59;}
	.vision > h4:nth-of-type(2) {background:#1a479e;}
	.vision > p{border:1px solid #d3d9e3; background:#fafafa; width:100%; padding:20px; margin-bottom:20px; color:#000; line-height: 20px; word-break: keep-all;}
	.mission{width:100%; margin-bottom:2px; padding:20px; border:1px solid #d3d9e3; background:#fafafa; color:#000; line-height: 20px; word-break: keep-all;}
	.mission > h5{font-size:18px; font-weight:500; text-align:center; letter-spacing:-0.5px;}
	.mission > dl{width:100%; margin:5px 0 10px; padding:20px; border:1px solid #d3d9e3; background:#fff;  }
	.mission > dl > dt{margin-bottom:5px; font-weight:500; font-size:17px; letter-spacing:-0.5px; word-break:keep-all;}
	.mission > dl > dd { position:relative; margin-bottom: 3px; color:#000; word-break: keep-all; line-height: 20px;}
}


/* 국내외 심리학과 현황 */
.domestic > div, .domestic > ul > li{margin-bottom:5px;}
.domestic > div > img, .domestic > ul > li > img{margin:0 auto}




/* 분야소개 */
.job.responsive-tabs-dashed .resp-tabs-list > li{width:6.66%; padding:6px 8px; font-weight:500; font-size:14px;}
@media all and (min-width:992px){
	.job.responsive-tabs-dashed .resp-tabs-list > li{height:52px; line-height:1.3; vertical-align:middle; word-break:keep-all;}
}


/* 심리학 신간도서 */
.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('../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}
}



/* 회원가입 */
.join-cate > a{display:block; width:100%; border:1px solid #dadada}
.join-cate > a > h3{position:relative; padding:20px 30px; border-bottom:1px dashed #dadada; background:#fafafa; color:#000; letter-spacing:-0.5px; font-size:22px; font-weight:500;}
.join-cate > a > h3 > small{font-size:15px; color:#000; vertical-align:middle;}
.join-cate > a > h3:after{content:''; display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); width:40px; height:40px; background:url('../images/common/arrow_r.png') no-repeat;-khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.join-cate > a > p{padding:40px 30px; word-break:keep-all;}
.join-cate > a:hover{border:1px solid #212121;-khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.join-cate > a:hover > h3:after{right:15px;}
.join-exp > h3:before{content:''; display:block; position:absolute; left:0; top:0; width:12px; height:100%; background:#0952c0}
.join-exp > h3{position:relative; margin:40px 0 10px; padding:8px 26px; background:#e1e7ef; font-size:18px; font-weight:700; color:#000; letter-spacing:-0.5px}
.join-exp > dl > dt{margin:25px 0 5px; padding-left:17px; background:url('../images/common/bul_tit_ico.png') left 4px no-repeat; }
.join-exp > dl > dd{padding-left:5px}
.join-exp > dl, .join-exp > div{padding:0 25px; word-break:keep-all}
.join-exp .btn-down{position:relative; display:inline-block; margin-top:15px; padding:5px 35px 5px 15px; background:#fff; border:1px solid #212121; color:#212121; text-align:center; font-size:14px; letter-spacing:-0.5px}
.join-exp .btn-down:after{content:''; position:absolute; right:15px; top:52%; transform:translateY(-50%); display:inline-block; width:14px; height:14px; background:url('../images/sub/ic_down.png') no-repeat;}
.join-exp .btn-down:hover, .btn-down:focus{color:#fff; background:#0952c0; border:1px solid #0952c0; text-decoration:none; -khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.join-exp .btn-down:hover:after, .btn-down:focus:after{background:url('../images/sub/ic_down_ov.png') no-repeat; -khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s; }

.join-agree{border:1px solid #212121}
.join-agree > .img{padding:15px; border-bottom:1px dashed #dadada; background:#fafafa; text-align:center;}
.join-agree > .txt{padding:25px; font-size:15px; word-break:keep-all;}

#accordion-agree.panel-group.accordion .panel-heading a{padding:8px 22px; font-size:15px;}
#accordion-agree.panel-group.accordion .panel-heading a:after{top:4px}
.accordion-label{margin:5px 0 20px; text-align:right;}
#accordion-agree .rules{font-size:13px}
.rules.p > p{margin-bottom:18px}

@media all and (min-width:991px){
	.join-agree.join1{min-height:353px;}
	.join-agree.join2{min-height:220px;}
}




/* 학회 정관 및 규정 */
.rules > h4{margin:55px 0 25px; padding:13px 0; text-align:center; font-size:20px; letter-spacing:-1px; font-weight:700; border-top:2px solid #000; border-bottom:1px solid #212121; color:#000}
.rules > dl > dt{margin-top:20px; font-weight:700;}
.rules > dl > dd > ol{margin-left:6px; padding-left:18px;}
.rules > dl > dd > ol > li{list-style-type:decimal}
.rules > ol > li{list-style-type:decimal}
.num-c, .num-b, .txt-k{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.c1:before, .num-c > li:nth-of-type(1):before{content:'① ';}
.num-c > li.c2:before, .num-c > li:nth-of-type(2):before{content:'② ';}
.num-c > li.c3:before, .num-c > li:nth-of-type(3):before{content:'③ ';}
.num-c > li.c4:before, .num-c > li:nth-of-type(4):before{content:'④ ';}
.num-c > li.c5:before, .num-c > li:nth-of-type(5):before{content:'⑤ ';}
.num-c > li.c6:before, .num-c > li:nth-of-type(6):before{content:'⑥ ';}
.num-c > li.c7:before, .num-c > li:nth-of-type(7):before{content:'⑦ ';}
.num-c > li.c8:before, .num-c > li:nth-of-type(8):before{content:'⑧ ';}
.num-c > li.c9:before, .num-c > li:nth-of-type(9):before{content:'⑨ ';}
.num-c > li.c10:before, .num-c > li:nth-of-type(10):before{content:'⑩ ';}
.num-c > li.c11:before, .num-c > li:nth-of-type(11):before{content:'⑪ ';}
.num-c > li.c12:before, .num-c > li:nth-of-type(12):before{content:'⑫ ';}
.num-c > li.c13:before, .num-c > li:nth-of-type(13):before{content:'⑬ ';}
.num-c > li.c14:before, .num-c > li:nth-of-type(14):before{content:'⑭ ';}
.num-c > li.c15:before, .num-c > li:nth-of-type(15):before{content:'⑮ ';}
.num-b > li{position:relative; padding-left:18px;}
.num-b > li:before{position:absolute; left:0; top:0; display:block;}
.num-b > li.b1:before, .num-b > li:nth-of-type(1):before{content:'⑴ ';}
.num-b > li.b2:before, .num-b > li:nth-of-type(2):before{content:'⑵ ';}
.num-b > li.b3:before, .num-b > li:nth-of-type(3):before{content:'⑶ ';}
.num-b > li.b4:before, .num-b > li:nth-of-type(4):before{content:'⑷ ';}
.num-b > li.b5:before, .num-b > li:nth-of-type(5):before{content:'⑸ ';}
.num-b > li.b6:before, .num-b > li:nth-of-type(6):before{content:'⑹ ';}
.num-b > li.b7:before, .num-b > li:nth-of-type(7):before{content:'⑺ ';}
.num-b > li.b8:before, .num-b > li:nth-of-type(8):before{content:'⑻ ';}
.num-b > li.b9:before, .num-b > li:nth-of-type(9):before{content:'⑼ ';}
.num-b > li.b10:before, .num-b > li:nth-of-type(10):before{content:'⑽ ';}
.num-b > li.b11:before, .num-b > li:nth-of-type(11):before{content:'⑾ ';}
.num-b > li.b12:before, .num-b > li:nth-of-type(12):before{content:'⑿ ';}
.num-b > li.b13:before, .num-b > li:nth-of-type(13):before{content:'⒀ ';}
.num-b > li.b14:before, .num-b > li:nth-of-type(14):before{content:'⒁ ';}
.num-b > li.b15:before, .num-b > li:nth-of-type(15):before{content:'⒂ ';}
.txt-k > li{position:relative; padding-left:24px;}
.txt-k > li:before{position:absolute; left:0; top:0; display:block;}
.txt-k > li.k1:before, .txt-k > li:nth-of-type(1):before{content:'가. ';}
.txt-k > li.k2:before, .txt-k > li:nth-of-type(2):before{content:'나. ';}
.txt-k > li.k3:before, .txt-k > li:nth-of-type(3):before{content:'다. ';}
.txt-k > li.k4:before, .txt-k > li:nth-of-type(4):before{content:'라. ';}
.txt-k > li.k5:before, .txt-k > li:nth-of-type(5):before{content:'마. ';}
.txt-k > li.k6:before, .txt-k > li:nth-of-type(6):before{content:'바. ';}
.txt-k > li.k7:before, .txt-k > li:nth-of-type(7):before{content:'사. ';}
.txt-k > li.k8:before, .txt-k > li:nth-of-type(8):before{content:'아. ';}
.txt-k > li.k9:before, .txt-k > li:nth-of-type(9):before{content:'자. ';}
.txt-k > li.k10:before, .txt-k > li:nth-of-type(10):before{content:'차. ';}
.txt-k > li.k11:before, .txt-k > li:nth-of-type(11):before{content:'카. ';}
.txt-k > li.k12:before, .txt-k > li:nth-of-type(12):before{content:'타. ';}
.txt-k > li.k13:before, .txt-k > li:nth-of-type(13):before{content:'파. ';}
.txt-k > li.k14:before, .txt-k > li:nth-of-type(14):before{content:'하. ';}






/* 리스트 */
ul{margin:0; padding:0;}
.ul-list01 > li{padding-left:12px; background:url('../images/common/bul_dot3.png') left 9px no-repeat; word-break:keep-all;}
.ul-list02 > li{padding-left:12px; background:url('../images/common/bul_bar2.gif') left 12px no-repeat; word-break:keep-all;}
.ul-list03 > li{padding-left:15px; background:url('../images/common/bul_star-b.png') left 8px no-repeat; word-break:keep-all;}
.ul-list03 > li.em{padding-left:15px; background:url('../images/common/bul_star.png') left 8px no-repeat; color:#ce110f; word-break:keep-all;}
.ul-list04 > li{padding-left:10px; background:url('../images/common/bul_dot.png') left 11px no-repeat; word-break:keep-all;}
.ol-list01{padding-left:18px;}
.ol-list01 > li{list-style:decimal;}
.dl-list01 > dt{margin:15px 0 6px; font-weight:700;}
.dl-list01 > dt:first-child{margin:0 0 6px;}
.dl-list01 > dd > ol{padding-left:18px;}
.dl-list01 > dd > ol > li{list-style-type:decimal}




/**/
.box{width:100%; margin-top:30px; padding:20px;  border:1px solid #ccc;}
.box2{width:100%; padding:30px 40px;  border:1px solid #ccc;}
.box3{width:100%; padding:20px; background:#f8f8f8; border:1px solid #f3f3f3;}
.box-wrap{width:100%; margin:15px 0; padding:6px; background:url('../images/sub/bul_line.png');}
.box-wrap .box-line{width:100%; padding:20px; background:#fff;}
.star{margin:0; padding-left:15px; background:url('../images/common/bul_star.png') left 8px no-repeat;}
.starb{margin:0; padding-left:15px; background:url('../images/common/bul_star-b.png') left 8px no-repeat;}
.c-bg{background:none}

.img-align{margin-bottom:15px}
.img-align > img{margin:0 auto}

.block{display:block;}
.blue{color:#19459d}
.red{color:#ce110f}


.btn-list li > a{display:block; padding:10px 25px 10px 18px; border:1px solid #b90531; color:#b90531; border-radius:2px; text-align:left; transition: all .2s ease-in-out;}
.btn-list li > a > i{padding-right:6px; font-size:20px; line-height:20px;}
.btn-list li > a:hover,.btn-list li > a:focus{background:#b90531; color:#fff; -webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

 
 

 /* swufamilytherapy.com 20201019 추가 */

 #agree-content h5, .h5 {
    margin-top: 0;
}

#agree-content dt {
    margin-left: 18px;
}

.ul_list01{padding:0;}
.ul_list01 > li{padding-left:15px; background:url('/user/images/sub/bul_dot1.png') left 9px no-repeat; list-style:none;}
.ul_list01 > li > ul{padding-left:15px;}
.ul_list01 > li > ul > li{padding-left:10px; background:url('/user/images/sub/bul_bar2.png') left 9px no-repeat; list-style:none;}

.tbl_organ{width:100%; border-top:2px solid #333;}
.tbl_organ thead th{position:relative; padding:5px; border-bottom:2px solid #333 !important; text-align:center;}
.tbl_organ thead th + th:after{position:absolute; left:0; bottom:0; display:block; content:''; width:1px; height:18px; background:#333;}
.tbl_organ tbody th{padding:5px; border:1px solid #dbdbdb; border-left:none; font-weight:normal; text-align:center;}
.tbl_organ tbody td{padding:5px; border:1px solid #dbdbdb; text-align:center;}
.tbl_organ tbody td:first-child{border-left:none;}
.tbl_organ tbody td:last-child{border-right:none;}
.tbl_organ tbody tr:nth-of-type(odd){background:#f7f7f7;}

/* 페이지 제목
------------------------------------------------------ */
#pageTitle { 
	font-family: 'Nanum Square', '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;*/

}

/* 경조사관리 */
.obituaryNotice {width:100%; padding-bottom:50px; border:5px solid #000; box-sizing:border-box; color:#000 !important; background:url('/user//images/sub/img_obituaryNotice2.png') 90px bottom no-repeat;}
.obituaryNotice .title {margin:0 20px 30px; font-family: 'Nanum Myeongjo', 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: 'Nanum Myeongjo', 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: 'Nanum Myeongjo', 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('/user//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;}