.inner {max-width:1200px; width: 100%; margin: 0 auto;}

@media(max-width:1300px){
.inner {padding: 0 2%;}
}

@media(max-width:768px){
.inner {padding: 0 4%;}
}

/* 상단 레이아웃 */

#hd {background:#fff;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd .top_top_wrap {border-bottom:1px solid #ccc; display: flex; justify-content: flex-end; padding: 5px;}

#tnb {border-bottom:1px solid #383838;margin:0 auto}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {margin:0 auto}

.header_blank {height: 100px;}
#wrap_sub.on {padding-top: 160px;}
#wrap_header {position: fixed; left: 0; top: 0; width: 100%; z-index: 99; background: #fff; border-bottom: 1px solid rgba(204,204,204,0.5);}
#wrap_header .inner {position: relative; height: 100px; display:flex; align-items: center; justify-content: space-between;}
#wrap_header.on::before {content: ''; display: block; width: 100%; height: 160px; background: rgba(255,255,255,0.95); position: absolute; left: 0; top: 170px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; z-index: 90;}
#wrap_header .mo_nav {display: none;}
#wrap_header .header_link {margin-top: 0; flex:auto; display: flex; justify-content:flex-end; position: relative;}
#wrap_header .header_link a {font-size: 18px; margin-left: 50px; color: #e10098; position: relative; z-index: 97;}
#wrap_header .bottom_line {display: flex; align-items:center; justify-content: flex-end; position: relative;  width:75%; }
#wrap_header .bottom_line .sub_menu_wrap {position:relative;}
#wrap_header .bottom_line .sub_menu_wrap > li {position: relative;}
#wrap_header .bottom_line .sub_menu_wrap a { font-size: 18px;  font-weight:500;  vertical-align:middle; color:#131313;}
#wrap_header .bottom_line .sub_menu_wrap > li:after{
	display:none;
	position: absolute;
	content:'';
	clear:both;
	width:100%;
	height:3px;
	background:#0052f5;
	bottom:-10px;
	left:50%;
	transform:translateX(-50%);}
#wrap_header .bottom_line .sub_menu_wrap a.onon {color:#0052f5;}
#wrap_header .bottom_line .sub_menu_wrap a.onon:after {display:block;}
#wrap_header .gnb_wrap {width: auto;}
#wrap_header .gnb_wrap a:hover {color: #0052f5 !important;}
#wrap_header .gnb_wrap > ul {display: flex;}
#wrap_header .sub_menu_wrap > li {margin-right: 40px; position: relative;}
#wrap_header .sub_menu_wrap > li:last-child {padding-right: 0px;}
/* #wrap_header .sub_menu_wrap > li.on, #wrap_header .sub_menu_wrap > li.on .sub_menu {background: rgba(238,238,238,0.5);} */

#wrap_header .gnb_wrap .sub_menu {display:none; position: absolute; width:100%; z-index:91; padding: 10px 10px; top: 40px; left: 50%; transform:translateX(-50%); width: 190px; background: #fff;}
#wrap_header .gnb_wrap .sub_menu li {line-height: 2.5; text-align: center;}
#wrap_header .bottom_line .sub_menu a {font-size: 16px; color: #585858; font-weight: 400; vertical-align:middle; }

#wrap_header.s_header {width: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 99;}
#wrap_header.s_header .inner {height: 80px; transition:all 0.3s;}
#wrap_header.s_header #logo {margin-top: -91px;}
#wrap_header.s_header .header_link {height: 80px; align-items:center;}
#wrap_header.s_header .bottom_line {margin-top: -80px; height: 80px; padding-bottom: 0;}
#wrap_header.s_header.on::before {top: 79px;}
#wrap_header.s_header .sub_nav {display: none;}


.sub_nav {position: absolute; top: 80px; right: 0; text-align: right; transition:all 0.3s; z-index: 99;}
.sub_nav a {font-size: 14px;}
.sub_nav i {margin: 0 5px;}

#logo a {display: block;}
#logo img {max-width: 220px; width: 100%;}

