@charset "utf-8";

/*
font-family: 'Montserrat', sans-serif;
*/

/*#main #container {padding-top: 140px;}*/


/* 우측 메뉴 */
#r_sec_name {position: fixed; width: 100%; top: 50%; box-sizing: border-box; z-index: 10;}
#r_sec_name .con_bx {position: absolute; box-sizing: border-box; right: 50px; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); text-align: center; width: 100px;}
#r_sec_name .con_bx ul {margin-bottom: 9px;}
#r_sec_name .con_bx ul li {font-size: 12px; color: #ffd700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; display: none;}
#r_sec_name .con_bx ul li.col2 {color: #111;}
#r_sec_name .con_bx ul li:first-child {display: block;}
#r_sec_name .con_bx .sc_bx {margin: 0 auto; width: 1px; height: 100px; background-color: #dddddd; position: relative;}
#r_sec_name .con_bx .sc_bx span {position: absolute; width: 1px; height: 20px; background-color: #ffc000; left: 0; top: 0; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; transition: top 0.3s;}



/* sec1 */
#sec1 {position: relative; font-size: 0;}
#sec1 .slide_bx {padding: 40px 0 0;}
#sec1 .img_bx {overflow: hidden; position: relative; /*height: 840px;*/}
#sec1 .img_bx::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/common/v_bg.png) no-repeat top center; position: absolute; z-index: 1;}
#sec1 .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important;transform: scale(1.2);}
#sec1 .img_bx.on div {transform: scale(1); -webkit-transition: transform 3s; -moz-transition: transform 3s; transition: transform 3s;}
#sec1 .txt_bx {position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed; padding-bottom: 80px; z-index: 2;}
#sec1 .txt_bx .txt_w {width: calc(100% - 30px); max-width: 1200px; box-sizing: border-box; text-align: center;}
#sec1 .txt_bx .txt1 {font-size: 52px; color: #ffffff; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; transform: translate(0, 25px); opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#sec1 .txt_bx .txt2 {font-size: 20px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; line-height: 32px; font-weight: 350; margin-top: 23px; transform: translate(0, 25px); opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#sec1 .txt_bx .btn {transform: translate(0, 25px); opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#sec1 .txt_bx .btn a {display: block; width: 360px; border: 2px solid #f4c400; border-radius: 32px; text-align: center; margin: 54px auto 0; font-size: 18px; color: #ffffff; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all;}
#sec1 .txt_bx .btn a span {position: relative; z-index: 1; line-height: 60px; padding-right: 35px;}
#sec1 .txt_bx .btn a span::before {content: ''; width: 21px; height: 16px; background: url(../images/main/sec1_btn.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -8px;}

#sec1 .txt_bx.on .txt1 {transform: translate(0, 0); opacity: 1;}
#sec1 .txt_bx.on .txt2 {transform: translate(0, 0); opacity: 1; transition-delay: 0.5s;}
#sec1 .txt_bx.on .btn {transform: translate(0, 0); opacity: 1; transition-delay: 1s;}

/*#sec1 .scroll_bx {text-align: center; position: absolute; width: 100%; bottom: 60px; left: 0;}
#sec1 .scroll_bx .sc_w {display: inline-block; padding-bottom: 87px; position: relative; cursor: pointer;}
#sec1 .scroll_bx .sc_w span {font-family: 'Montserrat', sans-serif; font-size: 14px; color: #ffffff; writing-mode: vertical-rl; white-space: nowrap; display: inline-block;}
#sec1 .scroll_bx .sc_w .icon {position: absolute; width: 100%; height: 55px; top: 126px; left: 0; overflow: hidden;}
#sec1 .scroll_bx .sc_w .icon::before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(https://www.glorylawfirm.kr/kor/images/main/sec1_arrow.png) no-repeat center bottom; animation: updown 2s ease infinite;}
@-webkit-keyframes updown {
	0% {
		transform: translate(0, 0px);
	}
	60% {
		transform: translate(0, -25px);
	}
	100% {
		transform: translate(0, 0px);
	}
}*/
#sec1 .scroll_bx {text-align: center; position: absolute; width: 100%; bottom: 143px; left: 0; z-index: 1;}
#sec1 .scroll_bx .sc_w {display: inline-block;}
#sec1 .scroll_bx span {font-size: 11px; color: #ffffff; font-weight: 500; font-family: 'Montserrat', sans-serif; display: block; margin-top: 11px;}
#sec1 .scroll_bx .icon {width: 24px; height: 42px; border: 1px solid #fff; border-radius: 21px; margin: 0 auto; position: relative;}
#sec1 .scroll_bx .icon::before {content: ''; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; position: absolute; left: 50%; margin-left: -3px; top: 10px; animation: updown 2s ease infinite;}
@-webkit-keyframes updown {
	0% {
		transform: translate(0, 7px);
		opacity: 0.5;
	}
	60% {
		transform: translate(0, 0px);
		opacity: 1;
	}
	100% {
		transform: translate(0, 7px);
		opacity: 0.5;
	}
}

