@charset "utf-8";

/*-----------------------------------------------------------------------------------*/
/*  기본 레이아웃
/*-----------------------------------------------------------------------------------*/

 
/**********************************************************************************
	[media query examples]
	@media (max-width: 575px) { }
	@media (max-width: 768px) { }
	@media (max-width: 991px) { }
	@media (max-width: 1199px) { }

	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
**********************************************************************************/
.container {max-width:1400px;margin:0 auto;position:relative;}
.container_s {max-width:1200px;margin:0 auto;position:relative;}
.container-full {width:100%;position:relative;}
@media (max-width: 1400px) {
	.container {width:100%;padding-left:15px;padding-right:15px;}
	.container_s {width:100%;padding-left:15px;padding-right:15px;}
}


#contentWrap {position: relative;width: 100%;padding-top: 185px;}
@media (max-width: 1399px){
	#contentWrap {padding-top: 70px;}
}
#main{margin-top:100px;}

/****************************************** header ******************************************/ 
.sec-header{background: #fff;position:fixed; top:0; left:0; z-index:9; height:100px;width: 100%;text-align:center;  transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; } 
 
/* mouseover */
.sec-header.on{box-shadow:2px 2px 5px rgba(0,0,0,0.05);}
.sec-header.on .nav:after{display:none;}
.sec-header.on .nav > li > h2{color:#333;}  
.sec-header .logo{display: block; width:218px; height:55px; position:absolute; left:15px; top:20px;}   
.sec-header .logo img{height:100%;}

.sec-header:after{opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
.sec-header:before{content:''; width:100%; height:100px; background:#fff; position:absolute; top:0; right:0; z-index:-1; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}

/* menu */
.nav{display:inline-block;overflow:hidden;margin-left: -150px;}
.sec-header.active .nav{overflow:visible;}
.nav:after{content:''; width:100%; height:1px; background:rgba(255,255,255,0.15); position:fixed; left:0; top:100px;}
.nav h2{font-weight:400; cursor:pointer;}
.nav h3{font-weight:400;}
.nav > li{float:left;position: relative;} 
.nav > li h2{color:#000; font-size:18px; padding:0 25px; line-height:100px;min-width: 160px;font-weight:600;}
.nav > li h3{color:#000; font-size:18px; font-weight:500;}  
.nav > li h3 a{ transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;}
.nav > li h3 a:hover{color:#BE3D61;}
.nav > li > a{color:#666; font-size:16px;} 
.nav > li > ul{width:100%; height:0; padding:0;  position:absolute; top:100px; left:0; text-align:center;background-color: #fff;-webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; }
.nav > li > ul > li{ text-align:center; padding:0 5px; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
.nav > li > ul > li > h3{margin:0 0 20px;}
.nav > li > ul > li > a{display:block; padding:5px 0; transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; color:#666;}
.nav > li > ul > li > a:hover{color:#014099;}   
.nav > li.open h2{position:relative; }
.nav > li.open h2:after{content:''; width:6px; height:6px; background:#BE3D61; border-radius:50%; position:absolute; left:50%; top:25px; margin-left:-3px}
.nav > li.on h2:after{content:''; width:6px; height:6px; background:#BE3D61; border-radius:50%; position:absolute; left:50%; top:25px; margin-left:-3px}
.nav > li.open .depth-1{height:auto;}
.nav > li.open .depth-2{height:auto;}
.nav > li.open .depth-3{height:auto;}
.nav > li.open .depth-4{height:auto;}
.nav > li.open .depth-5{height:auto;}
.nav > li.open ul{padding:20px 0 10px 0;}
.nav > li.open ul > li{ opacity:1;}

/* sitemap */
.btn-category {position:absolute; top:0; right:0; width:170px; height:100px; cursor:pointer;background-color:#BE3D61;padding:35px 0 0;}
.btn-category .text{display:inline-block;width:55px;height:35px;vertical-align:middle;text-align:right;line-height:30px;font-size:1.3rem;font-weight:500;color:#fff;}
.btn-category .bar_group{position:relative;width:40px;height:30px;display:inline-block;vertical-align:middle;}
.btn-category .bar_group .bar {position: absolute; left:0; width:100%; height:2px; border:0; background:#fff; transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0.3s, 0.3s, 0s}
.on .btn-category .bar{background:#fff;}
.btn-category .bar:nth-child(1) {top:0; transform:rotate(0)}
.btn-category .bar:nth-child(2) {top:11px; opacity:1}
.btn-category .bar:nth-child(3) {top:22px; transform:rotate(0)} 
.btn-category.map{ right:0;}
.btn-category.map .bar {background:#fff; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
.btn-category.map .bar:nth-child(1) {top:11px; background:#fff; transform:rotate(-45deg)}
.btn-category.map .bar:nth-child(2) {opacity:0}
.btn-category.map .bar:nth-child(3) {top:11px; background:#fff; transform:rotate(45deg)}
   
#sitemap{position:fixed; top:100px; right:-100%; width:100%; height:calc(100% - 100px); background:#fff; padding:50px 20px; z-index:10;transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden; overflow-y:auto;}
#sitemap > ul{max-width:1280px; overflow:hidden; margin:0 auto;}
#sitemap > ul > li{float:left; width:20%; padding:0 10px;}
#sitemap > ul > li h2{font-size:24px; color:#333;}
#sitemap > ul > li h3{font-size:18px; color:#333; font-weight:500; margin:0 0 10px}
#sitemap > ul > li > ul > li{margin:30px 0;}
#sitemap > ul > li > ul > li > a{color:#999; font-size:16px;  padding:7px 0; display:block;}
#sitemap > ul > li h3 > a:hover{color:#014099;}
#sitemap > ul > li > ul > li > a:hover{color:#014099;} 
#sitemap.open{right:0;}
.sec-header.stm-hd{background:#fff }
.sec-header.stm-hd .nav{display:none;}
.scr{overflow-y:hidden;} 
.lang{position:absolute; top:39px; right:200px;}
.lang a{color:#000; font-size:1rem; margin:0 10px; display:inline-block; position:relative;} 
.lang a.active{opacity:1;}
.lang a.active:before{content:''; width:100%; height:2px; position:absolute; bottom:-2px; left:0; background:#fff;}
.sec-header.on .lang a{color:#333;}
.sec-header.on .lang a.active:before{ background:#333;}

/* quick */
.quick-menu{position:fixed; right:20px; bottom:20px; width:60px; opacity:0; transition:all ease .6s; z-index:8; visibility: hidden;}
.quick-menu.on{opacity:1;visibility: visible;}
.quick-menu a{cursor:pointer; margin:10px 0 0; display:block;}
.quick-menu .qm-cu{background:#ffcb07; color:#000; border-radius:50%; text-align:center; font-size:13px; width:60px; height:60px; padding:18px 0 0; line-height:1.2; font-weight:500;}

@media screen and (max-width:1350px){
	/* layout */ 
	.nav{display:none;} 
	#sitemap{  background:rgba(0,0,0,0.5); }
	#sitemap > ul > li{width:100%; float:none; margin:0 0 30px;} 
	#sitemap > ul > li h2{color:#014099;}
	#sitemap > ul > li > ul > li{ height:46px; overflow:hidden; padding:10px 0; margin:0; border-bottom: 1px solid #ddd;} 
	#sitemap > ul > li > ul > li.m-open{height:auto;}
	#sitemap > ul > li h3{background:url('/Class/css/sel-arr.png') no-repeat center right; margin:0;}
	#sitemap > ul > li > ul > li > h3 > a{display:block; background: #fff;}
	#sitemap > ul{max-width:500px;padding:20px; background:#fff; position:absolute; right:0; top:0; width:100%;}  
}


@media screen and (max-width:768px){
	/* layout */
	html{font-size:14px;}
	.sec-header .logo{left:0;}
	.btn-category{right:0;width:90px; }
	.btn-category .text{display:none;}
	.btn-category.map{right:0;}
	.lang{right:100px;}
}
@media screen and (max-width:480px){
	/* layout */
	#main{margin-top:70px;}
	.sec-header .logo{width:150px; background-size:100%;top:10px; left:20px;}
	.sec-header .logo img{height:auto;}

	.lang{top:30px;}
	.lang a{font-size:13px;}
	.btn-category{padding: 25px 0 0;height:70px;} 
	.sec-header{background:#fff; height:70px; box-shadow:2px 2px 5px rgba(0,0,0,0.05);}
	.sec-header .nav:after{display:none;}
	.sec-header .nav > li > h2{color:#333;}  
	.sec-header .lang a{color:#333;}
	.sec-header .lang a.active:before{ background:#333;}
	.sec-header:before{display:none;}
	#sitemap > ul > li{padding:0;}
	#sitemap > ul > li h2{font-size:20px;margin-bottom: 20px;}
	#sitemap > ul > li h3{font-size:17px;}
	#sitemap > ul > li > ul > li > a{font-size:15px;}
	#sitemap{top:70px; height: calc(100% - 70px);}
	.quick-menu{right:10px; bottom:10px;}  


}


/****************************************** footer ******************************************/ 
.sec-footer{position:relative;background:#efefef; color:#999; font-size:14px; padding:20px 30px 50px;}
.sec-footer .wr{margin-left:260px;}
.sec-footer .wr:before{width:221px;height:64px;content:'';position:absolute;top:30px;left:30px;background:url(/image/unilaw/logo.png) no-repeat 0 0;}

.ft-link{padding:20px 0; border-bottom:1px solid rgba(0,0,0,0.2);}
.ft-link a{display:inline-block; margin-right:20px; color:#000;}
.ft-link a:first-child{color:#000; font-weight:400;}
.ft-info{padding:20px 0; position:relative;}
.ft-info .copy{margin:10px 0 0;}
.ft-info p{color:#000;}
.ft-info p span{color:#000;}
.customerNumber{position:absolute; right:30px; top:40px; z-index:2;}
.customerNumber span{display:block;font-size:1.5rem;font-weight:500;color:#000;text-align:right;padding-bottom:15px;}
.customerNumber a{color:#999;font-size:2.5rem;font-weight:700;color:#000;text-align:right;}

/*관련사이트*/
.site-wrap{position: absolute; top:20px; right: 15px;color:#fff;font-size:2rem;display:none}
.site-wrap a{color:#000;}
.site-wrap .relate-site {position: absolute; top:5px; right: 15px; z-index: 2}
.site-wrap .relate-site button {width: 200px; height: 40px; padding:0 30px 0 20px; background:#535353; color:#fff; position: relative; text-align: left;}
.site-wrap .relate-site button:after {content: ''; display: block; width: 0; height: 0; border:4px solid transparent; border-bottom: 6px solid #fff; position: absolute; top:45%; right:20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.site-wrap .relate-site.on button:after {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.site-wrap .relate-site ul {position: absolute; bottom: 40px; left: 0; background: #fff; width: 100%; border:1px solid #4f5b68; display: none; }
.site-wrap .relate-site ul li a {padding:12px 10px; border-bottom: 1px solid #ddd; display: block;font-size:1rem;}
 
@media screen and (max-width:1199px){
	.sec-footer .wr{margin-left:0;margin-top:100px;padding: 0 15px;}
	.sec-footer .wr:before{width:221px;height:64px;content:'';position:absolute;top:30px;left:15px;background:url(/image/unilaw/logo.png) no-repeat 0 0;}
	.site-wrap{position:static;margin-top: 20px;padding: 0 20px;}  
    .site-wrap .relate-site{position:static;text-align:center;margin-top:30px;} 
    .site-wrap .relate-site button{width:calc(100% - 40px);height:60px;margin-bottom:20px;}
    .site-wrap .relate-site:last-child button{margin-bottom:0;}
    .site-wrap .relate-site ul{bottom:120px;}
    .site-wrap .relate-site.family-site ul {bottom: 60px;width: 94%;margin-left: -47%; left: 50%;} 
}
@media screen and (max-width:767px){

	.site-wrap{position:static;margin-top: 20px;padding: 0 10px;}  
    .site-wrap .relate-site button{width:calc(100% - 20px);height:40px;margin-bottom:20px;}
	.site-wrap .relate-site.family-site ul {bottom: 40px;width: 97%;margin-left: -48.5%;left: 50%;}
	.customerNumber{position:static; right:auto; top:auto; z-index:2;text-align:left;}
.customerNumber span{text-align:left; font-weight:600;}
.customerNumber a{font-family: arial;
    font-size: 3rem;}

}


@media screen and (max-width:480px){
	.sec-footer{padding:20px 0 40px; font-size:13px;}
	.ft-link a{margin-right:10px;}
	.ft-link a:last-child{margin-right:0;}

}


/*위로가기*/
#m7-go-top {z-index: 100;position: fixed; overflow: hidden; text-align: center;width: 50px; height: 50px; line-height: 50px; background: #fff; 	-webkit-border-radius: 10px; 	-moz-border-radius: 10px; 	border-radius: 10px;box-shadow: 0 1px 12px rgba(0,0,0,.1);background-clip: padding-box; 	right: 50px; bottom: 50px; font-size: 20px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } 
#m7-go-top:hover {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;background: #4880ee;}
#m7-go-top a { display: block; text-decoration: none; position: relative; height: 100%; color: #4880ee;-webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } 
#m7-go-top a:hover {color: #ffffff;} 
#m7-go-top a span {font-size: 20px;font-weight:bold;display: block;margin-top: 15px;} 
#m7-go-top a img { display: block; position: absolute; top: 0px; left: 0px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } 
#m7-go-top a img + img { position: absolute; top: 0px; left: 0px; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } 
#m7-go-top:hover a img[data-hover-image='true'] {-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;} 
#m7-go-top:hover a img[data-hover-image='true'] + img {-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
@media screen and (min-width:320px) and (max-width:960px) {
#m7-go-top {right: 15px; bottom: 15px;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
#m7-go-top {right: 15px; bottom: 15px;}
}

/*퀵메뉴영역*/
#fl_menu{position:absolute; top:300px; right:0; z-index:9999;}
#fl_menu .menu .menu_item{position:relative;display:block; background:#0f1010; color:#fff;padding:15px 15px 15px 20px;border-bottom:1px solid #252525;font-size:1.3rem;}
#fl_menu .menu .menu_item:hover{color:#71acdb;}
#fl_menu .menu .menu_item span{display:none;position:absolute; top:0; left:-100px;width:100px;height:51px;font-size:1rem;line-height:51px;text-align:center;background-color:#151b22;color:#fff;}
#fl_menu .menu .menu_item:hover span{display:block;animation: fadein 1s; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s;}
@media (max-width: 768px) { 
 #fl_menu{ top:150px; }
}
	
	
	
	@keyframes fadein {
        from {
            opacity: 0;
        }
 
        to {
            opacity: 1;
        }
    }
 
    @-moz-keyframes fadein {
 
        /* Firefox */
        from {
            opacity: 0;
        }
 
        to {
            opacity: 1;
        }
    }
 
    @-webkit-keyframes fadein {
 
        /* Safari and Chrome */
        from {
            opacity: 0;
        }
 
        to {
            opacity: 1;
        }
    }
 
    @-o-keyframes fadein {
 
        /* Opera */
        from {
            opacity: 0;
        }
 
        to {
            opacity: 1;
        }
    }



/*-----------------------------------------------------------------------------------*/
/* main
/*-----------------------------------------------------------------------------------*/


#mainSlide {display:none;position: relative; overflow: hidden;width: 100%;min-height: 400px;background-color: #999;}
.inner-content {position: relative;z-index: 2; margin: 170px auto;padding: 40px;max-width: 600px;color: #fff;text-align: center;font-size: 1.5em;}
.inner-content p{font-size:1.2rem;font-weight:300;}
.inner-content p strong{margin-bottom:10px;display:block;font-size:3rem;font-weight:600;}
@media (max-width: 1199px) {
	#mainSlide {display:block;}
}



#videoArea{height: 700px;}
#videoArea .container-full{overflow: hidden; height: 700px;}
#videoArea .container-full .videoLink_title{display:block;position:absolute;top:250px;left:0;width:100%;text-align:center;padding-left: 30px;}
#videoArea .container .videoLink_title h2{color:#fff; font-weight: 700;font-size:5.5rem;text-align:left;  font-family: 'S-CoreDream-6Bold';margin-bottom:10px;}
#videoArea .container .videoLink_title  p{color:#fff; font-weight: 200;font-size:1.8rem;text-align:left;}
#videoArea .container-full video{width: 120%;height: auto;margin: 0 auto; box-sizing: border-box;height: 70vh;left: 50%;object-fit: cover;min-height: 100%;min-width: 100%;position: absolute;top: 55%;transform: translate(-50%,-55%);width: 100vw;visibility: visible;}

@media (max-width: 1199px) {
	#videoArea,
	#videoArea .container-full{height: auto;}
	#videoArea .container-full video{display:none;}
	#videoBlank{position:relative;width:100%;height:auto;margin-top: 0;}



}

.Main_title{position:relative;font-size:2.2rem;text-align:left;color:#000;padding-bottom:35px;line-height:2rem;font-weight:400;}
.Main_title span{font-weight:600;}


#grayArea{background-color:#eee;padding:100px 0;}
#grayArea .Main_title{position:relative;font-size:2.2rem;text-align:left;color:#000;padding-bottom:35px;line-height:2rem;font-weight:600;}

#grayArea .mySwiper .swiper {width: 100%;height: auto;}
#grayArea .mySwiper .swiper-wrapper{height:500px;}
#grayArea .mySwiper .swiper-slide {font-size: 18px;}
#grayArea .mySwiper .swiper-slide figure{margin:0;}
#grayArea .mySwiper .swiper-slide figure img{width:100%;}
#grayArea .mySwiper .swiper-slide .inner{}
#grayArea .mySwiper .swiper-slide .inner h3{font-size:1.6rem;border-bottom:2px solid #000;padding:25px 0 20px;}
#grayArea .mySwiper .swiper-slide .inner p {margin-top:10px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word;}

#grayArea .mySwiper .swiper-slide:hover {background-color:#1A2442;}
#grayArea .mySwiper .swiper-slide:hover .inner{padding:0 20px;}
#grayArea .mySwiper .swiper-slide:hover .inner h3{color:#fff;border-color:#fff;}
#grayArea .mySwiper .swiper-slide:hover .inner p {color:#fff;}

#grayArea .mySwiper .swiper-button-prev{left: auto;right: 60px;border:1px solid #ddd;background-color:#fff;border-radius:20px;width:40px;height:40px;} 
#grayArea .mySwiper .swiper-button-prev:after{font-size:1.4rem;width: 13px;color:#000;} 
#grayArea .mySwiper .swiper-button-next{border:1px solid #ddd;background-color:#fff;border-radius:20px;width:40px;height:40px;padding-left: 5px;} 
#grayArea .mySwiper .swiper-button-next:after{font-size:1.4rem;width: 13px;color:#000;} 


#onlineArea{background-color:#fff;padding:100px 0;overflow:hidden;}
#onlineArea .container:after{display:block;content:'';width:616px;height:769px;background:url(/image/unilaw/member.png) no-repeat 0 0;position:absolute;top:0;;right:-150px;z-index:0;}
#onlineArea .qusition {position:relative;z-index:1;}
#onlineArea .qusition .morebtn{position:absolute;top:0;right:0;background-color:#eee;border-radius:5px;padding:10px 20px;font-size:1.2rem;}
#onlineArea .qusition button a{color:#000;}
#onlineArea .qusition ul {border-top:2px solid #000;}
#onlineArea .qusition ul li{position:relative;border-bottom:1px solid #000;padding:20px;font-size:1.1rem;overflow:hidden;text-overflow: ellipsis; width:100%;white-space:nowrap;}
#onlineArea .qusition ul li a{display:block;padding-right:100px;width:100%;overflow:hidden;text-overflow: ellipsis; white-space:nowrap;}
#onlineArea .qusition ul li span.category1{width:90px;color:#fff;background-color:#1A2442;padding:4px 10px;display:inline-block;text-align:center;font-size:1rem;border-radius:5px;margin-right:10px;}
#onlineArea .qusition ul li span.category2{width:90px;color:#fff;background-color:#A58E58;padding:4px 10px;display:inline-block;text-align:center;font-size:1rem;border-radius:5px;margin-right:10px;}
#onlineArea .qusition ul li span.category3{width:90px;color:#000;background-color:#EEE;padding:4px 10px;display:inline-block;text-align:center;font-size:1rem;border-radius:5px;margin-right:10px;}
#onlineArea .qusition ul li span.date{display: block;position: absolute;top: 25px;right: 0;}

#onlineArea .qusition .subMain_title {position:relative;}
#onlineArea .qusition .subMain_title:after {display: block;content: '';width: 300px;height: 2px;position: absolute;bottom: 15px;left: 0;background-color: #b6b7b9;}
#onlineArea .qusition .name{text-align:right;margin-top:70px;}
#onlineArea .qusition .name .eng{color:#A58E58;font-size:1rem;font-weight:400;}
#onlineArea .qusition .name h3{color:#1A2442;font-size:1.8rem;margin-top:10px;}
#onlineArea .qusition .name p{color:#7E7E7E;font-size:1.2rem;font-weight:400;margin-top:10px;}
@media (max-width: 991px) { 
#onlineArea .container:after{display:none;}
}
@media (max-width: 768px) { 

	#onlineArea .qusition ul li span.writing,
	#onlineArea .qusition ul li span.waiting,
	#onlineArea .qusition ul li span.completion{position:static;text-align:center;margin-top:15px;}
}

@media (max-width: 575px) { 
	#onlineArea .qusition ul li{font-size:1.2rem;}
	#onlineArea .qusition ul li span.category{display:block;margin-bottom:10px;}
	#onlineArea .qusition ul li{padding:20px 15px;}
}




#boardArea{padding:100px 0;background:#1A2442 url(/image/unilaw/mainBg.png) no-repeat center center;background-size:cover;}
#boardArea .Main_title{color:#fff;position:relative;}
#boardArea .Main_title .more{position:absolute;top:0;right:0;color:#fff;display:block;border:1px solid #fff;padding:5px 20px;font-size:1rem;}
@media (max-width: 991px) { 
	#boardArea .Main_title.mot{margin-top:50px;}

}
#boardArea ul.culDcon{display: flex;flex-flow: row wrap;justify-content: space-between;}
#boardArea ul.culDcon li{width:49%;margin-bottom:20px;padding:0;}
#boardArea ul.culDcon li .bDiv{border:1px solid #ddd;width:; height:auto;min-height:140px;padding:20px 15px;background-color:#fff;}
#boardArea ul.culDcon li figure {margin:0;padding:0;}
#boardArea ul.culDcon li figure img{width:100%;max-width:100%;}
#boardArea ul.culDcon li .bDiv .Gtit{font-size: 1.2rem;color: #000;font-weight: 400;padding: 10px 0 4px;display: block;line-height: 1.8rem;height:70px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word;}
#boardArea ul.culDcon li .bDiv p{font-size: .9rem;line-height: 1.3rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word;}
#boardArea ul.culDcon li .bDiv .date{font-size: .9rem;line-height: 1.3rem;color:#B5B5B5;margin-top:10px;}
@media (min-width: 991px) { 
	#boardArea ul.culDcon li figure {overflow:hidden;}

}
@media (max-width: 575px) {
#boardArea ul.culDcon li .bDiv .Gtit{height:90px;-webkit-box;-webkit-line-clamp: 3;}

}



#boardArea .bList{border-top:2px solid #fff;}
#boardArea .bList li {position:relative;line-height:1.8em;font-size:1.2rem;border-bottom:1px solid #fff;padding:20px;}
#boardArea .bList li a{color:#fff;width:calc(100% - 90px);display:inline-block;vertical-align:bottom;white-space:nowrap;text-overflow:ellipsis;     /* IE, Safari */-o-text-overflow:ellipsis;      /* Opera under 10.7 */overflow:hidden;   }
#boardArea .bList li span{display:block;position:absolute;top:20px;right:15px;font-size:1.2rem;color:#fff;}


#menuArea{padding:100px 0;background-color:#212121;}
#menuArea .Main_title{color:#fff;position:relative;line-height:1.3;}
#menuArea ul.menuSitemap {width:100%;border-top:2px solid #fff;margin-top:30px;}
#menuArea ul.menuSitemap > li{position:relative;border-bottom:1px solid #fff;padding:20px;}
#menuArea ul.menuSitemap > li h3{color:#fff;font-size:1.2rem;font-weight:400;}
#menuArea ul.menuSitemap > li h3 i{padding-left:10px;}
#menuArea ul.menuSitemap > li > ul{position:absolute;top:20px;right:20px;}
#menuArea ul.menuSitemap > li > ul > li{display:inline-block;position:relative;padding:0 20px 0 10px;}
#menuArea ul.menuSitemap > li > ul > li a{color:#fff;font-size:1.4rem;}
#menuArea ul.menuSitemap > li > ul > li:after{display:block;position:absolute;top:50%;right:0;content:'';width:2px;height:2px;background-color:#fff;}
#menuArea ul.menuSitemap > li > ul > li:last-child:after{display:none;}

@media (max-width: 991px) { 
	#menuArea ul.menuSitemap > li {padding:30px 0;}
	#menuArea ul.menuSitemap > li h3{font-size:1.1rem;}
	#menuArea ul.menuSitemap > li > ul{position:static;top:auto;right:auto;margin-top:20px;}
	#menuArea ul.menuSitemap > li > ul li{margin-bottom:5px;}


}


/*-----------------------------------------------------------------------------------*/
/* sub
/*-----------------------------------------------------------------------------------*/


.whiteArea{background-color:#fff;padding:80px 0;}
.grayArea{background-color:#f4f6f9;padding:80px 0;}

/* 컨텐츠 */
.subWrap {margin:0 ;}
.subMain_title{font-size:2.2rem;text-align:center;color:#000;padding-bottom:35px;line-height:2rem;font-weight:400;}
.subMain_title span{font-weight:600;}
.subMain_title .small{font-size:1.1rem;font-weight:300;color:#3a50af;padding-top:10px;}
.subMain_title.right-title{text-align:left;line-height:1.2;}

.sub_title{font-size:1.6rem;font-weight:600;margin-bottom:30px;padding-bottom:0;color:#243e8b;padding-left:15px;border-left:3px solid #243e8b;}
.box-title{position:relative;color:#000;font-size:1.4rem;font-weight:500;padding-bottom:20px;}
.box-title span.req{display:inline-block;position:absolute;top:5px;right:0;font-size:1.1rem;color:#000;font-weight:400;}
.fgtitle{color:#222;font-size:1.2rem;font-weight:500;padding-bottom:15px;}
@media (max-width: 1199px) {

}
@media (max-width: 767px) { 
	.subMain_title{font-size:2rem;}
}

p.txt{font-size:1.2rem;line-height:1.5;text-align:justify;}

ol.olStyle2{}
ol.olStyle2 li{position:relative;background-color:#e8e8e8;width:130px;height:50px;margin-bottom:10px;border-radius:10px;display:inline-block;margin-right:40px;text-align:center;font-size:.9rem;}
ol.olStyle2 li>div{display: flex;flex-flow: row wrap; justify-content: center; align-content: center;height: 100%;line-height:1.2;}
ol.olStyle2 li>div>span{display:block;}
ol.olStyle2 li:after{position:absolute;top:10px;right:-30px;display:block;width:20px;height:20px;content: "\e628";font-family: 'themify';color:#cbcbcb;}
ol.olStyle2 li:last-child:after{display:none;}
ol.olStyle2 li:last-child{margin-right:0;}

	@media (max-width: 1240px) { 
		ol.olStyle2 li{width:120px;font-size:.9rem;border-radius:5px;}

	}
	@media (max-width: 1024px) { 
		ol.olStyle2 li{width:110px;margin-right:20px;}
		ol.olStyle2 li:after{right:-22px;width:18px;height:18px;}
		ol.olStyle2 li.kakao{background:#f7e290;padding-left:0;}

	}
	@media only screen and (max-width: 600px) {
		ol.olStyle2 li{}

	}


/*visual*/

#visualBox{width:100%; position:relative;overflow:hidden;height: 270px;background: rgba(0,0,0,0.5);}
#visualBox .container{}
#visualBox h2{color:#fff;margin-top:85px;font-size:3rem;font-weight:500;text-align:center;}
#visualBox h2 span{font-size: 1.3rem;font-weight: 300;display: block;padding-top: 10px;}
#visualBox .visualImg{ width:100%; height:100%;position:absolute; left:0; top:0; z-index:-1;background-size:cover; animation-duration: 3s;animation-fill-mode: both;animation-iteration-count: 1;animation-timing-function: ease;-webkit-animation-duration: 3s;-webkit-animation-fill-mode: both;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;animation-delay: 0.4s; -webkit-animation-delay: 0.4s;animation-name:visual-zoom; -webkit-animation-name:visual-zoom;}

	@media (max-width: 1199px) {
		#visualBox{height:200px;}
		#visualBox h2{margin-top:50px;}
	}
 	@media (max-width: 768px) {
		#visualBox h2{margin-top:10px;}

		#visualBox h2{font-size:2.5rem;line-height:1}
		#visualBox h2 span{font-size:1.3rem;display:block;padding-top:10px;line-height: 1.3;}
		#visualBox .container { padding-top: 45px;		  }
	}
	@media (max-width: 575px) {

	}

	@keyframes visual-zoom {
		0% {transform:scale(1.2);}
		100% {transform:scale(1);}
	}
	@-webkit-keyframes visual-zoom {
		0% {transform:scale(1.2);}
		100% {transform:scale(1);}
	}
	@keyframes visual-tit {
		0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
		100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
	}
	@-webkit-keyframes visual-tit {
		0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
		100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
	}




/*레이아웃*/
	.menuBox {border-bottom:1px solid #ddd;}
	.menuBox .container {padding-left:61px;}
	.menuBox .container .btn_home {display:none;position:absolute;top:0;left:0;font-size:1.3rem;border-right:1px solid #ddd;border-left:1px solid #ddd;padding: 17px 20px;height:60px;background-color: #d4d4d4;}
	.menuBox:after {clear:both;display:block;content:'';width:0;height:0;}
	.menuBox ul{margin:0;padding:0;text-align:center;}
	.menuBox ul li{position:relative;text-align:center;display:inline-block;height:60px;font-size:17px;padding:20px 40px;}
	.menuBox ul li:before {content: 'i';position: absolute;left: 0;top: 25px;color: #d7d7d7;font-size: 10px;font-weight: 900;text-transform: uppercase;}
	.menuBox ul li:first-child:before {display:none;}
	.menuBox ul li a{display:block;width:100%;height:100%;}
	.menuBox ul li.menuOn{}
	.menuBox ul li.menuOn a{font-weight:600;color:#d52657;}

	.subContentBox{padding:0 0 50px 0;min-height:700px;}
	.subContentBox .titleArea {position:relative;width:100%;margin:60px 0 30px;padding-bottom:20px;text-align:center;}
	.subContentBox .titleArea .navigation {color:#000;font-weight:400;margin-top:15px;}
	.subContentBox .titleArea .navigation strong{color:#000;font-weight:400;}
	.subContentBox .titleArea .navigation .ti-angle-right{font-size:.7rem;padding:0 5px;}
	.subContentBox .titleArea .navigation .ti-home{color:#000}

	.subContentBox .titleArea h1{letter-spacing: -1px;font-size: 50px;font-weight: 600;color: #222;}
	.subContentBox .subcontentArea{padding:20px;}

@media (max-width: 1199px) {
	.menuBox{display:none;}
	.subContentBox{margin-left:0;padding:0 0 50px 0;}
	.subContentBox .subcontentArea{padding:20px 0;}
	.subContentBox .titleArea h1{font-size: 3rem;}	

}

@media (max-width: 768px) { 
	.subContentBox .titleArea h1{font-size: 2.5rem;}		
}



/* content bg */
.bg01{background:url('/image/unilaw/visual_01.png') no-repeat center center;}
.bg02{background:url('/image/unilaw/visual_02.png') no-repeat center center;}	/*게시판 상담신청*/
.bg03{background:url('/image/unilaw/visual_03.png') no-repeat center center;}
.bg04{background:url('/image/unilaw/visual_04.png') no-repeat center center;}
.bg05{background:url('/image/unilaw/visual_05.png') no-repeat center center;}
.bg06{background:url('/image/unilaw/visual_06.png') no-repeat center center;}
.bg07{background:url('/image/unilaw/visual_07.png') no-repeat center center;}
.bg08{background:url('/image/unilaw/visual_08.png') no-repeat center center;}