#fsearchbox .search_in {cursor:pointer; font-size: 24px;}
.search {overflow:hidden; width:250px;}
.search form {display: flex; align-items:center;}
.search #stx {margin-left: -190px; width:190px; margin-right: 10px;}
.slide_ltr #stx{
  width: 100%;
  overflow: hidden;
  margin-left: 0px;
  max-width: 190px;
}

@keyframes slide_ltr {
  from {
    margin-left: -190px;
  }
  to {
    margin-left: 0%;
  }
}


@media(max-width:1500px){
#logo a {width: 200px;}
#wrap_header .inner {position: relative; }
#wrap_header .top_line {padding-top: 20px;}
#wrap_header .header_link a {font-size: 16px; margin-left: 30px;}
#wrap_header .sub_menu_wrap > li {margin-right: 60px;}
/*#wrap_header .sub_menu_wrap > li:last-child {padding-right: 30px;}*/


#wrap_header .bottom_line .sub_menu a {font-size: 14px;}
#fsearchbox .search_in {font-size: 20px;}
#wrap_header.on::before {top: 150px;}
#wrap_header.s_header #logo {margin-top: -61px;}
#wrap_header.s_header .bottom_line {padding-top: 0;}
.slide_ltr #stx {max-width:150px;}
}

@media(max-width:1080px){
#wrap_sub.on {padding-top: 0;}
#logo a {width: 150px;}
.header_blank {height: 60px;}
#wrap_header .inner {height: 60px; display:block;}
#wrap_header .top_line {padding-top: 0; height: 100%; display: flex; align-items:center; justify-content:space-between; width:100%;}
#wrap_header .bottom_line {display: none;}
#wrap_header .header_link {display: none;}
#wrap_header .mo_nav {display: block;}
#wrap_header .mo_nav span {display: block; width: 20px; height: 2px; background: #212121;}
#wrap_header .mo_nav span:nth-child(2) {margin: 5px 0;}
#wrap_header.s_header .inner {height: 60px;}
#wrap_header.s_header #logo {margin-top: 0;}
}
@media(max-width:700px){
#wrap_header {width: 100%; position: fixed; left: 0; top: 0; background: #fff; z-index: 99;}
#wrap_sub {margin-top: 60px;}
}
@media(max-width:580px){
.header_blank {height:0px;}
}