#sec1 .btm_txt {text-align: center; position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(255,192,0,0.8); padding: 14px 15px 17px; box-sizing: border-box;}
#sec1 .btm_txt p {font-size: 20px; color: #111111; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all;}

#sec1 .slick-dots {position: absolute; width: 100%; left: 0; bottom: 106px; text-align: center; font-size: 0; z-index: 1;}
#sec1 .slick-dots li {display: inline-block; margin: 0 7px;}
#sec1 .slick-dots li button {padding: 0; margin: 0; width: 10px; height: 10px; border-radius: 50%; box-sizing: border-box; font-size: 0; background-color: rgba(255,255,255,0.36); border: 2px solid transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#sec1 .slick-dots li.slick-active button {background-color: transparent; border-color: #fff;}



/* sec2 */
#sec2 .inner_bx {/*max-width: 1600px; width: calc(100%);*/ width: 100%; margin: 0 auto; box-sizing: border-box; background-color: #ffc000; text-align: center; padding: 127px 0 132px;}
#sec2 .txt1 {font-size: 40px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 55px;}
#sec2 .con_bx {display: flex; flex-flow: wrap; max-width: 1200px; width: calc(100% - 30px); margin: 0 auto; box-sizing: border-box; margin-bottom: 31px; font-size: 0;}
#sec2 .con_bx li {width: calc(25% - 30px); margin-right: 40px; box-sizing: border-box; border: 1px solid #111111; padding: 52px 20px 79px; display: inline-block; vertical-align: top; position: relative;}
#sec2 .con_bx li:nth-child(4n) {margin-right: 0;}
#sec2 .con_bx strong {display: block; font-size: 24px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 10px;}
#sec2 .con_bx p {font-size: 16px; line-height: 28px; color: #111111; letter-spacing: -0.05em; word-break: keep-all; margin: 0 auto 16px; max-width: 195px;}
#sec2 .con_bx .btn {display: block; width: 100px; text-align: left; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #111111; position: absolute; left: 30px; bottom: 50px;}
#sec2 .con_bx .btn::before {content: ''; width: 8px; height: 12px; background: url(https://www.glorylawfirm.kr/kor/images/main/sec2_arrow.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -6px;}
#sec2 .con_bx .btn span {display: inline-block; line-height: 30px;}
#sec2 .txt2 p {font-size: 18px; color: #111111; letter-spacing: -0.05em; word-break: keep-all; line-height: 32px;}
#sec2 .txt2 p span {font-family: 'Montserrat', sans-serif; letter-spacing: 0;}
#sec2 .txt2 strong {display: block; font-size: 32px; color: #111111; font-weight: 700; word-break: keep-all; font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif; margin-top: 17px;}



/* sec3 */
#sec3 {position: relative; padding: 140px 0 116px; overflow: hidden;}
#sec3 .bg {background: url(https://www.glorylawfirm.kr/kor/images/main/sec3_bg.jpg) no-repeat center; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#sec3 .con_bx {position: relative; z-index: 1; max-width: 1400px; width: calc(100% - 30px); margin: 0 auto; box-sizing: border-box; display: flex; flex-flow: wrap;}
#sec3 .con_bx .l_bx {box-sizing: border-box; width: 370px; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#sec3 .con_bx .l_bx .txt_bx {width: 100%;}
#sec3 .con_bx .l_bx .txt_bx strong {display: block; font-size: 48px; color: #ffffff; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all;}
#sec3 .con_bx .l_bx .txt_bx p {font-size: 18px; color: #dddddd; line-height: 32px; letter-spacing: -0.05em; word-break: keep-all; margin-top: 21px; max-width: 300px;}
#sec3 .con_bx .l_bx .txt_bx a {display: block; width: 180px; box-sizing: border-box; border: 1px solid #999999; text-align: center; font-size: 16px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; margin-top: 53px;}
#sec3 .con_bx .l_bx .txt_bx a span {display: inline-block; line-height: 58px; padding-right: 30px; position: relative; z-index: 1;}
#sec3 .con_bx .l_bx .txt_bx a span::before {content: ''; width: 8px; height: 12px; background: url(https://www.glorylawfirm.kr/kor/images/main/sec3_arrow.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -6px;}
#sec3 .con_bx .r_bx {box-sizing: border-box; width: calc(100% - 370px);}
#sec3 .con_bx .r_bx ul {display: flex; flex-flow: wrap;}
#sec3 .con_bx .r_bx ul li {width: calc(25% - 18px); margin-right: 24px; box-sizing: border-box; margin-bottom: 24px;}
#sec3 .con_bx .r_bx ul li:nth-child(4n) {margin-right: 0;}
#sec3 .con_bx .r_bx ul li a {display: block; height: 100px; display:flex; justify-content:center; align-items:center; table-layout:fixed; padding: 0 24px; background-color: rgba(179,150,112,0.4); cursor: pointer;}
#sec3 .con_bx .r_bx ul li a p {width: 100%; font-size: 20px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; position: relative; padding-right: 22px;}
#sec3 .con_bx .r_bx ul li a p::before {content: ''; width: 16px; height: 16px; background: url(https://www.glorylawfirm.kr/kor/images/main/sec3_more.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -8px;}

