@charset "utf-8";
@import url('reset.css');

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
.nanummyeongjo * { font-family: 'Nanum Myeongjo', serif; }


body							{min-width:320px;}

#head							{height:60px; border-bottom:1px solid #ddd;}
#header							{position:relative;}
#header h1.logo					{width:180px; margin:0 auto; padding-top:12px}
#header h1.logo img				{width:100%;}

#header .btn_menu				{position:absolute; left:15px; top:18px; cursor:pointer;}
#header .btn_menu i				{font-size:1.8em; color:#592367;}
#header .btn_lag				{position:absolute; right:15px; top:15px;}
#header .btn_lag a				{font-size:.75em; display:inline-block; padding:5px 0 0 5px;}

.sidenav						{height: 100%; width: 0; position: fixed; z-index:100000; top: 0; left: 0; background-color: rgba(0,0,0,0.9 ); overflow-x: hidden; transition: 0.5s; padding-top: 40px; text-align:center; }
.sidenav a						{padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; }
.sidenav a:hover				{color: #f1f1f1;}
.sidenav .closebtn				{position: absolute;top:10px; right: 20px; font-size: 36px; color:#888;cursor:pointer}
.sidenav ul						{width:100%; min-width:320px;}
.sidenav ul li					{padding:5px 0;}

#container						{margin:0 15px;}
.mVisual						{text-align:center; padding-top:35px;}
.mVisual h2						{font:2em/110% 'Nanum Myeongjo'; color:#555px; padding-bottom:25px;}
.mVisual h2	span				{display:block; margin:0 auto 15px; width:45px; border-top:4px solid #555;}
.mVisual div img				{width:100%;}

.mSquares						{margin:20px 0 15px; width:100%;}
.mSquares li					{float:left; width:50%;}
.mSquares li a					{display:block; font-size:20px; padding:18px 0; text-align:center; color:#fff;}
.mSquares li:nth-child(1)		{background:#592367;}
.mSquares li:nth-child(2)		{background:#8e4d9f;}
.mSquares li:nth-child(3)		{background:#c29acc;}
.mSquares li:nth-child(4)		{background:#dcc8e1;}

ul.sns_icon {width:70%; padding:3% 0; margin:0 auto; list-style:none;}
ul.sns_icon li {float:left; width:19%; height:auto; margin-right:1%;}
ul.sns_icon li img {width:100%; height:auto;}
ul.sns_icon li:last-child {margin-right:0;}

#foot							{margin:75px 0 15px; position:relative; display:block;clear:both;}
#footer							{background:#f6f6f8; padding:15px;}
#footer .info					{width:100%;}		
#footer .info th				{padding:5px; vertical-align:top;}	
#footer .info th i				{color:#592367; font-size:20px;}
#footer .info td				{color:#111111; padding:5px; font-size:16px;}	
#footer .info td a				{color:#111111; font-size:16px;}
.copyright						{padding:10px 0 0; color:#666; font-size:13px; letter-spacing:-0.05em;}
.pcView a						{display:block; border:1px solid #ccc; line-height:2.5em; text-align:center; margin:15px 0;}


/** sub **/
.txtBox							{font-size:16px; line-height:130%; *text-align:justify;}
.title							{font-size:2em; text-align:center; color:#592367; margin-bottom:20px;}
.sVisual img					{width:100%; padding:20px 0 15px;}
.contents						{min-height:150px; padding-bottom:50px;}


.attorneysBox					{border-bottom:1px solid #5a2367; padding-bottom:30px;}
.attorneysBox:after				{content:" "; display:block; clear:both; height:0; visibility:hidden;}
.attorneysBox .pro_img			{float:left; width:30%;}
.attorneysBox .pro_img img		{width:100%;}
.attorneysBox .pro_txt			{float:right; width:65%;}

.tbl_serch						{width:100%; background:#f8f8f8; margin-top:20px; border:1px solid #e0e0e0;}
.tbl_serch .th_title			{text-align:center; font-size:20px; padding:10px; color:#000;}
.tbl_serch .td_input			{padding:5px 10px;}
.tbl_serch .td_input input		{width:100%; border:1px solid #ddd;  border-bottom:none; box-sizing:border-box; padding:10px;}
.tbl_serch .va_t				{padding:5px 20px 0; text-align:center;}






/* bbs */
.bbs_list						{border-top:2px solid #222; border-bottom:1px solid #999;}
.bbs_list table					{width:100%; table-layout:fixed; border-collapse: collapse; border-spacing: 0;}
.bbs_list table thead th		{background:#f8f8f8; padding:10px 5px; text-align:center; font-size:16px; color:#222; border-bottom:1px solid #999;}
.bbs_list table tbody td		{text-align:center; padding:10px 5px; font-size:15px; color:#444; border-bottom:1px solid #ddd; text-align:center;}
.bbs_list table tbody tr:last-child td {border-bottom:none;}

.btnBox							{margin:20px 0;}
a.btn_basic						{display:inline-block; padding:0 12px; background:#592367; color:#fff; height:30px; line-height:30px; border:1px solid #592367;}
a.btn_line						{display:inline-block; padding:0 12px; background:#fff; color:#592367; height:30px; line-height:30px; border:1px solid #592367;}

.bbs_search						{padding-bottom:10px; text-align:right; }
.bbs_search	input[type=search]	{border:1px solid #ddd; height:31px; padding:0 8px;}
.bbs_search	input[type=submit]	{background:#333; color:#fff; border:none; height:30px; vertical-align: middle;}

.paging							{margin-top:30px; text-align:center;}
.paging	a						{font-size:14px; color:#666}
.paging .pagelink				{display:inline-block; border:1px solid #aaa; padding:5px 10px;}			
.paging .page					{display:inline-block; width:26px; border:1px solid #e8e8e8; padding:5px 0;}			
.paging .current				{display:inline-block; width:26px; border:1px solid #592367; padding:5px 0; color:#592367;}	

.bbs_view						{border-top:2px solid #222;}
.bbs_view table					{width:100% !important; table-layout:auto; border-collapse: collapse; border-spacing: 0;}
.bbs_view table thead th		{height:45px; text-align:center; font-size:16px; color:#222; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background:#f8f8f8;}
.bbs_view table thead td		{height:45px; text-align:left; font-size:16px; color:#222; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; padding:0 10px;}
.bbs_view table thead td:last-child{border-right:none;}
.bbs_view table tfoot td		{text-align:right; padding:10px 0;}

/*23-04-13추가 css*/
.bbs_view h1                    {color: #404040;font-size: 26px; line-height: 1.5; font-weight: 600; margin: 20px 0; font-family: arial;}/*font-family: arial;*/
.bbs_view .info                 { margin: 10px 0;}
.bbs_view .info span            {font-size: 14px;font-family: arial;}/*font-family: arial;*/

.bbs_con						{padding:30px 0;}
.bbs_con p img		{width:100% !important;}

.bbs_prevnext					{width:100%; table-layout:fixed; border-collapse: collapse; border-spacing: 0; margin:30px 0;}
.bbs_prevnext th 				{width:15%; border:1px solid #e8e8e8; text-align:center; line-height:40px; padding:0 10px; font-size:16px; color:#222;}
.bbs_prevnext td				{width:85%; border:1px solid #e8e8e8; padding:10px;}

.bbs_write						{border-top:2px solid #222;}
.bbs_write table				{width:100%; table-layout:fixed; border-collapse: collapse; border-spacing: 0;}
.bbs_write table thead th		{height:45px; text-align:center; font-size:16px; color:#222; border:1px solid #e8e8e8; background:#f8f8f8;}
.bbs_write table thead td		{height:45px; text-align:left; font-size:16px; color:#222; border:1px solid #e8e8e8; padding:0 10px;}
.bbs_write table tbody th		{height:45px; text-align:center; font-size:16px; color:#222; border:1px solid #e8e8e8; background:#f8f8f8;}
.bbs_write table tbody td		{padding:10px; border:1px solid #e8e8e8;}
.input100						{width:100%; box-sizing:border-box; border:1px solid #ddd; padding:10px;}

.contactBox	li					{padding-bottom:8px;}
.contactBox	li span				{font-weight:600; color:#592367;}


.nanummyeongjo  {
 font-family: 'Nanum Myeongjo', serif;
}