.hd_sch_wr {float:left;padding:30px 0;;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_qnb {float:right;text-align:right}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:#919191}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}

/* 메인메뉴 */
#gnb {position:relative;background:#fff; width:100%;}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative; padding-top:20px;}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:1.083em;padding:0;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#3a8afd;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#fff;color:#333;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0; display: none;}

#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

.main_sub_tit {font-size: 18px; color: #0052f5; font-weight: 300; text-align: center;}
.main_tit {font-size: 36px; color: #131313; font-weight: 500; text-align: center;}

.main_wrap .main_sec01 {position: relative;}
.main_sec01 .swiper-slide {height: 760px;}
.main_sec01 .swiper-button-next {right: 5%;}
.main_sec01 .swiper-button-prev {left: 5%;}
.main_sec01 .swiper-button-next, .main_sec01 .swiper-button-prev {color: #ff9f28; font-size: 16px; font-weight: 500; width: 110px; display: flex; justify-content:space-between; align-items:center;}
.main_sec01 .swiper-button-next::after {content: ''; width: 50px; height: 2px; background: #ff9f28; display: block;}
.main_sec01 .swiper-button-prev::before {content: ''; width: 50px; height: 2px; background: #ff9f28; display: block;}
.main_sec01 .swiper-button-prev::after {display: none;}
.main_sec01 .swiper-slide img {max-width:1920px; width: 100%;}
.main_sec01 .ms_01 {background: url('../img/main_visual01.jpg') no-repeat center right; background-color: #fff; display: flex; flex-flow:column wrap; justify-content:center;}
.main_sec01 .ms_01 h3 {font-size: 20px; color: #fff; font-weight: 400;}
.main_sec01 .ms_01 p {font-size: 45px; color: #fff; margin: 20px 0 40px; font-weight: 300; line-height: 1.2;}
.main_sec01 .ms_01 p span {font-weight: 700;}
.main_sec01 .ms_01 .txt_box {max-width:500px; width: 100%; border: 10px solid #f0f2f4; background: url('../img/main_slide01_bg.png') no-repeat 300px -50px; background-color: #fff; padding: 40px 50px;}
.main_sec01 .ms_01 .txt_box h3 {font-size: 18px; font-weight: 300; letter-spacing: 2px;}
.main_sec01 .ms_01 .txt_box p {font-size: 24px; font-weight: 300; margin: 20px 0;}
.main_sec01 .ms_01 .txt_box p span {font-weight: 500; font-size: 24px; color: #0052f5; letter-spacing: 2px;}
.main_sec01 .ms_01 .txt_box h4 {font-size: 20px; line-height: 1.4; color: #333; font-weight: 400;}
.main_sec01 .ms_02 {background: url('../img/main_visual02.jpg') no-repeat center / cover;}
.main_sec01 .ms_03 {background: url('../img/main_visual03.jpg') no-repeat center / cover;}
.main_sec01 .ms_03_4 {background: url('../img/main_visual03-4.jpg') no-repeat center / cover;}
.main_sec01 .ms_03_7 {background: url('../img/main_visual03-7.jpg') no-repeat center / cover;}

@media(max-width:1300px){
.main_wrap {overflow: hidden;}
.main_sec01 .swiper-slide {height: 55vw;}
.main_sec01 .ms_01 {background-size: cover;}
.main_sec01 .ms_01 h3 {display: none;}
.main_sec01 .ms_01 p {display: none;}
.main_sec01 .ms_01 .txt_box {display: none;}
}

.main_sec01 .ms_04 {background: url('../img/main_visual04.jpg') no-repeat center / cover;}
.main_sec01 .ms_04 .txt {padding-top: 15%;}
.main_sec01 .ms_04 .txt p {font-size: 45px; color: #fff; line-height: 1.4; font-weight: 300;}
.main_sec01 .ms_04 .txt p span {font-weight: 700; font-size: 60px;}

.main_sec01 .ms_05 {background: url('../img/main_visual05.jpg') no-repeat center / cover;}
.main_sec01 .ms_05 .txt {padding-top: 15%; color: #fff;}
.main_sec01 .ms_05 .txt p:first-child {font-size: 45px; font-weight: 300; line-height: 1.2;}
.main_sec01 .ms_05 .txt p:first-child span {font-size: 50px; font-weight: 700;}
.main_sec01 .ms_05 .txt p:last-child {font-size: 20px; margin-top: 20px;}

@media(max-width:1080px){
.main_sec01 .ms_04 .txt p {font-size: 24px;}
.main_sec01 .ms_04 .txt p span {font-size: 36px;}
.main_sec01 .ms_05 .txt p:first-child {font-size: 24px;}
.main_sec01 .ms_05 .txt p:first-child span {font-size: 36px;}
.main_sec01 .ms_05 .txt p:last-child {font-size: 18px;}
}

@media(max-width:768px){
.main_sec01 .ms_04 .txt p {font-size: min(4.5vw, 18px);}
.main_sec01 .ms_04 .txt p span {font-size: min(6vw, 20px);}
.main_sec01 .ms_05 .txt p:first-child {font-size: min(4.5vw, 18px);}
.main_sec01 .ms_05 .txt p:first-child span {font-size: min(6vw, 20px);}
.main_sec01 .ms_05 .txt p:last-child {display: none;}
.main_sec01 .swiper-button-next, .main_sec01 .swiper-button-prev {display: none;}
}

.main_sec01 .tab {max-width:1200px; width: 100%; transform: translate(-50%,-50%); left: 50%; display: flex; justify-content:space-between; align-items:center; background: #fff; position: absolute; bottom: -150px; z-index: 10; box-shadow:1px 1px 10px rgba(0,0,0,0.1); height: 150px;}
.main_sec01 .tab li {flex:1;}
.main_sec01 .tab li a {display: block; width: 100%; height: 150px; padding: 25px 0; text-align: center; color: #333;}
.main_sec01 .tab li a img {max-width:70px; width: 100%; display: block; margin: 0 auto;}
.main_sec01 .tab li a img:last-child {display: none;}
.main_sec01 .tab li a h3 {font-size: 18px; margin-top: 10px;}
.main_sec01 .tab li a:hover {transition: height 0.3s; background: #0052f5; height: 170px; color: #fff; padding: 30px 0; box-shadow:1px 1px 10px rgba(0,0,0,0.1);}
.main_sec01 .tab li a:hover img:first-child {display: none;}
.main_sec01 .tab li a:hover img:last-child {display: block;}

@media(max-width:1080px){
.main_sec01 .tab {position: relative; bottom: -50px; height: 100px;}
.main_sec01 .tab li a h3 {font-size: 16px;}
}

@media(max-width:768px){
.main_sec01 .tab li a {padding: 10px 0; height: 100px;}
.main_sec01 .tab li a h3 {font-size: min(3.2vw, 12px);}
.main_sec01 .tab li a img {width: 50%;}
.main_sec01 .tab li a:hover {padding: 10px 0; background: #fff; height: 125px; color: #0052f5; transition:none; box-shadow:none;}
.main_sec01 .tab li a:hover img:first-child {display: block;}
.main_sec01 .tab li a:hover img:last-child {display: none;}
}

.main_sec02 {width: 100%; background: #f0f2f4; padding: 180px 0 100px;}
.main_sec02 .lawyer {width: 100%; position: relative;}
.main_sec02 .lawyer::before {content: ''; width: 80%; height: 390px; background: #fff; box-shadow:1px 1px 20px rgba(0,0,0,0.1); display: block; position: absolute; bottom: 0; z-index: 1;}
.main_sec02 .lawyer01::before {left: 0;}
.main_sec02 .lawyer01::after {content: ''; width: 613px; height: 442px; background: url('../img/m_sec_obg01.png') no-repeat center; position: absolute; right: 0; top: -100px; display: block; z-index: 0; }
.main_sec02 .lawyer02::before {right: 0;}
.main_sec02 .lawyer02::after {content: ''; width: 514px; height: 431px; background: url('../img/m_sec_obg02.png') no-repeat center; position: absolute; left: 0; top: 150px; display: block; z-index: 0;}
.main_sec02 .lawyer > .ly_inner {max-width:1200px; width: 100%; margin: 0 auto; display: flex; align-items:center; position: relative; z-index: 5;}
.main_sec02 .lawyer01 .ly_inner {background: url('../img/m_sec01_bg.png') no-repeat 50px 120px; padding-left: 290px;}
.main_sec02 .lawyer01 .txt {width: 50%; margin-right: 5%; margin-top: 20px; margin-top: 50px;}
.main_sec02 .lawyer01 figure {width: 40%;}
.main_sec02 .lawyer01 figure img {max-width:255px; width: 100%;}
.main_sec02 .lawyer02 {margin-top: 20px;}
.main_sec02 .lawyer02 .ly_inner {background: url('../img/m_sec01_bg.png') no-repeat center 140px;}
.main_sec02 .lawyer02 figure {width: 45%; text-align: center; margin-right: 5%;}
.main_sec02 .lawyer02 figure img {max-width:209px; width: 100%;}
.main_sec02 .lawyer02 .txt {width: 40%; margin-top: 50px;}
.main_sec02 .lawyer .txt h3 {font-size: 24px; font-weight: 300; color: #131313; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.2);}
.main_sec02 .lawyer .txt h3 span {font-size: 36px; font-weight: 700;}
.main_sec02 .lawyer .txt p {font-size: 16px; font-weight: 300; color: #343434; line-height: 1.8; padding-left: 20px; position: relative; display: flex; align-items:center;}
.main_sec02 .lawyer .txt p::before {content: ''; width: 5px; height: 5px; background: #002747; display: block; position: absolute; left: 0; top: 10px; border-radius:50%;}
.main_sec02 .main_btn {width: 200px; padding: 15px 0; background: #002747; color: #fff; text-align: center; display: block; margin: 50px auto 0; font-size: 18px; font-weight: 700;}

@media(max-width:1300px){
.main_sec02 {padding: 0px 0 0px;}
.main_sec02 .lawyer01 .ly_inner {padding-left: 110px;}
.main_sec02 .lawyer01 .txt {width: 40%;}
.main_sec02 .lawyer02 figure {width: 50%; text-align: right;}
.main_sec02 .lawyer02 .txt {width: 40%;}
}

@media(max-width:768px){
.main_sec02 {padding: 0% 0;}
.main_sec02 .lawyer {margin-top: 1%;}
.main_sec02 .lawyer::before {width: 90%; height: 90%;}
.main_sec02 .lawyer01::after {display: none;}
.main_sec02 .lawyer02::after {display: none;}
.main_sec02 .lawyer01 .ly_inner {padding-left: 4%;}
.main_sec02 .lawyer01 .txt {width: 58%;}
.main_sec02 .lawyer01 figure img {width: 90%;}
.main_sec02 .lawyer .txt h3 span {font-size: min(6vw, 24px);}
.main_sec02 .lawyer .txt h3 {font-size: min(4.5vw, 18px); margin-bottom: 10px; padding-bottom: 10px;}
.main_sec02 .lawyer .txt p {font-size: min(3.5vw, 14px);}
.main_sec02 .lawyer02 figure {width: 40%;}
.main_sec02 .lawyer02 figure img {width: 80%;}
.main_sec02 .lawyer02 .txt {width: 52%;}
.main_sec02 .main_btn {width: 180px; padding: 10px; font-size: min(3.5vw, 16px); margin: 1% auto 0;}
}

.main_sec03 {margin: 100px 0;}
.main_sec03 .flx {display: flex; justify-content:space-between; flex-flow:row wrap;}
.main_sec03 .flx .txt {width: 60%;}
.main_sec03 .flx .txt .main_tit, .main_sec03 .flx .main_sub_tit {text-align: left;}
.main_sec03 .flx .main_tit + p {font-size: 16px; color: #131313; margin-bottom: 30px;}
.main_sec03 .flx ul li {display: flex; align-items:center; flex-flow:row wrap; margin-bottom: 10px;}
.main_sec03 .flx ul li h3 {width: 20%; font-size: 16px; color: #0052f5; font-weight: 500;}
.main_sec03 .flx ul li div {width: 80%; font-size: 18px; color: #131313;}
.main_sec03 .flx ul li .time {font-size: 18px;}
.main_sec03 .flx ul li .time p {display: flex; margin-bottom: 10px;}
.main_sec03 .flx ul li .time p span:first-child {width: 30%;}
.main_sec03 .flx ul li .time p span:last-child {width: 70%;}
.main_sec03 .flx ul li .address {font-size: 18px;}
.main_sec03 .flx .cot_map {width: 40%;}

@media(max-width:1080px){
.main_sec03 .flx .txt {width: 100%;}
.main_sec03 .flx .cot_map {width: 100%;}
}

@media(max-width:768px){
.main_sub_tit {font-size: min(3.5vw, 16px);}
.main_tit {font-size: min(5.5vw, 24px);}
.main_sec03 {margin: 12% 0;}
.main_sec03 .flx .cot_map {height: 300px !important;}
.main_sec03 .flx .main_tit + p {font-size: min(3.5vw, 16px); margin-bottom: 10px;}
.main_sec03 .flx ul li {margin-bottom: 2%;}
.main_sec03 .flx ul li h3 {font-size: min(3.5vw, 16px);}
.main_sec03 .flx ul li div {font-size: min(4.5vw, 18px);}
.main_sec03 .flx ul li .time {font-size: min(3.5vw, 16px);}
.main_sec03 .flx ul li .address {font-size: min(3.5vw, 16px);}
}

.sub_visual h2 {font-size: 40px; font-weight: 500; color: #fff;}
.sub_visual h2::after {content: ''; width: 50px; height: 2px; background: #fff; display: block; margin: 20px auto;}
.sub_visual .tab {display: flex; justify-content:center; margin-top: 20px;}
.sub_visual .tab li {width: 200px; margin-right: 10px;}
.sub_visual .tab li a {width: 100%; padding: 12px 0; border: 1px solid rgba(255,255,255,0.5); font-size: 18px; color: rgba(255,255,255,0.7); display: block; transition:all 0.3s;}
.sub_visual .tab li a.on {border: 1px solid #fff; background: #fff; color: #0052f5; font-weight: 500;}
.sub_visual .tab li a:hover {border: 1px solid #fff; background: #fff; color: #0052f5; font-weight: 500;}

@media(max-width:768px){
.sub_visual h2 {font-size: min(5.5vw, 24px);}
.sub_visual h2::after {margin: 10px auto;}
.sub_visual .tab {display: none;}
}

.sub_cont .main_tit::after {content: ''; width: 1px; height: 30px; background: #0052f5; display: block; margin: 20px auto;}
.sub_cont .main_sec03 {margin: 0 auto; overflow: hidden;}
.sub_cont .main_sec03 .main_tit::after {display: none;}

.s11 {text-align: center;}
.s11 .txt h4 {font-size: 24px; font-weight: 300; color: #131313; margin-bottom: 20px;}
.s11 .txt h4 span {font-weight: 500;}
.s11 .txt p {font-size: 18px; line-height: 1.6; color: #343434; margin-bottom: 20px; font-weight: 300;}
.s11 .txt p span {font-weight: 500; font-size: 24px; color: #131313;}
.s11 figure img {max-width:1200px; width: 100%; display: block; margin: 100px auto 0;}

@media(max-width:768px){
.s11 .txt h4 {font-size: min(4.5vw, 16px);}
.s11 .txt h4 br {display: none;}
.s11 .txt p {font-size: min(3.5vw, 14px); margin-bottom: 10px;}
.s11 .txt p br {display: none;}
.s11 .txt p span {font-size: min(4.5vw, 16px);}
.s11 figure img {margin-top: 10%;}
}

.s21 {margin-bottom: 100px;}
.s21:last-of-type {margin-bottom: 0;}
.s21 .law_box .img {position: relative; left: 0; top: 0;}
.s21 .law_box .img img {max-width:480px; width: 100%; display: block;}
.s21 .law_box .img::after {content: ''; width: 80%; height: 650px; display: block; position: absolute; left: -20px; top: -20px; background: rgba(0,39,71,0.2); z-index: -1;}
.s21 .law_box h3 {font-size: 24px; color: #0052f5; margin-bottom: 20px; font-weight: 500;}
.s21 .law_box h2 {font-size: 18px; padding-left: 15px; color: #131313; position: relative; left: 0; top: 0; margin-bottom: 10px; font-weight: 500;}
.s21 .law_box h2::before {content: ''; width: 5px; height: 5px; background: #0052f5; border-radius:50%; display: block; position: absolute; left: 0; top: 11px;}
.s21 .law_box p {font-size: 17px; line-height: 1.8; color: #343434; font-weight: 300; margin-bottom: 30px;}
.law_box {display:flex; flex-flow: row wrap; margin-bottom:20px; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1;}
.law_box div {width:50%;}

@media(max-width:768px){
.law_box div {width:100%;}
.s21 {margin-bottom: 10%;}
.s21 .law_box .img::after {height: 90%;}
.s21 .law_box h3 {margin-top: 5%; font-size: min(4.5vw, 18px); margin-bottom: 10px;}
.s21 .law_box h2 {font-size: min(4vw, 16px);}
.s21 .law_box p {font-size: min(3.5vw, 14px); margin-bottom: 20px;}
}

.s22 figure img {max-width:1200px; width: 100%; display: block; margin: 0 auto;}
.s22 figure + p {font-size: 20px; color: #131313; line-height: 1.6; text-align: center; margin-top: 30px; font-weight: 300;}
.s22 figure + p span {font-weight: 500;}

@media(max-width:768px){
.s22 figure + p {font-size: min(4.5vw, 18px);}
}

.bs_field .sub_tab_wrap {padding: 100px 0; background: url('../img/bs_field_tab_bg.jpg') no-repeat center bottom / cover; }
.bs_field .sub_tab {display: flex; justify-content:center;}
.bs_field .sub_tab li {width: 240px; margin-right: 10px;}
.bs_field .sub_tab li:last-child {margin-right: 0;}
.bs_field .sub_tab li a {width: 100%; padding: 12px 0; border: 1px solid rgba(255,255,255,0.5); font-size: 18px; color: rgba(255,255,255,0.7); display: block; transition:all 0.3s; text-align: center;}
.bs_field .sub_tab li a.on {border: 1px solid #fff; background: #fff; color: #0052f5; font-weight: 500;}
.bs_field .sub_tab li a:hover {border: 1px solid #fff; background: #fff; color: #0052f5; font-weight: 500;}
.bs_field .cont_wrap ul {margin-top: 60px;}
.bs_field .cont_wrap ul li {display: flex; flex-flow:row wrap;  margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e1e1;}
.bs_field .cont_wrap ul li h3 {width: 24%; font-size: 20px; font-weight: 500; color: #0052f5; display: flex;}
.bs_field .cont_wrap ul li h3 span {width: 7%;}
.bs_field .cont_wrap ul li .txt {width: 76%; font-size: 18px; color: #343434; font-weight: 300; line-height: 1.6;}
.bs_field .cont_wrap ul li p {margin-bottom: 20px;}
.bs_field .cont_wrap ul li p span {font-weight: 500;}
.bs_field .cont_wrap .center_info {font-size: 20px; font-weight: 300; color: #0052f5; margin: 50px 0; line-height: 1.6;}
.bs_field .cont_wrap .center_info span {font-weight: 500;}

@media(max-width:768px){
.s31 .sub_tab li, .s34 .sub_tab li, .s35 .sub_tab li {width: 45%;}
.bs_field .cont_wrap ul li {padding-bottom: 0; margin-bottom: 15px;}
.bs_field .sub_tab_wrap {padding: 15% 0;}
.bs_field .sub_tab li a {font-size: min(3.5vw, 16px);}
.bs_field .cont_wrap ul {margin-top: 7%;}
.bs_field .cont_wrap ul li h3 {width: 100%; font-size: min(4.5vw, 16px);}
.bs_field .cont_wrap ul li .txt {width: 100%; margin-top: 5%; font-size: min(3.5vw, 14px);}
.s33 .sub_tab li {width: 28%;}
.bs_field .cont_wrap .center_info {font-size: min(4vw, 16px); margin: 5% 0;}
}

.s32 .banner {padding: 100px 50px; background: url('../img/bs_field_tab_bg.jpg') no-repeat center / cover; font-size: 20px; color: #fff; text-align: center;}
.s32 .cont_wrap ul li h3 {width: 18%;}
.s32 .cont_wrap ul li p {width: 80%;}
.s32 .cont_wrap ul li p img {max-width:681px; width: 100%; display: block;}

@media(max-width:768px){
.s32 .banner {font-size: min(3.5vw, 14px); padding: 13% 5%;}
.s32 .cont_wrap ul li h3 {width: 100%;}
}

/*#wrapper {padding:30px;}*/
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;height:100%;zoom:1; max-width:1400px;}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative;float:left;min-height:500px;height:auto !important;/*margin:20px 0;*/height:500px;font-size:1em;width:100%;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */

footer {padding: 20px 0; background: #333;}
footer ul {display: flex; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 20px;}
footer ul a {cursor:pointer; display: block; margin-right: 35px; font-size: 16px; color: rgba(255,255,255,0.6); font-weight: 300;}
footer ul li:last-child a {color: rgba(255,159,40,0.6);}
footer .flx {display: flex; justify-content:space-between;}
footer .flx .txt p {font-size: 15px; color: rgba(255,255,255,0.6); line-height: 1.6; font-weight: 300;}
footer .flx .txt p span {display: inline-block; width: 1px; height: 10px; background: rgba(255,255,255,0.6); margin: 0 10px;}
footer .flx .txt .copy {margin-top: 10px;}
footer .flx .txt .copy a {color: rgba(255,255,255,0.4); display: inline-block;}

@media(max-width:1300px){
footer figure {display: none;}
}

@media(max-width:768px){
footer ul {margin-bottom: 10px; padding-bottom: 10px;}
footer ul a {font-size: min(3.5vw, 14px);}
footer .flx .txt p {font-size: min(3.5vw, 13px);}
footer .flx .txt p br {display: none;}
footer .flx .txt span {margin: 0 5px;}
}


#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}