#sec3 .pop_bx {position: fixed; box-sizing: border-box; width: 100%; height: 100%; top: 0; left: 0; z-index: 100000; background-color: rgba(0,0,0,0.5); overflow-y: auto; display: none;}
#sec3 .pop_bx .pop_w {display: table; width: 100%; height: 100%;}
#sec3 .pop_bx .pop_c {display: table-cell; vertical-align: middle; padding: 50px 0;}
#sec3 .pop_bx .pop_con_bx {max-width: 560px; width: calc(100% - 30px); margin: 0 auto; border-radius: 20px; overflow: hidden; display: none;}
#sec3 .pop_bx .pop_con_bx.on {display: block;}
#sec3 .pop_bx .ttl_bx {padding: 23px 40px 30px; text-align: center; background-color: #f4c400;}
#sec3 .pop_bx .ttl_bx .close_btn {margin: 0 0 0 auto; width: 19px; height: 19px; font-size: 0; background: url(https://www.glorylawfirm.kr/kor/images/icon/close3.png) no-repeat center; cursor: pointer;}
#sec3 .pop_bx .ttl_bx strong {display: block; font-size: 32px; color: #000000; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all;}
#sec3 .pop_bx .ttl_bx p {font-family: 'Montserrat', sans-serif; font-size: 15px; color: #000000; word-break: break-all; margin-top: 4px;}
#sec3 .pop_bx .txt_bx {padding: 29px 40px 40px; background-color: #fff;}
#sec3 .pop_bx .txt_bx .txt_w {position: relative; padding-bottom: 48px;}
#sec3 .pop_bx .txt_bx .txt_w::before {content: ''; width: 50%; height: 3px; background-color: #f4c400; position: absolute; bottom: 0; left: 0;}
#sec3 .pop_bx .txt_bx .txt_w::after {content: ''; width: 50%; height: 3px; background-color: #000000; position: absolute; bottom: 0; right: 0;}
#sec3 .pop_bx .txt_bx .txt_w:last-child {padding-bottom: 0;}
#sec3 .pop_bx .txt_bx .txt_w:last-child::before {display: none;}
#sec3 .pop_bx .txt_bx .txt_w:last-child::after {display: none;}
#sec3 .pop_bx .txt_bx strong {display: block; font-size: 22px; color: #282828; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; margin-top: 30px;}
#sec3 .pop_bx .txt_bx strong:first-child {margin-top: 0;}
#sec3 .pop_bx .txt_bx p {font-size: 16px; color: #666666; line-height: 28px; letter-spacing: -0.05em; word-break: keep-all; margin-top: 8px;}
#sec3 .pop_bx .btn {width: 100%; margin: 20px auto 0; box-sizing: border-box; border: 2px solid #f4c400; display: block; text-align: center; font-size: 18px; color: #282828; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; position: relative; overflow: hidden; background-color: #f4c400;}
#sec3 .pop_bx .btn span {display: inline-block; line-height: 60px; position: relative; z-index: 2;}



