@charset "UTF-8";

header{position: relative;top: 30px;z-index: 55;}
header.fixed{position: fixed;top: 0;left: 0;width: 100%;height: 48px;padding-top: 9px;background-color: #f6f6f3;border-top: 1px solid #ecece9;border-bottom: 1px solid #ecece9;box-sizing: border-box;-webkit-box-sizing: border-box;}
header:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
header .header-wrap h1{position: absolute;left: 0;margin-left: 20px;z-index: 10;}
header.nav-active .header-wrap h1{z-index: 100;}
header .header-wrap h1 a{display: block;width: 334px;height: 28px;background: url('../images/logo_01.png') 0 0 no-repeat;}
header.header02 .header-wrap h1 a,
header.nav-active .header-wrap h1 a,
header.fixed .header-wrap h1 a{display: block;width: 334px;height: 28px;background: url('../images/logo_02.png') 0 0 no-repeat;}
header .header-wrap h1 a span{display: block;font-size: 1px;text-indent: -9999px;overflow: hidden;}
header .header-wrap h1 img{vertical-align: top;}

header.header02 .gnb .menu li.depth01 > a{color: #010101;}
header.header02 .gnb .menu li.depth01.current > a{color: #df1e36;}

/* 200309 김준엽 수정 */
.policy.update header.header02 .gnb .menu li.depth01 > a {color: #fff;}
.policy.update header.header02.fixed .gnb .menu li.depth01 > a {color: #000;}
.policy.update header.header02 .gnb .menu li.depth01.current > a {color: #df1e36;}
.policy.update header .header-wrap h1 a {background: url("../images/logo_01.png") 0 0 no-repeat;}
.policy.update header.fixed .header-wrap h1 a {background: url("../images/logo_02.png") 0 0 no-repeat;}

.gnb{display: inline-block;margin-right: 28px;}
.gnb .menu{}
.gnb .menu li.depth01{display: inline-block;position: relative;padding: 0 1.8rem 0 1.7rem;line-height: 1;text-align: center;vertical-align: top;}
.gnb .menu li.depth01 > a{padding-top: 0.5rem;font-size: 1.8rem;color: #fff;font-weight: 400;line-height: 1;vertical-align: top;font-family: 'Noto sans SC', sans-serif;}
.fixed .gnb .menu li.depth01 > a{color: #000;}
.gnb .menu li.depth01.current > a{color: #df1e36;}
.gnb .menu li.depth01.active > a,
.gnb .menu li.depth01  > a:hover{color: #df1e36;}
.gnb .menu .depth01.active ul.depth02{display: block;}
.gnb .menu ul.depth02{display: none;position: absolute;left: -27px;right: 0;top: 38px;width: 160px;padding: 10px 0;background-color: #fff;border-top: 1px solid #df1e36;}
.gnb .menu .menu02 ul.depth02{width: 190px;}
.fixed .gnb .menu ul.depth02{top: 33px;}
.gnb .menu .menu01 ul.depth02{left: -17px;}
.gnb .menu .menu02 ul.depth02{left: -41px;}
.gnb .menu .menu03 ul.depth02{left: -26px;}
.gnb .menu .menu04 ul.depth02{left: -4px;}
.gnb .menu .menu05 ul.depth02{left: -9px;}
.gnb .menu ul.depth02 li{text-align: center;}
.gnb .menu ul.depth02 li a{font-size: 14px;line-height: 30px;color: #000;font-family: 'Noto sans SC', sans-serif;}
.gnb .menu ul.depth02 li a:hover{color: #df1e36;}
header .menu-wrap{position: absolute;right:0;z-index: 10;}
header.nav-active .menu-wrap{z-index: 100;}
header.nav-active .menu-wrap .gnb{display: none;}
header .menu-wrap .law-firm{display: inline-block;width: 91px;height: 19px;margin-top: 0.5rem;margin-left: 17px;line-height: 1;font-size: 1px;text-indent: -9999px;overflow: hidden;background: url('../images/firm_01.png') 0 0 no-repeat;vertical-align: top;}
header.nav-active .menu-wrap .law-firm,
header.fixed .menu-wrap .law-firm{background: url('../images/firm_02.png') 0 0 no-repeat;}
header.header02 .menu-wrap .law-firm{background: url('../images/firm_02.png') 0 0 no-repeat;}
.select.language{display: inline-block;width: 92px;margin-left: 3rem;line-height: 1;vertical-align: top;background: url('../images/ico/global.png') 0 50% no-repeat;}
.select.language .label{font-size: 1.4rem;line-height: 2.2857;color: #dd0330;border-bottom: 0 none;text-align: left;font-weight: 500;font-family: 'Roboto';}
.select.language .label:after{top: 14px;width: 8px;height: 5px;background: url(../images/ico/select_02.png) 0 0 no-repeat;}
.select.language .label.active:after{background: url(../images/ico/select_02_active.png) 0 0 no-repeat;}
.select.language .label span{font-size: 1.4rem;line-height: 2.2857;text-align: left;text-indent: 0;font-family: 'Roboto';color: #dd0330;}
.select.language .select-list{padding: 10px 0;border-top: 1px solid #df1e36;background-color: #fff;margin-left: -13px;
-webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.02);
-moz-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.02);
box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.02);}
.select.language .select-list li a{padding: 0;font-size: 14px;line-height: 30px;text-indent: 0;text-align: center;font-weight: 500;font-family: 'Roboto';}
.select.language .select-list li a:hover{color: #df1e36;background-color: #fff;}

.menu-wrap .btn-search{display: inline-block;width: 26px;height: 26px;margin-top: 0.2rem;margin-right: 2rem;font-size: 0;text-indent: -9999px;vertical-align: top;overflow: hidden;background: url('../images/ico/search_01.png') 0 0 no-repeat;}
.menu-wrap .btn-nav{display: inline-block;width: 24px;height: 24px;margin-top: 0.2rem;margin-right: 2.6rem;font-size: 0;text-indent: -9999px;vertical-align: top;overflow: hidden;background: url('../images/ico/nav_01.png') 0 50% no-repeat;}
.menu-wrap .btn-nav.close{background: url('../images/ico/close_01.png') 0 50% no-repeat;}

.menu-wrap .select .select-list.active{margin-top: 3px;}

@media screen and (max-width: 1540px) {
	.gnb{margin-right: 10px;}
	.gnb .menu li.depth01{padding-left: 1rem;padding-right: 1rem;}

	header .menu-wrap .law-firm{margin-left: 7px;}
}

@media screen and (max-width: 1480px) {
	.gnb{margin-right: 0;}
	header .menu-wrap .law-firm{margin-left: 0;}
}

@media screen and (max-width: 1080px) {
	.gnb .menu li.depth01{padding-left: 0.3rem;padding-right: 0.3rem;}
	.gnb .menu li.depth01 > a{font-size: 1.5rem;}
}

nav{display: none;}
nav.active{display: block;position: absolute;top: -30px;width: 100%;background-color: #fff;z-index: 10;}
nav .menu{display: none;}
nav.active .menu{display: block;height: 400px;padding-top: 10rem;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;}
nav .menu .depth01{display: inline-block;text-align: center;vertical-align: top;}
nav .menu .depth01 > a{padding: 0 5rem 1.2rem;font-size: 2rem;line-height: 2.4rem;color: #000;font-weight: 500;border-bottom: 1px solid #fff;}
nav .menu .depth01.active > a,
nav .menu .depth01.hover > a,
nav .menu .depth01 > a:hover{color: #df1e36;border-bottom: 1px solid #df1e36;}
nav .menu .depth01 .depth02{padding-top: 0.8rem;}
nav .menu .depth01 .depth02 li{display: block;text-align: center;font-size: 0;}
nav .menu .depth01 .depth02 li a{font-size: 1.6rem;line-height: 3rem;color: #000;}
nav .menu .depth01 .depth02 li a:hover{color: #df1e36;}

.cont-wrap .article.left{float: left;width: 820px;padding-top: 8rem;}
.management.policy02 .cont-wrap .article.left{width: 1080px;}
.business.introduce02 .cont-wrap .article.left{width: 820px;}
.cont-wrap > .aside{float: right;width: 320px;}

footer{position: relative;width: 100%;height: 700px;background-color: #f6f6f3;border-top: 1px solid #df1e36;}
footer .footer-wrap{max-width: 1200px;height: 100%;margin: 0 auto;background:#f6f6f3 url('../images/bg/footer.png') 50% 0 no-repeat;}
footer .footer-wrap .city-list{margin-top: 1px;padding-top: 14.3rem;padding-bottom: 13.8rem;text-align: center;}
footer .footer-wrap .city-list li{display: inline-block;position: relative;line-height: 1;padding-right: 1.5rem;padding-left: 1.6rem;}
footer .footer-wrap .city-list li:after{content: '';display: block;position: absolute;left:0;top: 0.6rem;width: 1px;height: 8px;background-color: #efb5ba;}
footer .footer-wrap .city-list li:first-child:after{display: none;}
footer .footer-wrap .city-list li a{line-height: 1;font-size: 2rem;color: #df1e36;}
footer .footer-wrap .data-list{float: left;font-size: 0;}
footer .footer-wrap .data-list li{display: inline-block;position: relative;padding-right: 0.9rem;padding-left: 1rem;line-height: 1;}
footer .footer-wrap .data-list li:first-child{padding-left: 0;}
footer .footer-wrap .data-list li:after{content: '';display: block;position: absolute;left: 0;top: 0.2rem;width: 1px;height: 14px;background-color: #acacaa;}
footer .footer-wrap .data-list li:first-child:after{display: none;}
footer .footer-wrap .data-list li a{font-size: 1.6rem;line-height: 1;color: #000;vertical-align: top;}
footer .footer-wrap .related-site{float: right;}
footer .footer-wrap .related-site a{position: relative;width: 320px;height: 48px;padding: 0 2rem;border: 1px solid #df1e36;font-size: 1.6rem;line-height: 4.6rem;color: #df1e36;box-sizing: border-box;-webkit-box-sizing: border-box;}
footer .footer-wrap .related-site a:hover{background-color: #df1e36;color: #fff;}
footer .footer-wrap .related-site a:after{content: '';display: block;position: absolute;right: 2.3rem;top: 1.5rem;width: 8px;height: 14px;background: url('../images/ico/arrow_02.png') 0 0 no-repeat;-webkit-background-size: 8px auto;background-size: 8px auto;}
footer .footer-wrap .related-site a:hover:after{content: '';display: block;position: absolute;right: 2.3rem;top: 1.5rem;width: 8px;height: 14px;background: url('../images/ico/arrow_02_active.png') 0 0 no-repeat;}
footer .footer-wrap .text-wrap{clear: both;width: 100%;max-width: 1200px;margin: 35px auto 0;text-align: left;}
footer .footer-wrap .text-wrap .company{display: block;width: 334px;height: 28px;margin-top: 4.5rem;background: url('../images/logo_02.png') 0 0 no-repeat;}
footer .footer-wrap .text-wrap address{padding-top: 2.5rem;font-size: 1.4rem;line-height: 2.4rem;color: #000;}
footer .footer-wrap .text-wrap .contact{font-size: 1.4rem;line-height: 2.4rem;color: #000;}
footer .footer-wrap .text-wrap .contact li{display: inline-block;}
footer .footer-wrap .text-wrap .contact li span{font-size: 1.4rem;line-height: 2.4rem;color: #000;}
footer .footer-wrap .text-wrap .contact li a,
footer .footer-wrap .text-wrap .contact li div{display: inline-block;padding-left: 0.5rem;padding-right: 1.5rem;font-size: 1.4rem;line-height: 2.4rem;color: #000;}

footer .footer-wrap .text-wrap .copyright{padding-top: 2.6rem;font-size: 1.4rem;line-height: 1.8rem;color: #000;}
footer .to-top{position: absolute;right: 0;top: 0;width: 48px;height: 47px;background: #df1e36 url('../images/ico/arrow_06.png') 50% 50% no-repeat;}
footer .share{display: none;}


@media only screen and (max-width:1280px){
header .menu-wrap .law-firm{display: none;}
header.nav-active .menu-wrap .law-firm{display: inline-block;}
.select.language{display: none;}
header.nav-active .select.language{display: inline-block;}
}

@media only screen and (max-width:1240px){
	.cont-wrap{position: relative;padding-left: 4rem;padding-right: 4rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
	.cont-wrap .article.left{position: relative;float: none;width: 100%;padding-right: 38rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
	.cont-wrap > .aside{float: none;position: absolute;right: 4rem;top: 0;width: 320px;margin-left: 6rem;/*padding-left: 6rem;*/}
}

@media only screen and (max-width:1240px){
	nav .menu .depth01 > a{padding: 0 3rem 1.2rem;}
	footer .footer-wrap .text-wrap{padding-left: 4rem;padding-right: 4rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
	footer .footer-wrap .data-list{padding-left: 4rem;}
	footer .footer-wrap .related-site{padding-right: 4rem;}
}



@media only screen and (max-width:1024px){
		footer .footer-wrap .related-site{float: none;margin-top: 5rem;padding-left: 4rem;padding-right: 4rem;}
		footer .footer-wrap .related-site a{width: 100%;}
		.gnb{display: none !important;}
		.gnb .menu{display: none;}
		.cont-wrap .article.left{display: block;float: none;width: 100%;padding-right: 0;}
		.cont-wrap > .aside{display: block;width: 100%;position: static;left: auto;top: auto;right: auto;margin-left: 0;padding-left: 0;}
}

@media only screen and (max-width:840px){
	nav .menu .depth01 > a{padding: 0 2rem 1.2rem;}
}

@media only screen and (min-width:768px){
footer .footer-wrap .text-wrap .contact li a{cursor: text;}
}

@media only screen and (max-width:768px){
header{top: 2.1rem;}
header .header-wrap{/*padding-top: 1.6rem;*/padding-top: 0;}
header .header-wrap h1 a{width: 234px;height: 20px;background: url(../images/logo_01_m.png) 0 0 no-repeat;-webkit-background-size: 234px auto;background-size: 234px auto;}
header.fixed{height: 52px;padding-top: 1.6rem;}
header.header02 .header-wrap h1 a, header.nav-active .header-wrap h1 a,
header.fixed .header-wrap h1 a{width: 234px;height: 20px;background: url(../images/logo_02_m.png) 0 0 no-repeat;-webkit-background-size: 234px auto;background-size: 234px auto;}
.menu-wrap .btn-search{position: absolute;right: 60px;top: 0;width: 21px;height: 21px;margin-top: 0;margin-right: 0;background: url(../images/ico/search_01_m.png) 0 0 no-repeat;-webkit-background-size: 21px auto;background-size: 21px auto;}
.menu-wrap .btn-nav{position: absolute;right: 20px;top: 0;width: 19px;height: 17px;margin-top: .2rem;margin-right: 0;background: url(../images/ico/nav_01_m.png) 0 50% no-repeat;-webkit-background-size: 19px auto;background-size: 19px auto;}
header.nav-active{height: 100%;background: #fff;top: 0;padding-top: 1.6rem;}
header.fixed.nav-active{/*position: relative;*/position: fixed;height: 100%;border: 0 none;background-color: #fff;overflow-y: scroll;}

/*header.fixed.nav-active .header-wrap{position: absolute;left: 0;width: 100%;}*/


.nav-active .menu-wrap .btn-nav{position: absolute;right: 20px;top: 0;}
.menu-wrap .btn-nav.close{height: 19px;-webkit-background-size: cover;background-size: cover;}

.nav-active .law-firm{width: 108px;margin-top: 3.5rem;margin-left: 3.5rem;background: url('../images/ico/dooroo.png') 0 0 no-repeat;-webkit-background-size: 108px auto;background-size: 108px auto;font-size: 1px;text-indent: -9999px;overflow: hidden;}
.cont-wrap{display: block;margin: 0;padding-left: 2rem;padding-right: 2rem;padding-bottom: 6rem;}
.cont-wrap .article.left{float: none;width: 100%;padding-top: 4.7rem;}
.cont-wrap > .aside{float: none;width: 100%;padding-top: 8.8rem;}

/*nav.active{height: 100%;}*/

nav.active{position: static;top: auto;height: 100%;}
nav.active .menu-wrap{position: absolute;
    left: 0;
    right: 0;
    top: 5rem;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
    background-color: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10001;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;}

nav.active .menu{padding-top: 8.9rem;padding-left: 2rem;padding-right: 2rem;position: relative;background-color: #fff;height: auto;}

nav .menu .depth01{display: block;width: 100%;text-align: left;}
nav .menu .depth01 > a{display: block;position: relative;padding: 0 1.5rem;font-size: 1.7rem;line-height: 5.5rem;height: 55px;font-weight: 400;}
nav .menu .depth01 > a:before{content: '';display: block;position: absolute;right: 1.5rem;top: 0;width: 13px;height: 100%;background: url('../images/ico/arrow_07.png') 100% 50% no-repeat;-webkit-background-size: 13px auto;background-size: 13px auto;}
nav .menu .depth01 > a.active{border-bottom: 1px solid #df1e36;color: #df1e36;}
nav .menu .depth01 > a.active:before{background: url('../images/ico/arrow_07_active.png') 100% 50% no-repeat;-webkit-background-size: 13px auto;background-size: 13px auto;}
nav .menu .depth01 .depth02{padding: 1.4rem 0;}
nav .menu .depth01 .depth02 li{text-align: left;}
nav .menu .depth01 .depth02 li a{margin-left: 3.7rem;font-size: 1.5rem;line-height: 3.2rem;}

nav .menu .depth01.active > a,
nav .menu .depth01.hover > a,
nav .menu .depth01 > a:hover{color: #000000;border-bottom: 1px solid #fff;}

nav .menu .depth01.active > a.active,
nav .menu .depth01.hover > a.active,
nav .menu .depth01 > a.active:hover{color: #df1e36;border-bottom: 1px solid #df1e36;}


/*header.nav-active .menu-wrap{position: static;right: auto;}*/

header.nav-active .menu-wrap{width: 100%;text-align: right;z-index: 99;background-color: #fff;}
header.nav-active .menu-wrap .law-firm{display: none;}
header.nav-active .menu-wrap .btn-search{display: none;}
header.nav-active .select.language{width: 100%;margin-top: 5rem;/*position: absolute;left: 3.5rem;top: 8rem;*/margin-left: 0;background: 0 none;text-align: left;}
header.nav-active .select.language .label{display: none;}
header.nav-active .select.language .select-list{display: block;background: 0 none;border-top: 0 none;padding: 0;padding-left: 3.5rem;box-shadow: none;background-color: #fff;}
header.nav-active .select .select-list li{display: inline-block;vertical-align: middle;text-align: center;}
header.nav-active .select .select-list li a{color: #cccccc;font-weight: 500;padding: 0 1.1rem;line-height: 1;font-size: 1.5rem;line-height: 1;border-left: 1px solid #e8e8e8;}
header.nav-active .select .select-list li:first-child a{border-left: 0;padding-left: 0;}
header.nav-active .select .select-list li a.current{color: #dd0330;}

header.nav-active nav .menu .depth01 .depth02{display: none;}
header.nav-active nav .menu .depth01.open .depth02{display: block;}

footer{height: 523px;}
/*footer .to-top{top: -49px;width: 48px;height: 48px;}*/
footer .to-top{position: fixed;right: 0;top: auto;bottom: 47px;width: 48px;height: 48px;z-index: 10;}
footer .share{display: block;position: fixed;right: 0;top: auto;bottom: 0;width: 48px;height: 48px;background: #df1e36 url(../images/ico/share_m.png) 50% 50% no-repeat;-webkit-background-size: 21px auto;background-size: 21px auto;z-index: 10;}
footer .footer-wrap{padding: 0 2rem;background: #f6f6f3 url(../images/bg/footer_m.png) 50% 0 no-repeat;-webkit-background-size: cover;background-size: cover;}
footer .footer-wrap .city-list{padding-top: 9rem;padding-bottom: 5.5rem;font-size: 0;}
footer .footer-wrap .city-list li{padding-bottom: 1.8rem;padding-right: 1.1rem;padding-left: 1.2rem;font-size: 0;vertical-align: top;}
footer .footer-wrap .city-list li a{font-size: 1.4rem;line-height: 1;}
footer .footer-wrap .city-list li:after{top: 0.2rem;height: 11px;}
footer .footer-wrap .data-list{float: none;padding-left: 0;}
footer .footer-wrap .data-list li a{font-size: 1.4rem;line-height: 2.5rem;font-weight: 400;}
footer .footer-wrap .data-list li:after{height: 11px;top: 0.7rem;}
footer .footer-wrap .related-site{float: none;margin-top: 0;padding-top: 2.7rem;padding-right: 0;padding-left: 0;}
footer .footer-wrap .related-site a{width: 100%;font-weight: 500;}
footer .footer-wrap .text-wrap{padding-left: 0;padding-right: 0;}
footer .footer-wrap .text-wrap .company{width: 234px;height: 20px;margin-top: 3.3rem;background: url(../images/logo_02_m.png) 0 0 no-repeat;-webkit-background-size: 234px auto;background-size: 234px auto;}
footer .footer-wrap .text-wrap address{padding-top: 2.2rem;font-size: 1.2rem;line-height: 2.1rem;}
footer .footer-wrap .text-wrap .contact{line-height: 2rem;}
footer .footer-wrap .text-wrap .contact li span{font-size: 1.2rem;line-height: 2.1rem;}
footer .footer-wrap .text-wrap .contact li a,
footer .footer-wrap .text-wrap .contact li div{font-size: 1.2rem;line-height: 2.1rem;}
footer .footer-wrap .text-wrap .copyright{font-size: 1.2rem;line-height: 1;}

}

@media only screen and (max-width:480px){
	footer .footer-wrap .city-list{padding-top: 5.1rem;padding-bottom: 2rem;}
}

@media only screen and (max-width:340px){
	header .header-wrap h1 a{width: 210px;height: 18px;-webkit-background-size: 210px auto;background-size: 210px auto;}
	header.header02 .header-wrap h1 a, 
	header.nav-active .header-wrap h1 a, 
	header.fixed .header-wrap h1 a{width: 210px;height: 18px;-webkit-background-size: 210px auto;background-size: 210px auto;}
}