@charset "utf-8";


/*서브-상단비주얼 */
#svisual{width:100%; height:300px; margin:0px auto; background:url(../img/sub/svisual01.jpg) no-repeat center 0px; overflow:hidden; position:relative; visibility:hidden;}
#svisual .s_text{position:absolute; top:46%; left:0; right:0; font-size:26px; font-weight:bold; color:#fff; text-align:center; line-height:1em; visibility:hidden; transform:translate(-50%, -50%);}
#svisual .s_text em{ display:block; font-size:15px; color:#fff; font-weight:300; line-height:1.2em;}
#svisual .s_text h3{ display:block; font-size:35px; line-height:1.3em; font-weight:600; margin-bottom:5px; letter-spacing:0; }


#bo_list.edu #bo_cate ul{text-align:center; margin:50px 0 40px; border-bottom:none;}
#bo_list.edu #bo_cate li{float:none; display:inline-block; margin:0 10px 10px 0; min-width:225px; border:1px solid #eee; border-bottom:1px solid #eee;}
#bo_list.edu #bo_cate li:first-child{display:none;}
#bo_list.edu #bo_cate a{margin-left:0; display:block; padding:15px 10px; border-bottom:none; border:1px solid #ddd; color:#333; background:#f9f9f9;}
#bo_list.edu #bo_cate #bo_cate_on{border:2px solid #017956; background:#017956; color:#fff; font-weight:400;}