/* sec4 */
#sec4 {padding: 140px 0; overflow: hidden;}
#sec4 .inner_bx {max-width: 960px; width: calc(100% - 30px); margin: 0 auto; box-sizing: border-box;}
#sec4 .txt_bxt {text-align: center; background-color: #ffc000;}
#sec4 .txt1 {margin-bottom: 20px; padding: 27px 15px 32px;}
#sec4 .txt2 {margin-bottom: 60px; padding: 39px 15px 46px;}
#sec4 .txt1 strong {font-size: 30px; color: #111111; letter-spacing: -0.05em; word-break: keep-all; font-weight: 400; margin-bottom: 11px; display: block;}
#sec4 .txt2 strong {font-size: 36px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 9px; display: block;}
#sec4 .txt_bxt p {font-size: 24px; color: #111111; line-height: 32px; letter-spacing: -0.05em; word-break: keep-all; max-width: 520px; margin: 0 auto;}
#sec4 .info_bx {display: flex; flex-flow: wrap; margin-bottom: 44px;}
#sec4 .info_bx li {width: calc(33.333% - 16px); margin-right: 24px;}
#sec4 .info_bx li:nth-child(3) {margin-right: 0;}
#sec4 .info_bx .img_bx {overflow: hidden;}
#sec4 .info_bx .img_bx img {width: 100%;}
#sec4 .info_bx p {text-align: center; font-size: 16px; color: #666666; line-height: 28px; letter-spacing: -0.05em; word-break: keep-all; margin-top: 16px;}
#sec4 .form_bx .form_w {display: flex; flex-flow: wrap;}
#sec4 .form_bx .l_bx {width: calc(50% - 4px); /* margin-right: 4px; */ display: flex; flex-flow: wrap;}
#sec4 .form_bx .l_bx input {width: calc(50% - 8px); margin-right: 8px; height: 40px; box-sizing: border-box; border: 1px solid #cccccc; margin-bottom: 8px; font-size: 14px; color: #666; letter-spacing: -0.05em; word-break: keep-all; padding: 0 12px; background-color: #f5f5f5; outline: none;}
#sec4 .form_bx .l_bx select {width:100%; margin-right: 8px; height: 40px; box-sizing: border-box; border: 1px solid #cccccc; font-size: 14px; color: #666; letter-spacing: -0.05em; word-break: keep-all; padding: 0 32px 0 11px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(https://www.glorylawfirm.kr/kor/images/main/sec4_arrow.png) no-repeat right 11px center #f5f5f5; outline: none;}
/* #sec4 .form_bx .l_bx input:nth-child(2n), #sec4 .form_bx .l_bx select:nth-child(2n) {margin-right: 0;} */
#sec4 .form_bx textarea {width: calc(50% - 4px); resize: none; box-sizing: border-box; border: 1px solid #cccccc; font-size: 14px; color: #666; letter-spacing: -0.05em; word-break: keep-all; padding: 9px 12px; background-color: #f5f5f5; outline: none;}
#sec4 .form_bx .l_bx input::placeholder, #sec4 .form_bx .l_bx select::placeholder, #sec4 .form_bx textarea::placeholder {color: #999999;}
#sec4 .form_bx .chk_bx {font-size: 0; margin-top: 20px;}
#sec4 .form_bx .chk_bx input {appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #aaaaaa; background-color: #fff; width: 16px; height: 16px; cursor: pointer;}
#sec4 .form_bx .chk_bx input:checked {background: url(https://www.glorylawfirm.kr/kor/images/icon/chk1.png) no-repeat center #ffc000; background-size: 10px auto; border-color: #ffc000;}
#sec4 .form_bx .chk_bx label {display: inline-block; font-size: 14px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; line-height: 16px; cursor: pointer;}
#sec4 .form_bx .chk_bx a {display: inline-block; float: right; font-size: 14px; color: #999999; letter-spacing: -0.05em; word-break: keep-all; line-height: 16px; border-bottom: 1px solid #999999;}
#sec4 .form_bx .btn {display: block; margin: 40px auto 0; box-sizing: border-box; width: 180px; border: 1px solid #ffc000; line-height: 58px; text-align: center; font-size: 16px; color: #111111; letter-spacing: -0.05em; word-break: keep-all; text-align: center; position: relative; overflow: hidden;}
#sec4 .form_bx .btn span {position: relative; z-index: 1;}



