@charset "utf-8";
/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/*font-weight: Thin:100, Light:300, regular 400, medium:500, bold:700, Black:900*/

@import url('../assets/css/flaticon.css');

html{font-size: 9px;}
body{font-size: 1.6rem; font-family: 'Noto Sans KR', sans-serif;
 font-weight: 400; letter-spacing: -0.8px; line-height:1.2;}

 body[data-aos-duration='5000'] [data-aos], [data-aos][data-aos][data-aos-duration='5000']{
transition-duration: 5000ms;
}
/*공통*/
.pc{display:block;}
.mobile{display:none;}
.inner{max-width: 1400px; margin: 0 auto; padding: 0 10px;}
.bbs_inner{max-width: 1400px; margin: 0 auto; padding: 0 10px;}
.swinner{max-width: 1550px; margin: 0 auto; padding: 10px 60px; box-sizing: border-box; position: relative;}
.btn{height: 50px; border-radius: 0 25px 25px 25px !important; border: 1px solid #fff; transition: 0.3s; box-sizing: border-box; }
.btn a{color: #fff; font-weight: 300; font-size: 15px; display: flex; align-items: center; justify-content: center; height: 100%;}
.btn:hover{background-color: rgb(255, 255, 255);}
.btn:hover a{color: #d4911b; font-weight: 400;}
/*메인 컨텐츠*/
.ms{padding: 12rem 0px;}
.ms .title{display: flex; justify-content: space-between; align-items: center; color: #fff; margin-bottom: 6rem;}
.ms .title h1{font-size: 3.6rem; font-weight: 500;}
.ms .title .btn{width: 145px; border: 2px solid #fff;}

/*    네비    */
.header {width: 100%; height: 105px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); box-sizing: border-box;background-color: rgba(255, 255, 255, 0.1);  /* background-color: rgba(11, 23, 39, 0.26); */ position: fixed; top: 0; left: 0; z-index: 999; display: flex; align-items: center; justify-content: space-evenly;}
.header_on { background-color: rgba(11, 23, 39, 0.4); }
.header_main.header_on {background-color: rgba(11, 23, 39, 0.4);}
/* .header_main.header_on {background-color: rgba(255, 255, 255, 0.1);} */

.header .logo{}
.header .logo img {display: block; width: 131px;}
.header .nav {display: flex; position: relative; line-height: 105px; letter-spacing: -1px;}
.header .nav > li {position:relative; text-align: center; position: relative; text-align: center; padding: 0 14px;}
.header .nav > li > a{display: block; font-size: 1.8rem; width: 100%; color: #fff;}
.header .nav > li:after {content:''; width:1px;height:12px; background:rgba(255,255,255,0.7); position:absolute; right:0; top:52%; transform:translateY(-50%);}
.header .nav > li:last-child:after {display:none;} 

/* 네비 > 서브메뉴 */
.header .nav .nav2depth{position: absolute; left: 50%; transform: translateX(-50%); width: 221px; min-width:150px; background-color: #fff; line-height: 50px; height: 0; overflow: hidden; transition: 0.5s; padding: 0 10px;}
.header .nav .nav2depth li{/*width :250px*/}
.header .nav .nav2depth li a{display: block;}
.header .nav > li:nth-child(1):hover .nav2depth,
.header .nav > li:nth-child(2):hover .nav2depth,
.header .nav > li:nth-child(4):hover .nav2depth{height: 100px;}
.header .nav > li:nth-child(3):hover .nav2depth{height: 200px;}
.header .nav > li:nth-child(7):hover .nav2depth{height: 150px;}
.header .nav > li:hover > a,
.header .nav .nav2depth li:hover a{color: #d4911b;}
.header .menu_btn{cursor: pointer; }
.header .menu_tit {display:none; position:relative; text-transform:uppercase; color:#fff; font-size:2rem;}
.header .menu_tit span { position: absolute; right: 130%; margin-top: 0.5rem;}

/* 사이드메뉴 */
.header .sidemenu {padding: 105px 5rem 5rem; background-color: rgba(0, 0, 0, 0.9); position: fixed; z-index: 99; max-width: 500px; width: 100%; height: 100%; top: 0; overflow-y: auto; box-sizing: border-box; right: -150%; transition: 0.5s; font-size: 1.8rem; font-weight: 300;}
.header .sidemenu.menu_on{right: 0;}
.header .sidemenu .close_btn{position: absolute; top: 35px; right: 15%; cursor: pointer;}
.header .sidemenu ul.side_nav{}
.header .sidemenu ul.side_nav li{line-height: 35px;}
.header .sidemenu ul.side_nav > li{margin-bottom: 20px; line-height: 45px;}
.header .sidemenu ul.side_nav > li > a{display: block; color: #d4911b; font-size: 2.5rem; font-weight: 500;}
.header .sidemenu ul.side_nav li .nav2depth{}
.header .sidemenu ul.side_nav li .nav2depth li{}
.header .sidemenu ul.side_nav li .nav2depth li a{color: #fff;}
.header .sidemenu ul.side_nav li .nav2depth li:hover a{color: #d4911b;}
/*배경마스크 */
.bg_mask {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 3; background-color: rgba(0, 0, 0, 0.4); z-index: 10;}
.bg_mask.mask_on {display: block;}

/*    메인 main_visual    */
.main_visual{height: 100vh; position: relative;}
.main_visual .swiper{height: 100%;}
.main_visual .swiper-wrapper .swiper-slide {background-size: cover; width:100% !important;}
.main_visual .swiper-wrapper .swiper-slide.slide01{background: url(../assets/images/banner-bg.jpg) no-repeat center; background-size: cover;}
.main_visual .swiper-wrapper .swiper-slide.slide02{background: url(../img/main_visual2.jpg) no-repeat center; background-size: cover;}
.main_visual .swiper-wrapper .swiper-slide.slide03{background: url(../img/main_visual4.jpg) no-repeat center; background-size: cover;}
.main_visual .txtbox {width: 100%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; color: #fff; text-align: center; padding: 0 10px; box-sizing: border-box; font-weight: 300;}
.main_visual .txtbox h1{font-size: 6rem; font-weight: 500; margin-bottom: 2rem; text-shadow: 00px 6px 18px rgba(0, 0, 0, 0.5);}
.main_visual .txtbox h1 img {margin-bottom:4rem; max-width:310px; width:40%;}
.main_visual .txtbox h2{font-size: 2.5rem; margin-bottom:3rem; text-shadow: 00px 6px 18px rgba(0, 0, 0, 0.5); line-height:1.5;}
.main_visual .txtbox .btn_more{width: 180px; display: inline-block;}
/*pc퀵메뉴*/
.main_visual .quick_bnr{position: fixed; bottom: 0; z-index: 9; background-color: #0b1727; width: 100%; color: #fff; border: 1px 0px 1px 0px solid rgba(255, 255, 255, 0.3);}
.main_visual .quick_bnr ul{display: flex;}
.main_visual .quick_bnr ul li{padding: 3.5rem 0px; }
.main_visual .quick_bnr ul li:nth-child(1){flex: 1;}
.main_visual .quick_bnr ul li:nth-child(2){padding-left: 5rem; padding-right: 20px; border-right: 2px solid rgba(255, 255, 255, 0.3); border-left: 2px solid rgba(255, 255, 255, 0.3); width: 47.5%; margin-right: 4%; box-sizing: border-box;}
.main_visual .quick_bnr ul li h1{font-weight: 700; font-size: 2rem; margin-bottom: 2.4rem;}
.main_visual .quick_bnr ul li p{font-size: 1.8rem; line-height: 26px; }
.main_visual .quick_bnr ul li:nth-child(3){flex: 1}
.main_visual .quick_bnr ul li:nth-child(3) p{font-size: 1.6rem;}
.main_visual .quick_bnr ul li .wrap{display: flex; align-items: center; }
.main_visual .quick_bnr ul li .wrap input,
.main_visual .quick_bnr ul li .wrap select{width: 110px; border: none; border-bottom: 2px solid #fff; background-color: transparent; margin-right: 10px; color: #fff; font-weight: 300; padding: 0; height: 40px; outline: none;}
.main_visual .quick_bnr ul li .wrap option{color: #000;}
.main_visual .quick_bnr ul li .wrap input::placeholder{color: #fff;}
.main_visual .quick_bnr ul li .wrap .btn{width: 110px; height: 40px; }
.main_visual .quick_bnr ul li .wrap p{margin-right: 10px;}


/* pc퀵메뉴 수정 */
.quick_menu2 {position: fixed; bottom: 0; z-index: 999; background-color: #0b1727; width: 100%; color: #fff; border: 1px 0px 1px 0px solid rgba(255, 255, 255, 0.3);}
.quick_menu2 .inner {display:flex;}
.quick_menu2 h4 {font-size:2rem; font-weight:600; margin-bottom:1.5rem;}
.q_con {width:33.33%; padding:2rem 4rem;}
.q_con p {font-size:1.6rem; line-height:1.3; font-weight:300;}
.q_contact p {font-size:1.8rem;}
.q_blog {border-right:1px solid rgba(255,255,255,0.3); text-align:left; display: flex; align-items: center; justify-content:space-between;}
.q_blog .box {}
.q_blog h4 {width:100%;}
.q_blog .btn {width: 200px; height: 60px; background:#31B859; border-color:#31B859; margin-left:2rem; border-radius: 0 50px 50px 50px;}
.q_inquiry2 {border-right:1px solid rgba(255,255,255,0.3); position:relative; display: flex; align-items: center;  justify-content:space-between;}
.q_inquiry2 .box {}
.q_inquiry2 h4 {width:100%;}
.q_inquiry2 .btn { display: flex; align-items: center; justify-content: center;width:200px; height: 60px; border-color:#CBA24F; border-radius: 0 50px 50px 50px; background:#CBA24F; text-align:center; cursor: pointer; margin-left:2rem; font-weight: 500; font-size:1.8rem;}

/* new_상담예약신청 */
.q_inquiry {position:fixed; right:0; top:50%; z-index:999;}
.q_inquiry * {word-break:keep-all; box-sizing:border-box;}

.inquiry_bnr {width:100px; background:#CBA24F; border-radius:1rem 0 0 1rem; padding:1.5rem 3px;  color:#fff; text-align:center; font-size:1.4rem; cursor:pointer;}
.inquiry_bnr  img {margin-bottom:1rem;}

.inquiry_con {
position: fixed;
    right: 0px;
    bottom: -100%;
    display: flex;
    flex-wrap: wrap;
    align-content:stretch;
    width: 450px;
    height: calc(100vh - 105px);
    padding: 3rem;
    background: #fff;
    border-left: 3px solid #CBA24F;
    transition: 0.5s;
	z-index: 999;

}

.inquiry_con.on {bottom:0;}
/* .inquiry_con {
position:fixed; right:-470px; bottom:0;  
display: flex; flex-wrap: wrap; align-content: center;
width:450px; height:calc(100vh - 105px); 
padding:3rem; 
background:#fff; 
border-left: 3px solid #CBA24F;
transition:0.5s;
} */

/* .inquiry_con.on {right:0;} */
.inquiry_con .wrap {max-height:100%; overflow-y: scroll; -ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
.inquiry_con .wrap::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/}

select option[value=""][disabled] {display: none;}
.inquiry_top {width:100%;}
.inquiry_top h4 {font-size:2.2rem; margin-bottom:2rem; font-weight:600;}
.inquiry_top p {font-size:1.6rem;}
.inquiry_top p b {font-weight:500;}

.inquiry_step {width:100%; margin: 4rem 0 2rem;}
.inquiry_step ul {display:flex; flex-wrap:wrap; justify-content: space-between; text-align:center; margin-bottom:2rem;}
.inquiry_step li {width: 7rem; font-size:1.3rem;}

.inquiry_step .step_num {position:relative; display:inline-block; width:5rem; height:5rem; line-height:5rem; color:#fff; font-weight:500; margin-bottom:2rem;}
.inquiry_step .step_num:before {content:''; width:5rem; height:5rem; background:#CBA24F; position:absolute; left:0; top:0; transform:rotate(45deg); border-radius:5px; z-index: -1;}
.inquiry_step .step_num::after {content:''; position:absolute; right:-3.7rem; top:50%; transform:translateY(-50%);  width:1.9rem; height:1.2rem; background:url(../img/step_arrow2.svg) center no-repeat; background-size:100%;}
.inquiry_step li:last-child .step_num::after {display:none;}
.inquiry_step .step_txt {font-size:1.3rem;}
.inquiry_step .gold {display:inline-block; font-weight:600; color:#CBA24F; margin-right:5px; margin-top:5px;}

.inquiry_form {width:100%;}
.inquiry_form select,
.inquiry_form textarea,
.inquiry_form input[type="text"] {width:100%; height:3.5rem; padding:0 1rem; font-size:1.6rem; margin-bottom:1rem; border-radius:0; border:1px solid #ccc;}
.inquiry_form textarea {padding:1rem; height:7rem; font-family: 'Noto Sans KR', sans-serif;}
.inquiry_form .privacy {margin-bottom:2rem;}
.inquiry_form .privacy .box{width: 100%; height: 7rem;  background: #fafafa; box-sizing: border-box;  padding: 1rem;
    overflow-y: scroll;  font-size:1.2rem;}
.inquiry_form .privacy .check{display:flex; align-items: center;}
.inquiry_form .privacy .check input{width:15px; height:15px;}
.inquiry_form .privacy .check label{font-size:1.3rem; font-weight:500; display:inline-block; padding: 0 0 0 5px;    margin-top: 10px;}
.inquiry_form .privacy .check label:before {display: none;}
.inquiry_form .btn {background:#CBA24F; width:150px; margin:0 auto;}
.inquiry_form .btn:hover a {color:#fff;}

.inquiry_con .close_btn {position:absolute; right:3rem; top:3rem; cursor:pointer;}
.inquiry_con .inquiry_logo { margin:6vh auto 3vh auto; text-align: center;}
.inquiry_con .inquiry_logo img { max-height:6vh;}

/*    ms01 주요업무분야    */
.ms01{padding-bottom: 0; background: url(../img/ms01_bg.jpg) no-repeat center; background-size: cover; position: relative;}
.ms01 ul{display: flex; flex-wrap: wrap; position: relative;}
.ms01 ul li{width: 31%; position: relative; margin-right: 2%; background: url(../img/ms01_shape.png) no-repeat center; background-size: cover; transition: 0.2s;}
.ms01 ul li:nth-child(6){margin-right: 0;}
.ms01 ul li:nth-child(4),
.ms01 ul li:nth-child(5),
.ms01 ul li:nth-child(6){top: -11rem; left: 16.5%;}
.ms01 ul li::after{content: ""; display: block; padding-bottom: 100%;}
.ms01 ul li a{position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; text-align: center; color: #fff; text-transform: uppercase; font-size: 3.2rem; transition: 0.2s;}
.ms01 ul li a span{width: 100%; margin-bottom: 2rem; font-size: 1.6rem; color: rgba(255, 255, 255, 0.4);}

.ms01 ul li:hover {background: url(../img/ms01_shape_on.png) no-repeat center; background-size: cover;}
.ms01 ul li:hover a{color: #d4911b;}

/* 스크롤 애니매이션 아이콘 */
.ms01 .scroll_wrap {color: #fff; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 1; font-size: 12px; letter-spacing: 1px; text-align: center; font-weight: 300;}
.ms01 .scroll_wrap .mouse {width: 25px; height: 35px; border: 1px solid rgba(255,255,255,.8); border-radius: 50px; position: relative; box-sizing: border-box; display: inline-block; margin-top: 10px;}
.ms01 .scroll_wrap .wheel {width: 2px; height: 5px; margin: 0 auto; background: rgba(255,255,255,.8); animation: mouse-wheel 1.5s ease infinite;}
.ms01 .scroll_wrap .mouse::after{content: ""; position: absolute; top: 101%; width: 1px; height: 30px; background-color: #fff; left: 50%; transform: translateX(-50%);}
@keyframes mouse-wheel {
    0% {opacity: 1; transform: translateY(10px);}
    100% {opacity: 0; transform: translateY(25px);}
}

/*    ms02 판결문    */
.ms02{padding: 12rem 0; background: url(../img/ms03_bg.jpg) no-repeat center; background-size: cover; position: relative;}
.ms02 ul{display: flex; justify-content: space-between;}
.ms02 ul li{width: 23.5%; background-color: #fff; border-radius: 0 25px 0 25px; text-align: center; font-weight: 500; position: relative; border: 5px solid transparent; transition: 0.3s; box-sizing: border-box;}
.ms02 ul li:hover{border: 5px solid #d4911b;}
.ms02 ul li a{height: 100%; display: block; position: relative;}
.ms02 ul li .top{padding: 1.7rem; border-bottom: 1px solid #cbcbcb;}
.ms02 ul li .top img{width: 100%; max-width: 230px; height: 100%;}
.ms02 ul li .btm{padding: 3rem 2rem; position: relative;}
.ms02 ul li::after{content: ""; position: absolute; width: 40px; height: 40px; right: -5px; bottom: -5px; background: url(../img/ic_plus.png) no-repeat center #ce732c; background-size: 14px; }
.ms02 ul li .btm span{font-size: 1.9rem; color: #ce732c;}
.ms02 ul li .btm h1{margin: 1.2rem 0px 1rem; font-size: 2rem;}
.ms02 ul li .btm h2{font-size: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



/*    ms03 성공사례    */
.ms03{position: relative; background-color: #fafafa;}
.ms03 .title{color: #222222;}
.ms03 .title .btn{border-color: #3b4451;}
.ms03 .title .btn a{color: #222222;}

.ms03 .swiper{position: relative; box-sizing: border-box; overflow: hidden; width: 100%;}
.ms03 .swiper .swiper-wrapper{}
.ms03 .swiper .swiper-slide{box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1); box-sizing: border-box; margin-bottom: 30px; background-color: #fff; border: 2px solid transparent; transition: 0.3s;}
.ms03 .swiper .swiper-slide:hover{border: 2px solid #3b6292;}
.ms03 .swiper .swiper-slide a{padding: 40px 2rem 4rem; width: 100%; height: 100%; display: block; box-sizing: border-box; background: url(../img/ic_plus_color.png) no-repeat top right; background-size: 40px;}
.ms03 .swiper .swiper-slide .cbox{line-height: 30px; display: inline-block; padding: 0 14px; background-color: #0b1727; color: #fff; font-size: 1.8rem; font-weight: 500; }
.ms03 .swiper .swiper-slide h1{margin: 2rem 0 4rem; font-size: 2.4rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ms03 .swiper .swiper-slide h2{font-size: 1.7rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.6;}
.ms03 .swiper .swiper-slide .btm{margin-top: 4rem; display: flex; justify-content: space-between; align-content: center; align-items: flex-end;}
.ms03 .swiper .swiper-slide .btm .profile{display: flex; flex-wrap: wrap; align-items: center;}
.ms03 .swiper .swiper-slide .btm .profile img{margin-right: 1.5rem;}
.ms03 .swiper .swiper-slide .btm .profile .pftxt{font-size: 1.9rem;}
.ms03 .swiper .swiper-slide .btm .profile .pftxt h3{font-size: 1.5rem;}
.ms03 .swiper .swiper-slide .btm .profile p{margin-top: 1rem; font-weight: 500;}
.ms03 .swiper .swiper-slide .btm .profile p span{font-size: 1.5rem;}
.ms03 .swiper_arw{position: absolute; width: 40px; height: 10px; background: url(../img/ms03_arrow_left.png) no-repeat; background-size: cover; cursor: pointer; top: 50%; transform: translateY(-50%);}
.ms03 .swiper_arw.swiper_prev{left: 10px;}
.ms03 .swiper_arw.swiper_next{background-image: url(../img/ms03_arrow_right.png); right: 10px;}

/*    ms04 전문칼럼 블로그    */
.ms04{position: relative; background: url(../img/ms02_bg.jpg) no-repeat center; background-size: cover; position: relative;}
.ms04 .swiper{position: relative; overflow: hidden; width: 100%;}
.ms04 .swiper .swiper-slide{box-sizing: border-box; background-color: #fff; transition: 0.3s; border-radius: 0 25px 0 25px; overflow: hidden;}
.ms04 .swiper .swiper-slide .top{position: relative; height: 280px;}
.ms04 .swiper .swiper-slide .top img{width: 100%; height: 100%; object-fit: cover;}
.ms04 .swiper .swiper-slide .top::after{content: ""; width: 100%; height: 100%; background-color: rgba(215, 142, 85, 0.8); position: absolute; top: 0; left: 0; opacity: 0;}
.ms04 .swiper .swiper-slide .btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 220px; opacity: 0; transition: 0.3s; z-index: 1;}
.ms04 .swiper .swiper-slide .btn:hover{background-color: #ce732c;}
.ms04 .swiper .swiper-slide .btn:hover a{color: #fff;}
.ms04 .swiper .swiper-slide:hover .top::after{opacity: 1;}
.ms04 .swiper .swiper-slide .btn a img{width: 20px; height: 20px; margin-right: 10px;}
.ms04 .swiper .swiper-slide:hover .btn{opacity: 1;}
.ms04 .swiper .swiper-slide .btm{padding: 3rem 3rem; font-size: 1.8rem; font-weight: 300; color: #222;}
.ms04 .swiper .swiper-slide .btm span{padding-left: 12px; color: #ce732c; font-size: 1.8rem; font-weight: 500; position: relative;}
.ms04 .swiper .swiper-slide .btm span::before{content: ""; width: 4px; height: 20px; background-color: #ce732c; position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
.ms04 .swiper .swiper-slide h1{margin: 2rem 0 1rem; font-size: 2.5rem; font-weight: 500; min-height:5rem;}
.ms04 .swiper .swiper-slide h2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.6; margin-bottom: 3rem;}
.ms04 .swiper_arw{position: absolute; width: 40px; height: 10px; /*background: url(../img/ms04_arrow_left.png) no-repeat*/; background-size: cover; cursor: pointer; top: 50%; transform: translateY(-50%);}
.ms04 .swiper_arw.swiper_prev{left: 10px;}
.ms04 .swiper_arw.swiper_next{/*background-image: url(../img/ms04_arrow_right.png);*/ right: 10px;}

/*    ms05 지도    */

.ms05 .msm_wrap { position: relative; height: 560px; background:#112139;}
.ms05 .msm_wrap .ms_map {position: absolute; width: 50%; top: 0; height: 100%;}
.ms05 .msm_wrap .ms_map img{ width: 100%;height: 100%; object-fit: cover;}
.ms05 .msm_wrap .cs_box { position: absolute; width: 50%; top: 0; left:50%; height: 100%; background-image: url(customer.jpg); background-size: cover; color:#fff; font-size:2rem;}
.ms05 .msm_wrap .cs_box img{ width: 100%;height: 100%; object-fit: cover;}
.ms05 .cs_text {padding: 9.6rem 0 0 12rem;}
.ms05 .cs_text h1 {font-size:3.6rem; margin-bottom:6.7rem; font-weight:400;}

.ms05 .cs_text h2 {font-size:2.8rem; color:#fff;}
.ms05 .cs_text .cst_num {margin: 0 0 2.7rem 6rem;}
.ms05 .cs_text  a {color:#fff;}
.ms05 .cs_text p {font-size:2rem; margin-bottom:4rem;}
.ms05 .cs_text .cs_btn {font-size:1.8rem; width:180px; height:50px; text-align:center;line-height: 2.2; border:1px solid #fff; border-radius: 50px; padding: 0.5rem 0.7rem;}
.ms05 .cs_text .cs_btn:hover { background: #31B859; border-color: #31B859;}
.ms05 .cs_text .cs_btn a {color:#fff;  } 


/*    footer    */
.footer{padding: 4rem 0px 20rem; background-color: #0b1727; color: #fff; text-align: center; font-size: 1.5rem;}
.footer .logo{}
.footer .ft_link{margin-top: 3rem; margin-bottom: 2rem;}
.footer .ft_link a{color: #fff; position: relative;}
.footer .ft_link a:not(:last-child){margin-right: 2.6rem;}
.footer .txt{margin-bottom: 1rem; color: rgba(255, 255, 255, 0.4);}
.footer .txt span{margin-right: 20px;}
.footer .copy{color: rgba(255, 255, 255, 0.1);}
.footer .ft_btm{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; line-height: 2.8rem;}
.footer .ft_btm p.copy{color: #676D77;}
/* .sub_footer {padding-bottom:4rem;} */

/*    스크롤네비    */
.scroll_nav { width: 120px; text-align: right; position: absolute;}
.scroll_nav.fixed{position: fixed; top: 50%; transform: translateY(-50%); z-index:3;}
.scroll_nav li {margin-bottom: 35px;}
.scroll_nav li a{color: rgba(255, 255, 255, 0.23); width: 100%; height: 100%; padding-bottom: 10px; display: inline-block; position: relative;}
.scroll_nav li a::before{content: ""; position: absolute; width: 5px; height: 5px; left: 0; background-color: rgba(255, 255, 255, 0.23); top: 0; left: 70%; top: 30%; transform: rotate(45deg);}
.scroll_nav li.on {border-bottom: 1px solid #fff;}
.scroll_nav li.on a::before{background-color: #fff;}
.scroll_nav li.on a{color: #fff;}
.scroll_nav li a:hover{color: #fff;}
/*    모바일 퀵메뉴    */
.quick_menu{position: fixed; right: 2%; bottom: 5%; z-index: 99; display: none;}
.quick_menu li{background-color: #244d84; cursor: pointer;}
.quick_menu li,
.quick_menu li a{width: 90px; height: 90px; /* border-radius: 50%; */ display: flex; align-items: center; justify-content: center; margin-top: 10px; flex-wrap: wrap; text-align: center; align-content: center; color: #fff; font-weight: 500; font-size: 1.8rem;} 
.quick_menu li a{color: #fff; margin-top: 0;}
.quick_menu li.blog{background-color: #33a936;}
.quick_menu li.inquiry{background-color: #0B1727; color: #fff;}
.quick_menu li.inquiry2{background-color: #0B1727; color: #fff;}
.quick_menu li img{width: 40%; }
.quick_menu li p{width: 100%;}


.quick_menu{position: fixed; left: 0%; bottom: 0%; z-index: 99;  width:100%; dispaly:flex; flex-wrap; display: none;}
.quick_menu li {width:33.33%;  height: 60px;}
.quick_menu li a {width:100%; height: 60px;}
.quick_menu li.blog img {width:35px;}

/* 빠른상담 */
.popup_inquiry {display: none; position:fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 300px; border: 3px solid #d4911b; z-index: 99; padding: 2rem 2rem 5rem; font-size: 2.5rem; background-color: #0b1727; color: #fff;}
.popup_inquiry .tit{margin-bottom: 2rem;}
.popup_inquiry .close_btn{position: absolute; right: 15px; top: 15px; cursor: pointer;}
.popup_inquiry li input,
.popup_inquiry li select{width: 100%; border: none; border-bottom: 2px solid #fff; background-color: transparent; color: #fff; font-weight: 300; padding: 0; font-size:1.8rem; height: 50px; margin-bottom: 2rem; outline: none;}
.popup_inquiry li option{color: #000;}
.popup_inquiry li input::placeholder{color: #fff;}
.popup_inquiry li:last-child{margin-bottom: 2rem;}

@media screen and (max-width:1200px){
    html{font-size: 9px;}

	/* ms05 지도 */
	.ms05 .msm_wrap { position: relative; height: 430px;}
	.ms05 .cs_text { padding: 8rem 0 0 8rem;}
	.ms05 .cs_text .cs_btn { height: 40px; line-height: 2.3;}
	/* new_상담예약신청 */
	.q_blog {flex-wrap:wrap;}
	.q_blog .btn {width:100%; height:35px; margin-left:0;}
	.q_inquiry2 {flex-wrap:wrap;}
	.q_inquiry2 .btn {width:100%;height:35px;margin-left:0;}
	.q_blog .box {display:flex; flex-wrap:nowrap;}
	.q_blog .box p {display:none;}
	.q_inquiry2 .box {display:flex; flex-wrap:nowrap;}
	.q_inquiry2 .box p{display:none;}
}

@media screen and (max-width: 1024px){
    html{font-size: 8px;}
    .inner{padding: 0; margin: 0 3%;}
	.bbs_inner{padding: 0; margin: 0 3%;}
    .swinner{padding: 0; margin: 0 3%;}
    .ms{padding: 10rem 0px;}
    .ms .title h1{font-size: 3rem;}
    .ms .title .btn{width: 100px; height: 40px;}
    
    .header{padding: 0 3%; justify-content: space-between;}
    .header .logo{left: 3%; width: auto; max-width: calc(100% - 110px);}
    .header .nav{display: none;}
	.header .menu_tit {display:block; }


    /*    main_visual    */
    .main_visual{height: 700px;}
    .main_visual .txtbox{padding-top: 70px;}
    .main_visual .txtbox h1{font-size: 5rem; margin-bottom: 1rem;}
    .main_visual .txtbox h2{font-size: 3rem; margin-bottom: 3rem;}
    .main_visual .quick_bnr{display: none;}
    /*    ms01 주요업무분야    */
    .ms01{padding-bottom: 5rem;}
    .ms01 ul li a{font-size: 2.5rem;}
    .ms01 ul li a span{margin-bottom: 1rem;}
    /*    ms02 판결문    */
    .ms02 ul{flex-wrap: wrap; justify-content: space-around;}
    .ms02 ul li{width: 45%;}
    .ms02 ul li:nth-child(1),
    .ms02 ul li:nth-child(2){margin-bottom: 20px;}
    .ms02 ul li .top img{max-width: 90%; width: auto;}
    
    .ms03 .swiper_arw,
    .ms04 .swiper_arw{display: none;}
    
    .scroll_nav{display: none;}
	/* ms05 지도 */
	.ms05 .msm_wrap { position: relative; height: 400px;}
    
}
@media screen and (max-width:797px){
    .pc{display:none;}
    .mobile{display:block;}
    .main_visual{height: 600px;}
    .main_visual .txtbox h1{font-size: 3rem;}
    .main_visual .txtbox h2{font-size: 2rem;}
	.main_visual .txtbox h1 img {max-width:250px;}

	.header {height:80px;}
	.header .logo img{width:100px;}
	
    .ms01 ul{}
    .ms01 ul li{width: 47%; margin-right: 2%;}
    .ms01 ul li:nth-child(4), .ms01 ul li:nth-child(5), .ms01 ul li:nth-child(6){top: 0; left: 0;}
    .ms01 ul li:nth-child(3){left: 24.5%; top: -20.1vw;}
	.ms01 ul li:nth-child(4){left: 0.3%; top: 3.5vw;}
    .ms01 ul li:nth-child(5),.ms01 ul li:nth-child(6){top: -40.2vw;}
    .ms01 ul li a{font-size: 4vw;}
    .ms01 ul li a span{font-size: 2.5vw;}
    
	.ms02 ul li .top {padding:0;}
    .ms02 ul li{/* width: 100%; */ max-width: 400px; margin-bottom: 2rem;}
	.ms02 ul li .btm h1 {font-size:1.5rem;}
	.ms02 ul li .btm h2 {font-size:1.2rem;}
	.ms02 ul li .btm {padding: 1.5rem;}
	.ms02 ul li .top img {max-width:200px; width:80%;}
	.ms04 .swiper .swiper-slide .top {height: auto;}
	.ms04 .swiper .swiper-slide .btm {padding:2rem;}
	.ms04 .swiper .swiper-slide h1 {font-size:1.6rem; min-height:3.2rem;}
	.ms04 .swiper .swiper-slide h2 {font-size:1.4rem;}
    /* ms05 지도 */
	.ms05 .msm_wrap {height: 530px; overflow:hidden;}
	.ms05 .msm_wrap .ms_map {position: absolute; width:100%;}
	.ms05 .msm_wrap .ms_map img {width:100%; height:55%; position: absolute; top: 0%; left:0%;}
	.ms05 .msm_wrap .cs_box {position:absolute; top:250px; left:0; height:auto; width:100%;}
	.ms05 .cs_text {padding:3rem 0; text-align:center;}
	.ms05 .cs_text h1 {font-size: 3rem; margin-bottom: 4rem;}
	.ms05 .cs_text h1:after { position: absolute; top: 25%; left: 50%;transform: translateX(-50%);}
	.ms05 .cs_text h2 {font-size:2.2rem;}
	.ms05 .cs_text p {font-size:2rem; margin-bottom:3rem;}
	.ms05 .cs_text .cst_num {margin: 0 0 2rem 5.5rem;}
	.ms05 .cs_text .cs_btn {display: inline-block; padding:0; line-height:2.6;}
	.ms05 .cs_text .cs_btn a {  padding-bottom: 3px;}

    
    /*    footer    */
	.footer {padding-bottom:10rem;}
    .footer .txt span{margin-right: 0; margin-bottom: 5px; display: inline-block;}

	.quick_menu{display: flex;}
	.quick_menu2 {display:none;}
	.q_inquiry {display:none;}
}

@media screen and (max-width:540px){

	/* ms05 지도 */
	.ms05 .msm_wrap .ms_map img {height:60%;}

}
.font-h2{
    color:#ffffff;
    font-size:36px !important;
    font-weight:700
}
.font-p{
    color:#ffffff;
	font-size: 2.2rem;
    font-weight: 400;
}
.t-c-blue{color:#c3cbde}
.t-f-blue{color: #2d4d93;}
.f-c-white{color:#fff;}
.fontsize-20{font-size: 20px}
.font-b-700{font-weight: 700}
.font-3{font-size:15px;font-weight:400;}

.welcome-img img{
    width:120%;
    position:relative;
    border: 10px solid #2d4d93;
    border-radius: 25px;
    z-index:1
}
.welcome-text{
    padding:100px 0 100px 100px;
    border:none;
}
@media (min-width: 576px) and (max-width: 767.98px){
    .welcome-text{
        padding:50px
    }
}
@media (max-width: 575.98px){
    .welcome-text{
        padding:40px 20px
    }
}
.icon-box{
	position: absolute;
	top: 50px;
	display: block;
	margin-bottom: 30px;
}
.icon-box .icon{
	position: relative;
	display: inline-block;
	font-size: 50px;
	line-height: 1em;
  	background: none;
  	-webkit-transition: all 400ms ease;
  	-moz-transition: all 400ms ease;
  	-ms-transition: all 400ms ease;
  	-o-transition: all 400ms ease;
  	transition: all 400ms ease;
}
.colum-btn{
    color:#fff;
    background-color:#1F2D6c;
    text-transform:uppercase;
    font-size:16px;
    font-weight:400;
    border-radius: 50px;
    display:inline-block;
    padding:12px 40px;
    word-break: keep-all;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all 0.2s ease-in-out
}
.colum-btn:hover{
    color:#fff;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity:.8
}

.section-padding{
    padding:100px 0
}
.sec-title{
	position:relative;
	margin-bottom:70px;
}
.sec-title h2 {
    font-size: 28px!important;
	color:#fff
}

.patient-area {
	background: url(../img/ms04_bg.jpg);
}


.patient-area .single-patient{
    background:#fff;
    border-radius: 25px;
    padding:40px 80px 20px 40px;
    -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);
    -moz-box-shadow:0 5px 20px rgba(0,0,0,0.1);
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
    margin-top:90px
}
.patient-area .single-patient:hover{
    background:#fff;
    -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);
    -moz-box-shadow:0 5px 20px rgba(0,0,0,0.1);
    box-shadow:0 5px 20px rgba(0,0,0,0.1)
}
.patient-area .single-patient img{
    margin-bottom:24px;
    width:100px;
    height:100px;
    border:2px solid #162b5a
    border-radius: 25px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    margin-top:-90px;
    -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);
    -moz-box-shadow:0 5px 20px rgba(0,0,0,0.1);
    box-shadow:0 5px 20px rgba(0,0,0,0.1)
}
.patient-area .appointment-form{
    padding:80px;
    border-radius: 25px;
    background-image:url("../assets/images/patient.jpg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position:relative;
    z-index:1
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .patient-area .appointment-form{
        padding:80px 40px
    }
}
@media (max-width: 575.98px){
    .patient-area .appointment-form{
        padding:40px 20px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px){
    .patient-area .appointment-form:before{
        right:-20%
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .patient-area .appointment-form:before{
        position:inherit
    }
}
@media (min-width: 576px) and (max-width: 767.98px){
    .patient-area .appointment-form:before{
        position:inherit
    }
}
@media (max-width: 575.98px){
    .patient-area .appointment-form:before{
        position:inherit
    }
}
.patient-area .appointment-form:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius: 25px;
    background-image:linear-gradient(to top right, rgba(27, 43, 133, 0.9), rgba(66, 93, 214, 0.774));
    z-index:-1
}
.patient-area .appointment-form h3{
    font-size:24px !important;
    color:#fff !important
}
.specialist-area{
    background:#f9f9fd
}
.form-select{
    display: block;
    width: 100%;
    font-size: 13px;
    border: 0;
    font-weight: 500;
}
.form-select .nice-select{
    border:none;
    border-radius:0px;
    height:50px;
    background:#FFF !important;
    padding-left:45px;
    padding-right:40px;
    width:100%
}
.form-select .nice-select .list{
    margin-top:0;
    border:none;
    border-radius:0px;
    box-shadow:none;
    width:100%;
    padding:10px 0 10px 0px
}
.mt-10{
    margin-top:10px
}
.mt-20{
    margin-top:20px
}
.mt-40{
    margin-top:40px
}
.form-select .nice-select .list .option{
    font-weight:500;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
    line-height:32px;
    min-height:28px;
    font-size:14px;
    padding-left:20px
}
.form-select .nice-select .list .option.selected{
    color:#1F2D6c;
    background:transparent
}
.form-select .nice-select .list .option:hover{
    color:#FFF;
    background-color:#1F2D6c;
    
}
.form-select .current{
    margin-right:50px;
    font-weight:300
}
.form-select .nice-select::after{
    right:20px
}
.page_link a{
    color:#fff
}

.flexbox{
    
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}
.single-input{
    display:block;
    width:100%;
    line-height:40px;
    border:none;
    outline:none;
    background:#f9f9ff;
    padding:0 20px
}
.single-input:focus{
    outline:none
}
.input-group-icon{
    position:relative
}
.input-group-icon .icon{
    position:absolute;
    left:20px;
    top:0;
    line-height:50px;
    z-index:3
}
.input-group-icon .icon i{
    color:#797979
}
.input-group-icon .single-input{
    padding-left:45px
}
.single-textarea{
    display:block;
    width:100%;
    line-height:40px;
    border:none;
    outline:none;
    background:#f9f9ff;
    padding:0 20px;
    height:100px;
    resize:none
}
.single-textarea:focus{
    outline:none
}
.single-input-primary{
    display:block;
    width:100%;
    line-height:40px;
    border:1px solid transparent;
    outline:none;
    background:#f9f9ff;
    padding:0 20px
}
.single-input-primary:focus{
    outline:none;
    border:1px solid #f8b600
}
.single-input-accent{
    display:block;
    width:100%;
    line-height:40px;
    border:1px solid transparent;
    outline:none;
    background:#f9f9ff;
    padding:0 20px
}
.single-input-accent:focus{
    outline:none;
    border:1px solid #eb6b55
}
.single-input-secondary{
    display:block;
    width:100%;
    line-height:40px;
    border:1px solid transparent;
    outline:none;
    background:#f9f9ff;
    padding:0 20px
}
.single-input-secondary:focus{
    outline:none;
    border:1px solid #f09359
}

.yac textarea{
    display: block;
    width: 100%;
    height: 50px; 
    padding: 15px 15px;
    background-color: #FFF;
    color: #888; 
    font-weight: normal;
    border: 1px solid #dfdfdf;
}

.switch-wrap{
    margin-bottom:10px
}
.primary-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.switch-wrap p {
    margin: 0;
}
.t-w {
    color: #FFF;
}
.appointment-form .template-btn {
    width: 100%;
}
.template-btn {
    color: #fff;
    background: linear-gradient(to right, #193065, #162b5a);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    border-radius: 50px;
    display: inline-block;
    padding: 12px 30px !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.appointment-form input, .appointment-form textarea {
    width: 100%;
    padding: 12px 20px;
    border: none;
}
.primary-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.ordered-list{
    list-style:none;
    padding:0px
}
.ordered-list{
    margin-left:30px
}
.ordered-list li{
    list-style-type:decimal-leading-zero;
    color:#193066;
    font-weight:700;
    line-height:1.02em !important
}
.ordered-list li span{
    font-size: 12px;
    font-weight:500;
    color:#000;
}
.ordered-list-alpha li{
    margin-left:30px;
    list-style-type:lower-alpha;
    color:#f8b600;
    font-weight:500;
    line-height:1.82em !important
}
.ordered-list-alpha li span{
    font-weight:300;
    color:#000000777
}
.ordered-list-roman li{
    margin-left:30px;
    list-style-type:lower-roman;
    color:#f8b600;
    font-weight:500;
    line-height:1.82em !important
}
.ordered-list-roman li span{
    font-weight:300;
    color:#000000777
}
.inquiry_form .btn {
    background: #CBA24F;
    width: 150px;
    margin: 0 auto;
	height: 50px;
    border-radius: 0 25px 25px 25px;
    border: 1px solid #fff;
    transition: 0.3s;
    box-sizing: border-box;
	display:block;
}
.form-selects .nice-select {
    border: 1px solid #ccc;
    border-radius: 0px;
    height: 35px;
	line-height:35px;
    background: #FFF !important;
    padding-left: 8px;
    padding-right: 40px;
    width: 100%;
	margin-bottom:10px
}
@media (min-width: 768px) and (max-width: 991.98px){
    .welcome-img img{
        width:100%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px){
    .welcome-img img{
        width:100%;
    }
}

@media (max-width: 575.98px){
    .welcome-img img{
        width:100%;
    }
}
.primary-checkbox input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #d3d3d3;
}
.mr-r10 {
    margin-right: 10px;
}
.primary-checkbox input:checked+label {
    background: url(../assets/images/elements/primary-check.png) no-repeat center center/cover;
    border: none;
}
.q_inquiry2 .btn:hover{
color: #d4911b;
    text-decoration: underline;
	}