.snb > ul{text-align:center; margin:50px 0 40px; border-bottom:none;}
.snb > ul li{float:none; display:inline-block; margin:0 10px 10px 0; min-width:225px; border:1px solid #eee; border-bottom:1px solid #eee;}
.snb > ul li:last-child{margin:0;}
.snb > ul li a{margin-left:0; display:block; padding:15px 10px; border-bottom:none; border:1px solid #ddd; color:#333; background:#f9f9f9; font-size:16px;}
.snb > ul li.on a{border:2px solid #017956; background:#017956; color:#fff; font-weight:400;}

@media all and (max-width:550px){
	.snb > ul li{min-width:160px; margin:0 5px 5px 0;}
	.snb > ul li a{padding:12px 10px;}
	#bo_list.edu #bo_cate li{min-width:155px;}
}
/* 내용-공통 */
.mt_10{ margin-top:10px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_90{ margin-top:90px;}
.mt_100{ margin-top:100px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_60{ margin-bottom:60px;}
.mb_70{ margin-bottom:70px;}
.mb_80{ margin-bottom:80px;}
.mb_90{ margin-bottom:90px;}
.mb_100{ margin-bottom:100px;}

.pt_10{ padding-top:10px;}
.pt_20{ padding-top:20px;}
.pt_30{ padding-top:30px;}
.pt_40{ padding-top:40px;}
.pt_50{ padding-top:50px;}
.pt_60{ padding-top:60px;}
.pt_70{ padding-top:70px;}
.pt_80{ padding-top:80px;}
.pt_90{ padding-top:90px;}
.pt_100{ padding-top:100px;}
.pb_10{ padding-bottom:10px;}
.pb_20{ padding-bottom:20px;}
.pb_30{ padding-bottom:30px;}
.pb_40{ padding-bottom:40px;}
.pb_50{ padding-bottom:50px;}
.pb_60{ padding-bottom:60px;}
.pb_70{ padding-bottom:70px;}
.pb_80{ padding-bottom:80px;}
.pb_90{ padding-bottom:90px;}
.pb_100{ padding-bottom:100px;}

.t_center{ text-align:center;}
.fl{ float:left;}
.img2 img{ width:100%;}





/*인형치료소개*/
.box_img{margin:0 0 30px; width:100%; height:0; padding-bottom:43%;}
.box_img.intro{background:url(../img/sub/img_intro.jpg)no-repeat center 10%; background-size:cover !important;}
.box_img.ceo{padding-bottom:35% !important;background:url(../img/sub/img_ceo.jpg)no-repeat center; background-size:cover !important;}
.box_img.aspt{padding-bottom:35% !important;background:url(../img/sub/img_aspt_intro.jpg)no-repeat center; background-size:cover !important;}
.area_txt{}
.area_txt p{padding:0 0 20px; font-size:16px; font-weight:400; color:#555; line-height:1.6em; word-break:keep-all;}
.area_txt.aspt{text-align:center;}
.area_txt.aspt h3{padding:0 5%; font-size:18px; font-weight:400; color:#555; line-height:1.8em; word-break:keep-all;}
.area_txt.aspt h3 .bold{color:#f29919; font-weight:bold;}
.box .area_map{margin:30px 0 0;}
.box .area_map .area_txt{margin:20px 0 0;}
.box .area_map .area_txt h3{font-size:23px; font-weight:400;}

/*오시는 길*/
.area_map{}
.area_map .area_txt{margin:28px 0 0;}
.area_map .area_txt h3{font-size:30px; font-weight:300; color:#333;}
.area_map .area_txt p{padding:5px 0 0; font-size:17px; font-weight:400; color:#555;}
.area_map .area_txt ul{margin:10px 0 0; border:1px solid #eee;}
.area_map .area_txt ul > li{padding:5px 10px; margin:0; border-bottom:1px dashed #eee; background:#f9f9f9;}
.area_map .area_txt ul > li:last-child{border-bottom:none;}
.area_map .area_txt ul > li > p{margin:0; padding:0;}
.area_map .area_txt span{margin:0 5px 0 0; font-size:15px; font-weight:600; color:#333;}
.area_map .box{margin:30px 0 0; }
.box > h3{position:relative; padding:0 0 15px 20px; font-size:20px; font-weight:500; color:#333;}
.box > h3:before{content:''; position:absolute; top:3px; left:0; width:13px; height:14px; background:url(../img/sub/icon_title.png)no-repeat center;}
.box i{font-style:normal; margin:0 5px 0 0;}
.box ul > li{font-size:16px; font-weight:400; color:#333; word-break:keep-all; line-height:1.4em;}
.box ul > li > a{display:inline-block;}
.box ul > li > span{display:inline-block; padding:0 5px 0 0; font-size:16px; font-weight:500; color:#333; word-break:keep-all; line-height:1.4em;}
.box .subway i{display:inline-block; padding:2px; width:25px; height:auto; text-align:center; font-size:15px; color:#fff; font-weight:500; background:#10aa18; border-radius:50px;}
.box .subway i.line03{width:auto; padding:2px 10px; background:#de4552;}
.box .station i{display:inline-block; padding:0 10px; height:auto; text-align:center; font-size:15px; color:#333; font-weight:600; background:transparent; border:2px solid #333; border-radius:50px;}
.box .station > li{margin:0 0 10px;}
.box .station > li:last-chlid{margin:0;}
.box .bus i{display:inline-block; padding:2px; width:45px; height:auto; text-align:center; font-size:14px; color:#fff; font-weight:400; background:#3d7fe0; border-radius:50px;}
.box .bus i.line03{width:auto; padding:2px 10px;}
.box .bus > li:nth-child(1) i{background:#34a2f7;}
.box .bus > li:nth-child(2) i{background:#5ca2c8;}
.box .bus > li:nth-child(3) i{background:#44ba42;}
.box .bus > li:nth-child(4) i{background:#4dc74d;}
.box .bus > li:nth-child(5) i{background:#706bca;}
.box .bus > li:nth-child(6) i{background:#a47de9;}
.box .bus > li:nth-child(7) i{background:#ab44af;}
.box .bus > li{margin:0 0 10px;}
.box .info > li:nth-child(1){margin:0 0 10px;}
.box .info > li > ul{margin:5px 0 0;}
.box .info > li > ul > li{margin:0 0 2px;font-size:15px; font-weight:400; color:#555;}


/*학회장 인사말*/
.area_txt h4{margin:0 0 15px; font-size:22px; font-weight:400; color:#333; line-height:1.5em; word-break:keep-all;}
.area_txt .name h3{margin:0 0 15px; font-size:17px;}
.area_txt .name span{font-size:22px;}
.area_txt .name span.bold{vertical-align:bottom; font-size:16px; margin:0 10px 0 0;}
.area_txt .name img{width:auto;}

/*학회연혁*/
.box{margin:0 0 30px;}
.box p{margin:0 0 15px; font-size:16px; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}
.ctt_academy05 .box p{margin:0 0 5px;}
.box span{font-size:15px; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}
.box span .red{color:red; font-weight:600;}
.history > li{margin:0 0 10px; font-size:15px; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}
.history > li:last-child{margin:0;}
.box.history h4{display:inline-block; padding:5px 10px; box-sizing:border-box; background:#555; border-radius:3px; color:#fff; font-size:18px; font-weight:500;}
.list_history {margin:15px 0 0; }
.list_history > li{margin:0 0 10px;}
.list_history > li span{font-size:17px; font-weight:500; color:#333; display:inline-block;}
.list_history > li p{display:inline-block; margin:0; font-size:17px; font-weight:400; color:#555; line-height:1.4em}

/*학회조직*/
table.table caption{display:none;}
.area_table .table{border:1px solid #eee;}
.area_table .table > thead{padding:50px 0;}
.area_table .table > thead > tr > th{padding:12px 5px; vertical-align:middle; font-size:17px; font-weight:bold; border:none; border-right:1px solid #eee; border-bottom:1px solid #eee; background:#f9f9f9; text-align:center;}
.area_table .table > thead > tr > th:last-child{border-right:none;}
.area_table .table > tbody > tr > td{padding:15px 5px; background:#fff; border-right:1px solid #eee !important; vertical-align:middle; font-size:16px; font-weight:400; color:#333; text-align:center;}
.area_table .table > tbody > tr > td:last-child{border-right:none !important;}
.mob_info{display:none; margin:0 0 10px; font-size:15px; font-weight:300; color:#333;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top:1px solid #eee;}
.box .history{margin:10px 0 0;}
.box .history:after{content:''; display:block; clear:both;}
.box .history > li{float:left; margin:0 20px 0 0; width:calc((100% / 4) - 15px); width:-webkit-calc((100% / 4) - 15px); text-align:center;}
.box .history > li:nth-child(4n){margin:0;}
.box .history > li:nth-child(n+5){margin-top:20px;}
.box .history > li .area_img{}
.box .history > li .area_img img{width:100%;}
.box .history > li .txt{display:block; padding:10px; margin:0; border:1px solid #eee; box-sizing:border-box;}
.box .history > li:nth-child(n+5) .txt{min-height:66px;}
.box .history > li span{font-size:16px; font-weight:400; color:#333; line-height:1.5em; word-break:keep-all;}
.ctt_research01 .area_table .table > thead > tr > th:last-child{background:#fff;}
.ctt_research01 .area_table.v3 .table > tbody > tr > td:first-child{background:#f9f9f9;}
.ctt_research01 .area_table.v3 .table > tbody > tr:nth-child(2) > td:first-child,
.ctt_research01 .area_table.v3 .table > tbody > tr:nth-child(3) > td:first-child,
.ctt_research01 .area_table.v3 .table > tbody > tr:nth-child(4) > td:first-child{background:#fff;}
.ctt_research01 .area_table .table > tbody > tr:nth-child(3) > td:last-child,
.ctt_research01 .area_table .table > tbody > tr:nth-child(4) > td:last-child{border-right:1px solid #eee !important;}
.ctt_research01 .area_table .table tbody > tr > th{padding:12px 5px; vertical-align:middle; word-break:keep-all; font-size:15px; font-weight:bold; border:none; border-right:1px solid #eee; border-bottom:1px solid #eee; background:#f9f9f9; text-align:center;}
/*정관*/
.area_content{}
.area_content h2{margin:0 0 30px; text-align:center; font-size:27px; font-weight:500; line-height:1.3em; word-break:keep-all;}
.area_content em{display:inline-block; width:100%; margin:30px 0 0; text-align:center; font-size:18px; font-weight:400; color:#333;}
.area_box02{margin:0 0 25px;}
.area_box02 h4{margin:0 0 7px; font-size:17px; font-weight:500; color:#333;}
.area_box02 p{margin:0; font-size:16px; font-weight:400; color:#555;}
.area_box02 ul{margin:10px 0 0;}
.area_box02 ul > li{margin:0 0 5px; line-height:1.5em; word-break:keep-all; font-weight:400; color:#555;}
.area_box02 ul > li > ul {background:#f9f9f9; padding:15px; margin:5px 0  0; box-sizing:border-box; border-radius:5px;}
.area_box02 ul > li > ul > li{margin:0 0 3px; font-size:16px; color:#666;}
.area_box02 ul > li > ul > li > ul{padding:0 0 5px 0;}
.area_box02 ul > li > ul > li > ul > li{font-size:15px; color:#444; font-weight:500; word-break:keep-all; line-height:1.7em;}
.txt_red h4,
.txt_red p,
.txt_red ul > li{color:#d80e0e;}
.area_box02 ul > li.txt_red{color:#d80e0e;}

.area_table.v3 
td.title{font-size:16px; font-weight:bold;}
.area_table.v3 .table > tbody > tr > td {font-size:15px; word-break:keep-all;}
.area_table.v3 .table > tbody > tr > td ul.common > li{margin:0 0 5px;}
.area_table.v3 .table > tbody > tr > td ul > li{margin:0; font-size:15px;}
.area_table.v3 .table > tbody > tr > td ul > li:last-child{margin:0;}
.area_table.v3 .table > tbody > tr > td b{display:block;}
.area_table.v3 .table > tbody > tr > td span{color:#555;}

.table_info{background:#f9f9f9; padding: 15px; margin: 5px 0 40px; box-sizing: border-box; border-radius: 5px;}
.table_info h4{font-size:17px; font-weight:bold; color:#222;}
.table_info ul{margin:10px 0 0;}
.table_info ul > li{margin: 0 0 3px; font-size: 16px; color: #666;}
.table_info ul > li .red{color:#f00; }

@media all and (max-width:768px){
	#container .scrollTable{overflow:auto;}
	#container .scrollTable .table{width:750px;}
	#container .mob_info{display:block; margin:10px 0 0; font-size:13px;}	
	#container table.table{margin-top:5px;}
	.area_box02 ul > li > ul > li > ul{}
	.area_box02 ul > li > ul > li > ul > li{font-size:14px; line-height:1.5em;}
}

/*회원가입안내*/
.box ul > li{margin:0 0 10px;}
.box ul > li > i{display:inline-block; padding:3px; width:28px; font-size:15px; font-weight:bold; color:#fff; background:#027c58; border-radius:50%; text-align:center;}
.box .area_box{background:#f9f9f9; border-radius:5px; padding:15px; box-sizing:border-box;}
.box .area_box p{margin:0; font-size:16px; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}
.box ul > li > .file{display:block; margin:10px 0; border-radius:10px; box-sizing:border-box; padding:10px; border:1px solid #eee; transition:all 0.3s ease;}
.box ul > li > .file:hover{background:#f9f9f9;}
.box ul > li > .file > em.bold{width:auto; margin:0; font-size:15px; font-weight:bold; color:#333; text-align:left; display:inline-block;}
.box ul > li > .file > em.red{ font-size:14px; margin:0 0 0 5px; color:red; font-weight:500;}
.box ul > li > .file a{display:inline-block; font-size:15px; font-weight:400; margin:0 0 0 5px; transition:all 0.3s ease;}
.box ul > li > .file a:hover{color:#027c58; font-weight:bold;}
.box ul > li p{font-size:14px; margin:0 !important;}
.box ul > li p.red.first{margin:10px 0 0 !important;}

/*이용약관*/
.policy_view{width:100%;}
.policy_view .area_title{text-align:center;}
.policy_view .area_title h3{font-size:30px;}
.policy_view h3 {clear:both; margin:31px 0 15px; font-size:16px; font-weight:600; color:#000;} 
.policy_view h3:first-child {margin-top:0; padding:0; border:0; }
.policy_view p{font-size:15px;line-height: 1.6em; color:#555;}
.policy_view ul {font-weight:400;}
.policy_view ul li{margin-top:5px;line-height:1.6em;font-size:15px; color:#555;}
.policy_view ul li ul{padding-left: 15px; margin-bottom:10px;font-weight:400;}
.policy_view ul li ul li{font-size:15px; color:#777;}


.area_box img{max-width:100%;}
.area_box img.w{display:block;}
.area_box img.m{display:none;}
.area_box a{display:block;}

@media (max-width:1024px) {
	#svisual .s_text h3{font-size:30px;}
}	
@media (max-width:768px) {
	#svisual{height:200px;}
	#svisual .s_text h3{font-size:25px; margin:0;}

	.box_img{margin:0 0 15px;}
	.area_txt p{padding:0 0 15px;}
	
	.area_map .area_txt{margin:15px 0 0;}
	.area_map .area_txt h3{font-size:26px;}

	.box{margin:0 0 15px;}
	.area_content h2{margin: 0 0 15px; font-size:24px;}

	.box .history > li{margin:width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}
	.box .history > li:nth-child(2n){margin:0;}
	.box .history > li:nth-child(n+3){margin-top:20px;}
	.box .history > li:nth-child(n+5) .txt{min-height:auto;}
	.area_txt.aspt h3{font-size:16px; line-height:1.5em;}
}
@media (max-width:550px) {
	#svisual{height:140px;}
	#svisual .s_text{top:40%;}
	#svisual .s_text h3{font-size:22px;}
	#svisual .s_text em{font-size:14px;}

	.area_txt p{font-size:15px;}
	.area_map .box{margin:20px 0 0;}
	.root_daum_roughmap .wrap_map{height:300px !important;}
	.area_map .area_txt h3{font-size:22px;}
	.box > h3{font-size:18px; padding:0 0 10px 18px;}
	.box > h3:before{top:2px;}

	.area_txt h4{font-size:20px; margin:0 0 10px;}
	.area_txt .name h3{font-size:16px;}
	.area_txt .name span.bold{font-size:15px;}

	.box p{margin:0 0 10px; font-size:15px;}
	.box ul > li{font-size:15px; margin: 0 0 5px;}

	.area_table .table > thead > tr > th{padding:10px 5px; font-size:15px;}
	.area_table .table > tbody > tr > td{padding:10px 4px; font-size:15px;}

	.area_box02{margin:0 0 15px;}
	.area_box02 ul > li > ul{padding:10px;}
	.area_box02 ul > li > ul > li{font-size:15px;}
	.area_content em{margin:10px 0 0;}
	.area_content h2{font-size:20px;}
	
	.box .area_box{padding:10px;}
	.box .area_box p{font-size:15px;}
	.box ul > li > i{padding:1px; font-size:14px; width:24px;}

	.area_box img.w{display:none;}
	.area_box img.m{display:block;}

	.box .history > li{margin:0 10px 0 0; margin:width:calc((100% / 2) - 5px); width:-webkit-calc((100% / 2) - 5px);}
	.box .history > li:nth-child(2n){margin:0;}
	.box .history > li:nth-child(n+3){margin-top:10px;}

	.box_img.aspt{padding-bottom: 38% !important;}
	.list_history > li span{display:block !important;}
	.box.history h4{padding:3px 7px; font-size:16px;}
	.list_history{margin:10px 0 0;}
	.list_history > li span,
	.list_history > li p{font-size:15px;}

}
@media (max-width:450px) {	
	#svisual .s_text h3{font-size:20px;}
}
@media (max-width:400px) {
	.box ul > li > .file > em.bold{display:block;}
	.box ul > li > .file a{margin:0;}
	.box ul > li > .file > em.red{display:inline-block;}
}
.rule03 .area_box02{position:relative;} 
.rule03 .area_box02 h4{position:absolute; top:4px; left:0px;} 
.rule03 .area_box02 p{margin:0 0 0 25px;}
.rule04 .box > h3{margin:0 0 20px;}
.rule04 .area_table{margin:10px 0 0;}
@media (max-width:550px) {
	.rule03 .area_box02 h4{position:relative; top:0;} 
	.rule03 .area_box02 p{margin:0;}
}



.rule02 .box > h3{margin:0 0 20px;}
.rule02 .box .table span{display: block; font-size: 0.8em; opacity: 0.7;}