/* sec5 */
#sec5 {position: relative; background-color: #f5f5f5; overflow: hidden;}
#sec5 .bg {width: 35.417%; height: 100%; background: url(https://www.glorylawfirm.kr/kor/images/main/sec5_bg.jpg) no-repeat center; background-size: cover; position: absolute; top: 0; left: 0;}
#sec5 .con_bx {max-width: 1400px; width: calc(100% - 30px); margin: 0 auto; box-sizing: border-box; position: relative; z-index: 1; display: flex; flex-flow: wrap;}
#sec5 .con_bx .l_bx {width: 30%; box-sizing: border-box; padding: 184px 20px 104px 0;}
#sec5 .con_bx .l_bx strong {display: block; font-size: 48px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 21px;}
#sec5 .con_bx .l_bx p {font-size: 18px; line-height: 32px; color: #111111; letter-spacing: -0.05em; word-break: keep-all; max-width: 320px;}
#sec5 .con_bx .l_bx .btn {display: block; width: 180px; box-sizing: border-box; border: 1px solid #111111; text-align: center; font-size: 16px; color: #111111; letter-spacing: -0.05em; word-break: keep-all; position: relative; overflow: hidden; margin-top: 53px;}
#sec5 .con_bx .l_bx .btn span {display: inline-block; line-height: 58px; padding-right: 30px; position: relative; z-index: 1;}
#sec5 .con_bx .l_bx .btn span::before {content: ''; width: 8px; height: 12px; background: url(https://www.glorylawfirm.kr/kor/images/main/sec2_arrow.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -6px;}
#sec5 .con_bx .r_bx {width: 70%; box-sizing: border-box; background-color: #f5f5f5; display:flex; justify-content:center; align-items:center; table-layout:fixed; padding: 135px 0 140px 100px;}
#sec5 .con_bx .r_bx .list_bx {width: 100%;}
#sec5 .con_bx .r_bx .con_w {margin-bottom: 55px;}
#sec5 .con_bx .r_bx .con_w:last-child {margin-bottom: 0;}
#sec5 .con_bx .r_bx .ttl {margin-bottom: 21px;}
#sec5 .con_bx .r_bx .ttl strong {font-size: 24px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; line-height: 30px;}
#sec5 .con_bx .r_bx .ttl a {float: right; display: inline-block; font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: break-all; padding-right: 18px; position: relative; line-height: 30px;}
#sec5 .con_bx .r_bx .ttl a::before {content: ''; width: 9px; height: 9px; background: url(https://www.glorylawfirm.kr/kor/images/main/sec5_more.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -4px;}
#sec5 .con_bx .r_bx .list1 {border-top: 2px solid #111;}
#sec5 .con_bx .r_bx .list1 a {border-bottom: 1px solid #cccccc; box-sizing: border-box; position: relative; display: flex; flex-flow: wrap; padding: 0 24px;}
#sec5 .con_bx .r_bx .list1 .subject {width: calc(100% - 120px); font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; line-height: 60px;}
#sec5 .con_bx .r_bx .list1 .date {width: 120px; text-align: right; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #666666; line-height: 60px;}
#sec5 .con_bx .r_bx .list2 {border-top: 2px solid #111;}
#sec5 .con_bx .r_bx .list2 li {border-bottom: 1px solid #cccccc;}
#sec5 .con_bx .r_bx .list2 .q_bx {position: relative; padding: 16px 60px 18px 78px; box-sizing: border-box; cursor: pointer;}
#sec5 .con_bx .r_bx .list2 .q_bx::before {content: ''; width: 12px; height: 8px; background: url(https://www.glorylawfirm.kr/kor/images/main/sec5_arrow.png) no-repeat center; position: absolute; right: 24px; top: 25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#sec5 .con_bx .r_bx .list2 li.on .q_bx::before {transform: rotate(180deg);}
#sec5 .con_bx .r_bx .list2 .q_bx strong {position: absolute; width: 32px; line-height: 32px; border-radius: 50%; background-color: #ffc000; text-align: center; font-family: 'Montserrat', sans-serif;  font-size: 16px; color: #111111; font-weight: 600; left: 24px; top: 13px;}
#sec5 .con_bx .r_bx .list2 .q_bx p {font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; width: 80%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#sec5 .con_bx .r_bx .list2 li.on .q_bx p {overflow: unset; text-overflow:unset; white-space:unset; word-wrap:unset;}
#sec5 .con_bx .r_bx .list2 .a_bx {border-top: 1px solid #dfdfdf; position: relative; display: none;}
#sec5 .con_bx .r_bx .list2 .a_bx div {font-size: 16px; color: #777; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; padding: 20px 24px;}
#sec5 .con_bx .r_bx .list2 .a_bx img{ max-width:100%; }
#sec5 .con_bx .r_bx .no_data {height: 246px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 16px; color: #cbcbcb; letter-spacing: -0.05em; border-top: 2px solid #111; border-bottom: 1px solid #cccccc;}


