@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */

*{ margin:0; padding:0; font-family:'malgun gothic'; font-size:13px; letter-spacing:-0.03em;}
/* body{ min-width:640px} */
li{ list-style:none}

.main_visual{ position:relative; height:400px; text-align:center; background:url(../img/twi001t1116934.jpg) no-repeat center; background-size:100%}
.main_visual a{ position:absolute; top:50%; left:50%; margin:150px 0 0 -20px; color:#fff; opacity:.9; text-shadow:0 3px 3px #000}
.main_visual a span{ width:100%; height:100%; font-size:40px}

.tab-content ul{ margin-top:10px;}
.tab-content li{padding:10px 10px 0}

.main_body div{ text-align:center;}
.main_body>div{ margin-top:60px; border-left:1px solid #ccc}
.main_body>div:nth-of-type(1){ border-color:#fff}
.main_body .col-md-4{ padding:0 5px}
.main_body p.tit1,
.main_body p.tit2,
.main_body p.tit3{ background:#f38516; font-size:11px; font-family:tahoma; letter-spacing:0; color:#fff; }
.main_body p.tit2{ background:#3aa1fe;}
.main_body p.tit3{ background:#9dc600; }

.main_body p.txt{ margin-top:20px; font-size:15px; font-weight:bold; text-align:center}
.main_body p.txt img{ display:inline}
.main_body ul:after{display:block; clear:both; content:''}
.main_body li{ float:left; width:28%; margin:0 5px}
.main_body .btn{ width:100%; padding:1px 3px}

.con_visual{ width:100%; height:200px; margin-top:-20px; background:#ccc url(../img/d.jpg) no-repeat 0 76%; background-size:100%}

/* Nav */
.navbar-default{ border-radius:0}
.navbar-header h1{ float:left; margin:0; font-weight:bold}

.con_top{ padding:10px 0; background:#fff}
.con_top .row{ position:relative; margin:0}
.con_top [class^=col-]{padding:5px; background-color:#fff; }
.con_top [class^=col-]>div{ overflow:hidden; height:100%; text-align:center; color:#fff}
.con_top .bx1>div{ background:#ed1c24}
.con_top .bx1>div h2{ margin-top:0; padding-top:20px;font-size:60px; font-weight:bold; vertical-align:middle;}
.con_top .bx2>div{ background:#f38516 url(http://i1.ytimg.com/vi/A1lFhYcdsIg/maxresdefault.jpg) no-repeat 0 30%; background-size:100%}
.con_top .bx3>div{ background:#9dc600}
.con_top .bx4>div{ background:#eba706; text-align:center}
.con_top .bx4>div img{ display:inline; width:40%}
.con_top .bx4>div p{ font-weight:bold; color:#fff; padding-top:10px;}
.con_top .bx5>div{ background:#8a6cf2 url(http://www.ibizahire.com/blog/wp-content/uploads/2014/04/artworks-000050362183-18bhpe-original.jpg) no-repeat center; background-size:100%}
.con_top .bx6>div{ background:#3aa1fe url(http://img.lifestyler.co.kr/uploads/channel/channel/cheditor/2013/08/BIA2LOBCF5VY2CN9ALDC.png) no-repeat center center; background-size: auto 100%}
.con_top a.btn{ display:block; width:100%; height:100%; text-align:center; font-size:40px; font-weight:bold; line-height:120px; letter-spacing:-1px; color:#fff; text-shadow:3px 3px 2px #000;}
.con_top a.btn:hover{width:100%; height:100%; background:#000; opacity:.5}
.con_top .bx6>div a.btn{ padding-top:90px;}

.con_top .conVisual{text-align:center;}
.con_top .conVisual img{width:100%;}
.con_top p{width:100%;margin-bottom:35px;font-size:24px;line-height:40px;font-family: 'Nanum Gothic', sans-serif;word-break: keep-all;text-align:center}
.con_top p strong{font-size:24px;}
.con_top .conTxt{padding-top:10px;}
.con_top .conTxt p strong{font-size:24px;}
.con_top .conTxt p a{color:#000;font-size:24px;font-weight:bold;}
.con_top .conTxt p a:hover{color:blue;}


.con_body h3{ margin:30px 15px 15px; padding-bottom:15px; border-bottom: 1px solid #bbb}
.con_body h3 span{ font-size:20px; color:#F00}
.con_body dl dt{ float:left; margin-right:10px;}
.con_body dl dt,
.con_body dl dd{ font-size:15px; line-height:30px}

.con_gly{ margin:0}
.con_gly p.img{ overflow:hidden; height:100px}
.con_gly p.img img{ display:block; margin-top:-50px}
.con_gly p.txt{ overflow:hidden; height:20px; margin-bottom:30px; }

#Section-1{max-width:1170px;margin:0 auto;padding:0 15px;}
#Section-1:after{content:"";clear:both;display:block;}
#Section-1 .quicks{width: 50%;float:left;}
#Section-1 .quicks .box{display:block;padding:2px}
#Section-1 .quicks .box:after{content:"";display:block;clear:both;}
#Section-1 .quicks .box a{position:relative;float:left;width:49%;text-align:center;margin-bottom:8px;}
#Section-1 .quicks .box a + span.partOdd{float:left;width:2%;border:1px solid white}
#Section-1 .quicks .box a > span{position:absolute;width:100%;bottom:10px;}
#Section-1 .quicks .box a span span{width:50%;margin:0 auto;padding: 5px 10px;background-color:white;color:black;font-weight:bold;text-align:center;opacity:0.7;font-size:15px;}
#Section-1 .quicks .box img{width:100%}

#Section-1 .arrowBox{position:absolute;width:50%;}
#Section-1 .arrowBox .left{left:5%;}
#Section-1 .arrowBox .right{right:5%;}
#Section-1 + .container{padding-bottom:20px;}
.carousel-inner h3 span{display:inline-block;padding:9px;background-color:black;opacity:0.5;color:#fff;font-size:18px;}

/* 메인 소통해요 */
.container .comBox{width:100%;overflow:hidden;color:white;margin-top:5px;text-align:center;}
.container .comBox .comTit{float:left;width:20%;height:130px;padding-top:20px;margin:0;background-color:#5a6a7f;line-height:40px;font-size:2.4em}
.container .comBox .comTit i{font-size:45px;}
.container .comBox .com{float:left;width:80%;}
.container .comBox .com a{float:left;display:block;width:20%;height:130px;padding-top:15px;background-color:#6e8096;color:white;font-size:1.5em;}
.container .comBox .com a i{font-size:45px;line-height:70px;}
.container .comBox .com a:hover i{font-size:50px;}
.container .comBox .com a:hover{font-size:1.8em; text-decoration:none;}


footer{padding:20px; font-size:15px; color:#fff; background:#333;}
footer .conBox{width:1150px;margin:0 auto;}
footer .conBox:after{content:"";clear:both;display:block;}
footer .conBox .logo{float:left;width:220px}
footer .conBox .logo img{display:block;}
footer .conBox .txt{float:left;line-height:32px;}
footer .conBox .txt span{font-size:16px;}
footer .conBox .txt span a{font-size:16px;color:white;}
footer .conBox .txt:before{display:block;}

p + h2,
.carrier + h2{margin-top:30px;}

/* 센터소개 */
.exp{margin-top:15px;padding-left:41px;text-indent:-45px;}
.rec{padding:15px 10px 15px 40px;background-color:#eee;border-radius:20px;}
.rec li{list-style:circle;margin-bottom:7px;font-size:16px;}

/* 변호사 김예원 */
caption{width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.carrier{padding:5px 15px;background-color:#eee;border-radius:15px;}
.carrier2 p{text-align:left;font-size:22px;text-indent: -24px;padding-left:40px}
.carrier2 .year{font-size:22px;}
.carrier2 .year th{font-size:22px;}
.carrier2 .year td{word-break: keep-all;font-size:22px;}
table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show}
table th{text-align:center;}
table tr td{padding-left:15px;}
table th, table td{font-size:20px;padding:8px 0 9px 0; border-bottom:1px solid #aaa;}
table .last th, table .last td{border:none;}
table th{text-align:center:}
.cen_ban{margin-bottom:15px;}
.cen_ban div{font-size:20px;text-decoration:none;color:#000;text-align:center;}
.cen_ban div a{display:block;padding:10px 20px;background-color:#eee;border-radius: 15px;font-size:20px;text-decoration:none;color:#000; box-shadow: 5px 10px #ccc;}
.cen_ban div a:hover{color:#fe5000; box-shadow: 10px 15px #aaa;}
.cen_ban div a i {font-size: 1.5rem;color: #fe5000;background-color: #FFF;padding: 10px 16px;margin: 0 15px;border-radius: 10px;box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.07);vertical-align: middle;}
.cen_ban div a span {vertical-align:middle;line-height:20px;font-size:20px;font-weight:bold;}
.cen_ban div a:hover i {border: 2px solid #fe5000;padding: 8px 14px;}
.con_top .row details summary{cursor:pointer;}
.con_top .row details summary:hover, .con_top .row details summary:focus{color:#fe5000}
.con_top .row details summary h2{vertical-align:middle;line-height:30px}
.con_top .row details summary i{margin-left:15px;font-size:30px;}
.con_top .intro{padding-left:1em;padding-right:1em;line-height:50px;text-indent:-35px;color:#777;font-weight:bold;font-style:italic;}
.con_top .intro .strong{color:#ccc;font-size:50px;}
.con_top .intro .strong:first-child{margin:0 20px;}
.con_top .intro .strong:last-child{margin:0 20px;line-height:20px;}

.m_car{background:url(/img/bg_main_line.gif) repeat-y center;}
.m_car ol:after{display:block;content:'';clear:both;}
.m_car ol li{width:50%;clear:both;}
.m_car ol li.right{position:relative;left:-13px;background:url(/img/bd_mc_left.gif) no-repeat 0 8px;}
.m_car ol li.left{position:relative;right:-13px;background:url(/img/bd_mc_right.gif) no-repeat right 8px;}
.m_car ol .right{float:right;padding: 0 0 0 80px;}
.m_car ol p{padding:0;text-indent:0;margin-bottom:10px;}
.m_car ol p.year{font-size:25px;font-weight:bold;}
.m_car ol .right p{text-align:left;padding:0;text-indent:0;}
.m_car ol .left{float:left;padding: 0 80px 0 0;}
.m_car ol .left p{text-align:right;}
.m_car ol li i{color:#0090e4;font-size:17px;margin-right:10px;}

/* 변호사 김예원 모바일 대응*/
@media only screen and (max-width: 641px){
.m_car{width:100%;background:url(/img/bg_main_line.gif) repeat-y left;}
.m_car ol:after{display:block;content:'';clear:both;}
.m_car ol li{width:100%;clear:both;margin-bottom:5px;}
.m_car ol li.right,
.m_car ol li.left{position:relative;left:-13px;background:url(/img/bd_mc_left.gif) no-repeat 0 8px;}
.m_car ol .right,
.m_car ol .left{float:left;padding: 0 0 0 40px;}
.m_car ol p{padding:0;text-indent:0;margin-bottom:10px;text-align:left;}
.m_car ol .left p{text-align:left;}
.m_car ol p.year{font-size:25px;font-weight:bold;padding:0 0 0 40px;text-align:left;text-indent:0;}
.m_car ol li i{color:#0090e4;font-size:17px;margin-right:10px;}
}




/* 소통해요 */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{background-color:#e5ecef;font-weight:bold}
.nav-tabs.nav-justified > li > a {border-bottom: 1px solid #d1dee2;}

@media (max-width:640px){
	.wrap{font-size:25px;}
	.con_top .bx6>div{ background-size:100%!important}
	.con_top .bx6>div a.btn{ padding-top:0;}
	.carousel{height:auto;}
	.carousel-indicators{width:100%}
	.carousel-inner .item img{ width:100%;}
	.carousel-inner h3 span{display:inline-block;padding:9px;background-color:black;opacity:0.5;color:#fff;font-size:15px;}
	.carousel-indicators{bottom:0;top:0;padding-top:160px;} /*  지시자  */
	.carousel-inner{width:100%;}
	.carousel-control{top:100px;}  /* 좌우 화살표 */
	.carousel-control  .glyphicon{font-size:35px;}
	.carousel-caption{top:30%;font-size:15px;}   /* 텍스트 */
	#Section-1 .quicks{width:100%;}
	#Section-1 .quicks .box a{position:relative;float:left;display:block;width:49%;margin:0 0 6px 0;text-align:center;}
	#Section-1 .quicks .box a > span{position:absolute;width:100%;bottom:10px;}
	#Section-1 .quicks .box a + span.partOdd{float:left;width:2%;}
	#Section-1 .quicks .box a span span{width:50%;margin:0 auto;padding: 3px 5px;font-size:17px;}

	#Section-1 .arrowBox{width:100%;}
	.navbar-nav{content:"";display:block;clear:both;}
	.navbar-nav > li{width:50%;float:left;}
	.navbar-nav > li > a{font-size:18px;padding-top:15px;padding-bottom:15px;}
	footer{padding:10px 0;}
	footer .conBox .logo{display:none;}
	footer .conBox{width:100%;text-align:center;}
	footer .conBox .txt{display:inline;float:none;text-align:center;}
	footer .conBox .txt span,
	footer .conBox .txt span a{font-size:12px}

	/* 메인 소통해요 */
	.container .comBox{margin-top:3px;}
	.container .comBox .comTit{width:100%;height:50px;padding-top:5px;margin:0;line-height:40px;font-size:20px}
	.container .comBox .comTit br{display:none;}
	.container .comBox .comTit i{display:inline-block;margin-left:15px;font-size:25px}
	.container .comBox .com{width:100%;overflow:hidden;}
	.container .comBox .com a{float:left;display:block;width:20%;height:80px;padding-top:15px;color:white;font-size:14px;}
	.container .comBox .com a i{font-size:28px;line-height:30px;}
	/* 서브 */
	.con_visual{display:none}
	.con_top .con_visual img{width:80%;}
	.con_top .conTxt{padding-top:20px;padding-left:0;padding-right:0;}
	.con_top .conTxt p strong{font-size:18px;}
	.con_top .conTxt p a{font-size:18px;}
	.con_top p,
	.con_body p{font-size:18px;line-height:38px;}

	/*  */
	.nav-justified > li {display: table-cell;float: none;width:1%;}
	.nav-tabs.nav-justified > li > a {border-bottom: 1px solid #ddd;border-radius: 0;}
	.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border-bottom-color: #fff;}
}

@media (min-width:641px){
	.con_top .bx4>div { background:#9dc600}
	.con_top .bx6{ min-height:300px!important; margin-top:-150px;}
	.carousel-inner .item img{width:100%}
	.navbar-nav{ float:right}
	.carousel-caption{bottom:30px;}
	.carousel-indicators{bottom:-240px;}
	.navbar-default .navbar-nav > li > a{padding:15px 10px;}
	footer .conBox .logo{display:none;}
	footer .conBox .txt span,
	footer .conBox .txt span a{font-size:16px}
}

@media (min-width:992px){
	.con_top .bx4>div { background:#3aa1fe}
	.con_top .bx6{ float:right; margin-top:-450px;}
	.carousel-inner .item img{ height:auto;max-width:100%;}
	.navbar-nav{ float:right}
	.carousel-indicators{bottom:-350px;}
	.navbar-default .navbar-nav > li > a{padding:15px 15px;}
	footer .conBox .logo{display:block;}
}

@media (min-width:1200px){
	.con_top{ margin-top:0;}
	.con_top .bx3{ clear:both}
	.con_top .bx4>div { background:#8a6cf2}
	.con_top .bx6{ float:right; margin-top:-150px;}
	.navbar-nav{ float:right}
	.carousel-inner .item img{ max-width:100%;}
}