/* ----------------------------
	main.css
	2018.09.07
---------------------------- */

@charset "utf-8";

/* Main Rolling Visual */
#mask {display:none; position:absolute; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); z-index:500px;}
#rolling_visual{overflow:hidden; width:100%; position:relative;}
#rolling_visual.value {overflow:hidden; position:absolute; z-index:-1; width:100%; height:100%; min-height:250px;}
.mc-cycle{overflow:hidden; position:relative; width:100% !important; height:100%;  z-index:-1;}
.mc-image{-webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition:opacity 1s ease-in-out; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; height:100%; overflow:hidden; width:100% !important;}
.mc-old-browser .mc-image{overflow:hidden;}

.contentContainer{position:absolute; bottom:290px; left:0; width:100%; color:#fff;}
#cycle-nav {width:100%; text-align:center; /*margin-bottom:120px;*/}
#cycle-nav ul li {display:inline-block; width:42px; height:31px; margin:0 5px;}
#cycle-nav ul li a {display:block; width:100%; height:31px; background:url("../images/btn/btn_visual_button.png") 0 0 no-repeat;}
#cycle-nav ul li.activeSlide a {background:url("../images/btn/btn_visual_button.png") 0 -31px no-repeat;}

.visualArea {position:relative;}
.visualArea .visualAreaText {position:absolute; top:30%; left:0; width:100%; text-align:center; color:#1b8ac1; font-size:30px; line-height:52px; font-weight:500;}
.visualArea .visualAreaText em {display:inline-block; width:100%; font-size:46px; color:#024383;}

.section {position:relative; width:100%;}
.section_wrap {position:relative; width:1080px; margin:0 auto; padding:80px 0;}
.section_wrap h2 {position:relative; display:inline-block; width:100%; text-align:center; font-size:36px; line-height:44px; padding:26px 0 40px 0; font-weight:500;}
.section_wrap h2 span {position:absolute; top:0; left:50%; width:90px; height:5px; background:#024383; margin:0 0 0 -50px; border-radius:3px 0 0 0;}
.section_wrap h2 span em {position:absolute; top:0; left:50%; width:50px; height:5px; background:#1b8ac1; margin:0 0 0 10px; border-radius:0 0 3px 0;}

.allbaroInfo {position:absolute; top:-250px; left:0; width:100%; /*background:url('../images/bg/bg_mainAllbaroInfo.png') top center repeat-y;*/}
/*.allbaroInfo_contetnts {width:1080px; margin:0 auto;}*/
.allbaroInfo_contetnts {width:750px; margin:0 auto;}


.allbaroInfo h2 {display:inline-block; width:100%; text-align:left; font-size:26px; line-height:30px; margin:0 0 10px 0; padding:0;}
.allbaroInfo .allbaroInfo_wrap {float:left; height:208px; padding:21px 25px;}
.allbaroInfo .infoTel {width:330px; background:#34a2d8; color:#fff;}
.allbaroInfo .infoTel dl dt {padding:0 0 15px 0; font-size:14px;}
.allbaroInfo .infoTel dl dt span {display:block; font-size:13px; color:#ffed00;}
.allbaroInfo .infoTel dl dt span:first-child {color:#fff; display:block !important;}
.allbaroInfo .infoTel dl dd {display:inline-block; width:100%; font-size:14px; line-height:19px;}
.allbaroInfo .infoTel dl dd input {padding:10px; height:20px; line-height:20px; text-align:center;}
.allbaroInfo .infoTel dl dd input[type=text] {float:left; width:100px;}
.allbaroInfo .infoTel dl dd input[type=tel] {float:right; width:180px;}
.allbaroInfo .infoTel dl dd button {margin:10px 0 0 0; width:100%; background:#b7b7b7; line-height:40px; color:#fff;}
.allbaroInfo .infoTel dl dd button:hover {background:#024383;}
.allbaroInfo .quickMenu {width:352px; height:250px; background:#f7f7f7; padding:0;}
.allbaroInfo .quickMenu ul {display:inline-block; width:100%;}
.allbaroInfo .quickMenu ul li {float:left; width:100%; height:124px; border-top:1px solid #cecece;}
.allbaroInfo .quickMenu ul li:first-child {height:125px; border:0;}
.allbaroInfo .quickMenu ul li a {float:left; display:inline-block; width:135px; height:24px; border-left:1px solid #cecece; font-size:15px; line-height:24px; text-align:center; padding:85px 20px 15px 20px;}
.allbaroInfo .quickMenu ul li a:first-child {width:136px; border:0;}
.allbaroInfo .quickMenu ul li:first-child a {height:25px;}
.allbaroInfo .quickMenu ul li a.quickMenu01 {background:url('../images/btn/btn_mainQuickMenu.png') 0 0 no-repeat;}
.allbaroInfo .quickMenu ul li a.quickMenu02 {background:url('../images/btn/btn_mainQuickMenu.png') 0 -125px no-repeat;}
.allbaroInfo .quickMenu ul li a.quickMenu03 {background:url('../images/btn/btn_mainQuickMenu.png') 0 -250px no-repeat;}
.allbaroInfo .quickMenu ul li a.quickMenu04 {background:url('../images/btn/btn_mainQuickMenu.png') 0 -375px no-repeat;}
.allbaroInfo .quickMenu ul li a.quickMenu01:hover {color:#fff; background:url('../images/btn/btn_mainQuickMenu.png') #024383 -176px 0 no-repeat;}
.allbaroInfo .quickMenu ul li a.quickMenu02:hover {color:#fff; background:url('../images/btn/btn_mainQuickMenu.png') #024383 -176px -125px no-repeat;}
.allbaroInfo .quickMenu ul li a.quickMenu03:hover {color:#fff; background:url('../images/btn/btn_mainQuickMenu.png') #024383 -176px -250px no-repeat;}
.allbaroInfo .quickMenu ul li a.quickMenu04:hover {color:#fff; background:url('../images/btn/btn_mainQuickMenu.png') #024383 -176px -375px no-repeat;}
.allbaroInfo .infoMedical {position:relative; width:306px; background:#e6e8f0; padding:25px 21px 17px 21px;}
.allbaroInfo .infoMedical h2 {margin:0 4px 16px 4px;}
.allbaroInfo .infoMedical ul {display:inline-block; width:306px;}
.allbaroInfo .infoMedical ul li {float:left; width:145px; margin:4px;}
.allbaroInfo .infoMedical ul li a {display:inline-block; width:143px; border:1px solid #d2d5e4; background:#f5f6f9; text-align:center; padding:14px 0; font-size:18px; border-radius:5px;}
.allbaroInfo .infoMedical ul li a span {display:block; font-size:14px; color:#1b8ac1;}
.allbaroInfo .infoMedical ul li a:hover {background:#024383; border:1px solid #024383; color:#fff;}
.allbaroInfo .infoMedical ul li a:hover span {color:#fff;}
.allbaroInfo .infoMedical a.more {position:absolute; top:25px; right:21px; padding:4px 15px; font-size:14px; background:#b7b7b7; color:#fff; border-radius:3px;}
.allbaroInfo .infoMedical a.more:hover {background:#024383;}
.allbaroInfo .infoMedical .mainTel {position:absolute; top:-50px; left:0; width:325px; height:50px; padding:10px 0 0 25px;}
.allbaroInfo .infoMedical .mainTel p {color:#fff; font-size:14px; line-height:30px; position:absolute; z-index:10; letter-spacing:normal !important;}
.allbaroInfo .infoMedical .mainTel p span {font-size:16px; color:#ffed00; font-weight:bold; letter-spacing:normal !important;}
.allbaroInfo .infoMedical .mainTel .telMask {position:absolute; top:0px; left:0; width:100%; height:50px; background:#000; opacity:0.5;}

.allbaroQuick {}
.allbaroQuick ul {display:inline-block; width:1078px; margin:0 1px;}
.allbaroQuick ul li {float:left; width:154px;}
.allbaroQuick ul li a {display:inline-block; width:100%; padding:130px 0 0 0; line-height:22px; text-align:center; position:relative;}
.allbaroQuick ul li a span {position:absolute; top:0; left:50%; width:100px; height:100px; border:1px solid #eee; background:#f5f5f5; text-align:center; line-height:100px; font-size:14px; color:#767676; border-radius:50%; margin:0 0 0 -50px; background-position:-2px -2px; background-repeat:no-repeat;}
.allbaroQuick ul li a:hover span {background-position:-107px -2px;}
.allbaroQuick ul li a span.Micon01 {background-image:url('../images/btn/icon_quick01.png')}
.allbaroQuick ul li a span.Micon02 {background-image:url('../images/btn/icon_quick02.png')}
.allbaroQuick ul li a span.Micon03 {background-image:url('../images/btn/icon_quick03.png')}
.allbaroQuick ul li a span.Micon04 {background-image:url('../images/btn/icon_quick04.png')}
.allbaroQuick ul li a span.Micon05 {background-image:url('../images/btn/icon_quick05.png')}
.allbaroQuick ul li a span.Micon06 {background-image:url('../images/btn/icon_quick06.png')}
.allbaroQuick ul li a span.Micon07 {background-image:url('../images/btn/icon_quick07.png')}

/*.allbaroReview ul li a:hover {width:268px; height:240px; margin:5px; padding:16px; border:5px solid #024383;}*/

.mainPress {background:#1b8ac1; padding:20px 0;}
.mainPress .mainPress_wrap {position:relative; width:1080px; margin:0 auto;}
.mainPress .mainPress_wrap:after {display:block; clear:both; content:''}
.mainPress .mainPress_wrap h2 {position:absolute; top:0; left:0; color:#fff; font-size:26px; line-height:50px;}
.mainPress .mainPress_wrap ul {display:inline-block; width:835px; height:50px; padding:0 65px 0 180px; overflow:hidden;}
.mainPress .mainPress_wrap ul li {float:left; width:100%;}
.mainPress .mainPress_wrap ul li a {position:relative; display:inline-block; width:690px; padding:0 0 0 145px; line-height:50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#fff;}
.mainPress .mainPress_wrap ul li a span {position:absolute; top:8px; left:0; border:1px solid #fff; width:130px; padding:5px 0; font-size:14px; line-height:24px; border-radius:3px; font-weight:500; text-align:center;}
.mainPress .mainPress_wrap ul li a:hover span {background:#fff; color:#34a2d8;}
.mainPress .mainPress_wrap .more {position:absolute; top:5px; right:0; line-height:38px; padding:0 14px; font-size:18px; text-align:center; border:1px solid #fff; background:transparent; color:#fff; border-radius:4px;}
.mainPress .mainPress_wrap .more:hover {border:1px solid #fff; background:#fff; color:#34a2d8;}

.allbaroNews {width:1080px; margin:0;}
.allbaroNews:after {display:block; clear:both; content:''}
.allbaroNews .allbaroNews_section {float:left; width:500px; position:relative; margin:0 0 0 40px; overflow:hidden;} /* 원래 margin:0 0 0 80px*/
.allbaroNews .allbaroNews_section:first-child {margin:0;}
.allbaroNews .allbaroNews_section  h2 {position:relative; display:inline-block; width:100%; text-align:left; font-size:26px; line-height:32px; padding:20px 0 30px 0;}
.allbaroNews .allbaroNews_section  h2 span {left:0; width:40px; margin:0;}
.allbaroNews .allbaroNews_section  h2 span em {left:25px; width:25px; margin:0;}
.allbaroNews .allbaroNews_section .more {position:absolute; top:17px; right:0; line-height:38px; padding:0 14px; font-size:18px; text-align:center; border:1px solid #eeeeee; background:#fff; color:#2e2e2e; border-radius:5px;}
.allbaroNews .allbaroNews_section .more:hover {border:1px solid #024383; background:#024383; color:#fff;}
.allbaroNews .allbaroNews_section .no_board {padding:40px 0; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd; display:inline-block; width:100%;}
.mainNotice {}
.mainNotice ul {display:inline-block; width:100%;}
.mainNotice ul li {float:left; margin:5px 0 0 0;}
.mainNotice ul li:first-child {margin:0;}
.mainNotice ul li a {position:relative; display:inline-block; width:415px; padding:0 85px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mainNotice ul li a span {position:absolute; top:0; right:0; font-size:14px;}
/*.mainPress {}
.mainPress ul {display:inline-block; width:100%;}
.mainPress ul li {float:left; width:100%; height:54px; margin:8px 0 0 0;}
.mainPress ul li:first-child {margin:0;}
.mainPress ul li a {position:relative; display:inline-block; width:290px; height:54px; padding:0 0 0 85px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mainPress ul li a .thumbnail {position:absolute; left:0; top:0; display:inline-block; width:67px; height:52px; line-height:52px; text-align:center; color:#aaa; font-size:13px; border:1px solid #eeeeee; overflow:hidden; background:#f7f7f7;}
.mainPress ul li a:hover .thumbnail {background:#024383; color:#fff;}
.mainPress ul li a .thumbnail img {vertical-align:middle; text-align:center;}
.mainPress ul li a .title {width:100%; margin:0 0 5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mainPress ul li a .subject {width:100%; font-size:14px; color:#767676; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}*/
.allbaroStory {}
.allbaroStory ul {display:inline-block; width:100%;}
.allbaroStory ul li {float:left; width:156px; margin:0 0 0 10px; overflow:hidden}
.allbaroStory ul li a {display:inline-block; width:100%; font-size:14px;}
.allbaroStory ul li:first-child {margin:0;}
.allbaroStory ul li p.thumbnail {display:inline-block; width:156px !important;  height:71px; text-align:center; line-height:83px; color:#767676; font-size:13px; border:1px solid #eeeeee; margin:0 0 10px 0; overflow:hidden; background:#f7f7f7; padding:0}
.allbaroStory ul li p.thumbnail img {width:100% !important; }
.allbaroStory ul li p.title {display:inline-block; margin:0 7%; width:86%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.main .allbaroReview .no_board {padding:100px 0; text-align:center; display:inline-block; width:100%; border:0;}

/*h2 {font-size:26px; line-height:30px;}*/

/* 메인 팝업 추가 (김태한 : 20120626)*/
#popup_zone {position:absolute; top:0; left:0;}
.popup {
	position:absolute; 
	z-index:100;  
	background:#fff;
	display:none; 
	border:1px solid #000;
	cursor:move;
}
.popup_bg {background:#666; position:absolute; z-index:99;}
.popup_close {position:absolute;  left:0; bottom:0; width:100%; height:18px !important; background-color:#000000; color:white; text-align:center; padding:2px 0; cursor:default;}
.popup_close input[type=checkbox] {vertical-align:middle; display:inline-block; }
.popup_close label {display:inline; font-size:12px;}
.popup_close_btn {position:absolute; top:2px; right:2px; display:block; width:16px; height:16px; cursor:pointer; background:url(../images/common/btn_popup_close.png);}