/* PC */
@media all and (min-width:1025px){
	/* sec1 */
	#sec1 .txt_bx .btn a {overflow: hidden; position: relative; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#sec1 .txt_bx .btn a:hover {color: #111;}
	#sec1 .txt_bx .btn a::before {content: ''; position: absolute; top: 0; left: -60px; width: 200%; height: 1000%; z-index: 1; background: #f4c400; transform-origin: 0 0; transform: translateY(10%) translateX(80%) rotate(-45deg); transition: transform .6s;}
	#sec1 .txt_bx .btn a:hover::before {transform: translateX(0) translateY(10%) rotate(-45deg);}
	#sec1 .txt_bx .btn a span::before {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
	#sec1 .txt_bx .btn a:hover span::before {background: url(https://www.glorylawfirm.kr/kor/images/main/sec1_btn2.png) no-repeat center;}
	
	
	
	
	/* sec2 */
	#sec2 .con_bx .btn::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#sec2 .con_bx .btn:hover::before {transform: translate(5px, 0);}
	
	
	
	/* sec3 */
	#sec3 .con_bx .l_bx .txt_bx a {-webkit-transition: border 0.3s; -moz-transition: border 0.3s; transition: border 0.3s; overflow: hidden; position: relative;}
	#sec3 .con_bx .l_bx .txt_bx a:hover {border-color: #fff;}
	#sec3 .con_bx .l_bx .txt_bx a span::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#sec3 .con_bx .l_bx .txt_bx a:hover span::before {transform: translate(8px, 0);}
	#sec3 .con_bx .l_bx .txt_bx a::before {content: ''; position: absolute; top: 0; left: -60px; width: 200%; height: 1000%; z-index: 1; background: rgba(255,255,255,0.2); transform-origin: 0 0; transform: translateY(10%) translateX(80%) rotate(-45deg); transition: transform .8s;}
	#sec3 .con_bx .l_bx .txt_bx a:hover::before {transform: translateX(0) translateY(10%) rotate(-45deg);}

	#sec3 .con_bx .r_bx ul li a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#sec3 .con_bx .r_bx ul li a:hover {transform: translate(0, -10px); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);}
	#sec3 .con_bx .r_bx ul li a p::before {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
	#sec3 .con_bx .r_bx ul li a:hover p::before {transform: rotate(90deg);}
	
	#sec3 .con_bx .r_bx ul li.on2 a {transform: translate(0, -10px); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);}
	#sec3 .con_bx .r_bx ul li.on2 a p::before {transform: rotate(90deg);}
	
	#sec3 .pop_bx .btn::before {content: ''; position: absolute; top: 0; left: -60px; width: 200%; height: 1000%; z-index: 1; background: #fff; transform-origin: 0 0; transform: translateX(0) translateY(10%) rotate(-45deg); transition: transform .8s;}
	#sec3 .pop_bx .btn:hover::before {transform:translateY(10%) translateX(80%) rotate(-45deg);}
	
	
	
	/* sec4 */
	#sec4 .form_bx .btn::before {content: ''; position: absolute; top: 0; left: -60px; width: 200%; height: 1000%; z-index: 1; background: #ffc000; transform-origin: 0 0; transform: translateX(0) translateY(10%) rotate(-45deg); transition: transform .8s;}
	#sec4 .form_bx .btn:hover::before {transform:translateY(10%) translateX(80%) rotate(-45deg);}
	
	
	
	/* sec5 */
	#sec5 .con_bx .l_bx .btn {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	/*#sec5 .con_bx .l_bx .btn:hover {color: #fff;}*/
	#sec5 .con_bx .l_bx .btn::before {content: ''; position: absolute; top: 0; left: -60px; width: 200%; height: 1000%; z-index: 1; background: rgba(0,0,0,0.2); transform-origin: 0 0; transform: translateY(10%) translateX(80%) rotate(-45deg); transition: transform .8s;}
	#sec5 .con_bx .l_bx .btn:hover::before {transform: translateX(0) translateY(10%) rotate(-45deg);}
	#sec5 .con_bx .l_bx .btn span::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#sec5 .con_bx .l_bx .btn:hover span::before {transform: translate(8px, 0); /*background: url(https://www.glorylawfirm.kr/kor/images/main/sec3_arrow.png) no-repeat center;*/}
	#sec5 .con_bx .r_bx .ttl a::before {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
	#sec5 .con_bx .r_bx .ttl a:hover::before {transform: rotate(90deg);}
	#sec5 .con_bx .r_bx .list1 a:hover .subject {text-decoration: underline;}
	#sec5 .con_bx .r_bx .list2 .q_bx:hover p {text-decoration: underline;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 우측 메뉴 */
	#r_sec_name {display: none!important;}
	
	
	
	/* sec1 */
	#sec1 .slide_bx {padding: 0;}
	/*#sec1 .img_bx {height: 594px;}*/
	#sec1 .txt_bx {padding-bottom: 83px;}
	#sec1 .txt_bx .txt1 {font-size: 30px; line-height: 37px;}
	#sec1 .txt_bx .txt2 {margin-top: 11px; font-size: 12px; line-height: 19px;}
	#sec1 .txt_bx .btn a {width: 220px; font-size: 13px; margin-top: 26px; border: 1px solid #f4c400;}
	#sec1 .txt_bx .btn a span {line-height: 34px; padding-right: 21px;}
	#sec1 .txt_bx .btn a span::before {width: 13px; background-size: 13px auto!important;}
	
	#sec1 .btm_txt {padding: 13px 15px 16px;}
	#sec1 .btm_txt p {font-size: 14px; line-height: 22px;}
	
	/*#sec1 .scroll_bx {display: none;}*/
	#sec1 .scroll_bx {bottom: 97px;}
	#sec1 .scroll_bx .icon {width: 20px; height: 35px;}
	#sec1 .scroll_bx .icon::before {width: 4px; height: 4px; margin-left: -2px; top: 8px;}
	#sec1 .scroll_bx span {font-size: 8px;}
	@-webkit-keyframes updown {
	0% {
		transform: translate(0, 5px);
		opacity: 0.5;
	}
	60% {
		transform: translate(0, 0px);
		opacity: 1;
	}
	100% {
		transform: translate(0, 5px);
		opacity: 0.5;
	}
}
	
	#sec1 .slick-dots {bottom: 73px;}
	#sec1 .slick-dots li {margin: 0 5px;}
	#sec1 .slick-dots li button {width: 8px; height: 8px; border: 1px solid transparent;}
	
	
	
	/* sec2 */
	#sec2 .inner_bx {padding: 69px 0 70px;}
	#sec2 .txt1 {font-size: 24px; line-height: 32px; margin-bottom: 40px;}
	#sec2 .con_bx {margin-bottom: 20px;}
	#sec2 .con_bx li {padding: 18px 20px 44px; width: calc(25% - 15px); margin-right: 20px;}
	#sec2 .con_bx strong {font-size: 16px; margin-bottom: 7px;}
	#sec2 .con_bx p {font-size: 12px; line-height: 20px; margin-bottom: 5px;}
	#sec2 .con_bx .btn {font-size: 11px; width: 70px; bottom: 14px; left: 20px;}
	#sec2 .con_bx .btn::before {width: 6px; background-size: 6px auto;}
	#sec2 .txt2 p {font-size: 13px; line-height: 22px;}
	#sec2 .txt2 strong {margin-top: 12px; font-size: 20px;}
	
	
	
	/* sec3 */
	#sec3 {padding: 75px 0 65px;}
	#sec3 .con_bx .l_bx {width: 250px;}
	#sec3 .con_bx .l_bx .txt_bx strong {font-size: 28px;}
	#sec3 .con_bx .l_bx .txt_bx p {font-size: 13px; line-height: 21px; margin-top: 14px; max-width: 220px;}
	#sec3 .con_bx .l_bx .txt_bx a {width: 120px; font-size: 12px; margin-top: 31px;}
	#sec3 .con_bx .l_bx .txt_bx a span {line-height: 38px; padding-right: 17px;}
	#sec3 .con_bx .l_bx .txt_bx a span::before {width: 6px; background-size: 6px auto;}
	#sec3 .con_bx .r_bx {width: calc(100% - 250px);}
	#sec3 .con_bx .r_bx ul li {width: calc(25% - 7.5px); margin-right: 10px; margin-bottom: 10px;}
	#sec3 .con_bx .r_bx ul li a {padding: 0 20px; height: 40px;}
	#sec3 .con_bx .r_bx ul li a p {font-size: 14px; padding-right: 15px;}
	#sec3 .con_bx .r_bx ul li a p::before {width: 12px; background-size: 12px auto;}
	
	#sec3 .pop_bx .pop_con_bx {border-radius: 10px; max-width: 420px;}
	#sec3 .pop_bx .ttl_bx {padding: 15px 20px}
	#sec3 .pop_bx .ttl_bx strong {font-size: 20px;}
	#sec3 .pop_bx .ttl_bx p {font-size: 12px; margin-top: 5px;}
	#sec3 .pop_bx .txt_bx {padding: 20px 20px;}
	#sec3 .pop_bx .txt_bx .txt_w {padding-bottom: 25px;}
	#sec3 .pop_bx .txt_bx .txt_w::before {height: 2px;}
	#sec3 .pop_bx .txt_bx .txt_w::after {height: 2px;}
	#sec3 .pop_bx .txt_bx strong {font-size: 14px; margin-top: 18px;}
	#sec3 .pop_bx .txt_bx p {font-size: 12px; line-height: 20px; margin-top: 4px;}
	#sec3 .pop_bx .btn {margin-top: 15px; font-size: 12px;}
	#sec3 .pop_bx .btn span {line-height: 38px;}
	
	
	
	/* sec4 */
	#sec4 {padding: 75px 0 70px;}
	#sec4 .txt1 {padding: 20px 15px 21px; margin-bottom: 10px;}
	#sec4 .txt2 {padding: 42px 15px 46px; margin-bottom: 35px;}
	#sec4 .txt1 strong {font-size: 20px; line-height: 28px; margin-bottom: 6px;}
	#sec4 .txt2 strong {font-size: 22px; margin-bottom: 6px;}
	#sec4 .txt_bxt p {font-size: 16px; line-height: 24px; max-width: 390px;}
	#sec4 .info_bx {margin-bottom: 26px;}
	#sec4 .info_bx li {width: calc(33.333% - 13.333px); margin-right: 20px;}
	#sec4 .info_bx p {margin-top: 15px; font-size: 12px; line-height: 20px;}
	#sec4 .form_bx .l_bx input {height: 30px; padding: 0 12px; font-size: 12px;}
	#sec4 .form_bx .l_bx select {height: 30px; padding: 0 30px 0 11px; font-size: 12px; background-size: 8px auto; background-position: right 12px center;}
	#sec4 .form_bx textarea {padding: 6px 12px; font-size: 12px;}
	#sec4 .form_bx .chk_bx {margin-top: 15px;}
	#sec4 .form_bx .chk_bx input {width: 12px; height: 12px; background-size: 7px auto;}
	#sec4 .form_bx .chk_bx label {font-size: 12px; line-height: 12px;}
	#sec4 .form_bx .chk_bx a {font-size: 12px; line-height: 12px;}
	#sec4 .form_bx .btn {margin-top: 25px; background-color: #ffc000; width: 120px; line-height: 38px; font-size: 12px;}
	
	
	
	/* sec5 */
	#sec5 .con_bx .l_bx {padding: 66px 0;}
	#sec5 .con_bx .l_bx strong {margin-bottom: 13px; font-size: 28px;}
	#sec5 .con_bx .l_bx p {font-size: 13px; line-height: 21px; max-width: 230px;}
	#sec5 .con_bx .l_bx .btn {margin-top: 31px; width: 120px; font-size: 12px;}
	#sec5 .con_bx .l_bx .btn span {line-height: 38px; padding-right: 17px;}
	#sec5 .con_bx .l_bx .btn span::before {background-size: 6px auto; width: 6px;}
	#sec5 .con_bx .r_bx {padding: 66px 0 75px 70px;}
	#sec5 .con_bx .r_bx .con_w {margin-bottom: 21px;}
	#sec5 .con_bx .r_bx .ttl {margin-bottom: 9px;}
	#sec5 .con_bx .r_bx .ttl strong {font-size: 16px;}
	#sec5 .con_bx .r_bx .ttl a {font-size: 12px; padding-right: 13px; line-height: 24px;}
	#sec5 .con_bx .r_bx .ttl a::before {width: 8px; background-size: 8px auto;}
	#sec5 .con_bx .r_bx .list1 {border-top: 1px solid #111;}
	#sec5 .con_bx .r_bx .list1 a {padding: 0 5px;}
	#sec5 .con_bx .r_bx .list1 .subject {font-size: 12px; line-height: 40px; width: calc(100% - 90px);}
	#sec5 .con_bx .r_bx .list1 .date {font-size: 12px; line-height: 40px; width: 90px}
	#sec5 .con_bx .r_bx .list2 {border-top: 1px solid #111;}
	#sec5 .con_bx .r_bx .list2 .q_bx {padding: 11px 30px 12px 25px;}
	#sec5 .con_bx .r_bx .list2 .q_bx::before {width: 9px; background-size: 9px auto; right: 10px; top: 16px;}
	#sec5 .con_bx .r_bx .list2 .q_bx strong {left: 0; top: 10px; width: 20px; line-height: 20px; font-size: 12px;}
	#sec5 .con_bx .r_bx .list2 .q_bx p {font-size: 12px;}
	#sec5 .con_bx .r_bx .list2 .a_bx div {padding: 14px 25px; font-size: 12px;}
	
	#sec5 .con_bx .r_bx .no_data {height: 165px; font-size: 12px; border-top: 1px solid #111;}
}

/* 모바일 */
@media all and (max-width:768px){
	/* sec1 */
	#sec1 .img_bx::before{background: url(https://www.glorylawfirm.kr/kor/images/common/v_bg_m.png) no-repeat top center; background-size: 100% auto;}
	
	
	
	/* sec2 */
	#sec2 .con_bx li:nth-child(n) {width: 100%; margin-right: 0; margin-bottom: 10px; text-align: left;}
	#sec2 .con_bx li:last-child {margin-bottom: 0;}
	#sec2 .con_bx p {max-width: 100%;}
	#sec2 .con_bx p br {display: none;}
	
	
	
	/* sec3 */
	#sec3 {padding-top: 67px;}
	#sec3 .bg {background: url(https://www.glorylawfirm.kr/kor/images/main/sec3_bg_m.jpg) no-repeat center; background-size: cover;}
	#sec3 .con_bx .l_bx {width: 100%; margin-bottom: 50px;}
	#sec3 .con_bx .r_bx {width: 100%;}
	#sec3 .con_bx .r_bx ul li {width: calc(50% - 5px); margin-right: 10px;}
	#sec3 .con_bx .r_bx ul li:nth-child(2n) {margin-right: 0;}
	#sec3 .con_bx .r_bx[data-aos=fade-left] {transform: translate3d(0,100px,0)}
	#sec3 .con_bx .r_bx[data-aos=fade-left].aos-animate {transform: translateZ(0);}
	
	
	
	
	/* sec4 */
	#sec4 .info_bx li {width: 100%; margin-right: 0; display: flex; flex-flow: wrap; margin-bottom: 20px;}
	#sec4 .info_bx li:last-child {margin-bottom: 0;}
	#sec4 .info_bx .img_bx {width: 152px;}
	#sec4 .info_bx p {width: calc(100% - 152px); text-align: left; box-sizing: border-box; padding-left: 20px; display:flex; justify-content:left; align-items:center; table-layout:fixed; margin-top: 0;}
	#sec4 .form_bx .l_bx {width: 100%; margin-right: 0;}
	#sec4 .form_bx .l_bx input {width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px;}
	#sec4 .form_bx .l_bx input:nth-child(2){ margin-right:0; }
	#sec4 .form_bx .l_bx select{ margin-right:0; }
	#sec4 .form_bx textarea {width: 100%; margin-top: 10px; height: 80px;}
	
	
	
	/* sec5 */
	#sec5 .bg {display: none;}
	#sec5 .con_bx {display: block; width: 100%;}
	#sec5 .con_bx .l_bx {width: 100%; padding: 66px 15px 50px; background: url(https://www.glorylawfirm.kr/kor/images/main/sec5_bg_m.jpg) no-repeat center; background-size: cover;}
	#sec5 .con_bx .r_bx {width: 100%; padding: 22px 15px 75px;}
	#sec5 .con_bx .r_bx .list_bx[data-aos=fade-left] {transform: translate3d(0,100px,0)}
	#sec5 .con_bx .r_bx .list_bx[data-aos=fade-left].aos-animate {transform: translateZ(0);}
}