@charset 'utf-8';



/* ******************************************
     HEADER
  -- ****************************************** */
.header {position:absolute; width:100%; left:0; top:0; z-index: 500;}
.header:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0; background: #fff; z-index: -1;}
.header:before {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out;}
.header .layout_fix {max-width: none;}
.header .box {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-top: 30px; position: relative;}
.header li {list-style:none;}

.header .logo {position:relative; z-index:101; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 10px;}
.header .logo a {}
.header .logo img {max-width:360px;}
.header .logo img.ov {display: none;}

.header .hd_right {display: inline-flex; flex-direction: row; justify-content: flex-end; align-items: flex-start;}
.header .nav {text-align:center; font-size:0px; display:inline-block; height: 100%;}
.header .nav .ul {display:table; height: 100%;}
.header .nav .li {display:table-cell; vertical-align:top; position:relative;}
.header .nav .li:last-of-type dl {margin-right: -10px;}
.header .nav dt {height:75px; box-sizing:border-box; position:relative; display: flex; flex-direction: row; justify-content: center; align-items: center; z-index: 102;}
.header .nav .ctg1 {padding:0 25px; white-space:nowrap; height: 100%; display: flex; justify-content: center; align-items: center;}
.header .nav .ctg1 .tx_box {position: relative; overflow: hidden; padding: 2px 10px; box-sizing: border-box;}
.header .nav .ctg1 .tx_box:before {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 10px; background: #894fff;}
.header .nav .ctg1 .tx_box:before {z-index: -1; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: alpha(opacity=60);}
.header .nav .ctg1 .tx_box:before {transition: width 0.6s ease-out; -webkit-transition: width 0.6s ease-out;}
.header .nav .ctg1 .txt {color:#fff; font-size:20px; font-weight: 500; line-height:1; display: block; padding: 2px 0; box-sizing: border-box;}
.header .nav .ctg1 .txt {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.header .nav .ctg1 .txt h1 {white-space: nowrap;}
.header .nav .ctg1 .txt2 {position: absolute; left: 10px; top: 0; transform: translate(0,-100%); -webkit-transform: translate(0,-100%);}
.header .nav .ctg1 .ic {position:absolute; left:-35px; top:50%; margin-top:-11px; }
.header .nav .li:first-child .ctg1 .ic {display:none;}
.header .nav .hit .ctg1 .txt {color: #894fff;}
.header .nav .hit .ctg1:before {content: ''; position: absolute; right: 25px; top: 20px; width: 7px; height: 7px; background: #894fff; border: 1px solid #894fff;}
.header .nav .hit .ctg1:before {border-radius: 50%; box-sizing: border-box; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.header .nav .hit .ctg1:before {animation : nav_dot 1.6s infinite; -webkit-animation: nav_dot 1.6s infinite;}

@-webkit-keyframes nav_dot {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform : translateY(-10px);}
	60% {-webkit-transform : translateY(-5px);}
}
@keyframes nav_dot {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform : translateY(-10px);}
	60% {transform : translateY(-5px);}
}

.header .nav dd {text-align: left; margin-top: -10px; height: 0; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.header .nav dd {transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out;}
.header .nav dd ul {overflow: hidden;}
.header .nav dd li:last-of-type {margin-bottom: 50px;}
.header .nav .ctg2 {font-size: 15px; color: #888; display:block; line-height:1; padding:10px 0 10px 35px; letter-spacing: -0.5px; box-sizing: border-box;}

.header .nav dl:hover .ctg1 .txt1 {transform: translate(0,100%) !important; -webkit-transform: translate(0,100%) !important;}
.header .nav dl:hover .ctg1 .txt2 {transform: translate(0,0) !important; -webkit-transform: translate(0,0) !important;}
.header .nav dl:hover .ctg1 .tx_box:before {width: 100%;}
.header .nav .ctg2:hover {color: #894fff;}

.header .top {}
.header .top .ul {display:inline-flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.header .top .li {}
.header .top .btn {height: 75px; width: 55px; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: center; position: relative; z-index: 100;}

.header .link_btn {}
.header .link_btn .icon {position: relative; overflow: hidden; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.header .link_btn .icon {width: 22px; height: 22px; background: transparent url('../images/barungil/search_ic1.svg') center center no-repeat; background-size: 22px 22px !important;}

.header .all_btn {font-size:0px; z-index:505;}
.header .all_btn .shape_box {display : inline-block; transition : all .4s; box-sizing : border-box;}
.header .all_btn .shape_box {position:relative; width:27px; height:19px; font-size:0px;}
.header .all_btn .shape {width:100%; height:3px; z-index:4; position: absolute; left: 0; background: #fff; }
.header .all_btn .shape {-webkit-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.header .all_btn .shape0 {top:0}
.header .all_btn .shape1 {top:8px;}
.header .all_btn .shape1 {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.header .all_btn .shape2 {bottom:0px;}

/* 사이트맵 모션 */
/* .nav .all_btn.active .shape {width:27px; height:3px;} */
/* .header .all_btn.active .shape0 {-webkit-animation : menu-bar01 .75s forwards; animation : menu-bar01 .75s forwards;}
.header .all_btn.active .shape1 {transition : all .25s .25s; opacity : 1;}
.header .all_btn.active .shape2 {-webkit-animation : menu-bar02 .75s forwards; animation : menu-bar02 .75s forwards;} */

@-webkit-keyframes menu-bar01 {
	 0% { -webkit-transform : translateY(10px) rotate(45deg);}
	 50% { -webkit-transform : translateY(10px) rotate(0);}
	 100% { -webkit-transform : translateY(0) rotate(0);}
  }
@keyframes menu-bar01 {
	0% {transform : translateY(10px) rotate(45deg);}
	50% {transform : translateY(10px) rotate(0);}
	100% {transform : translateY(0) rotate(0);}
}

@-webkit-keyframes menu-bar02 {
	 0% {-webkit-transform : translateY(-10px) rotate(-45deg);}
	 50% {-webkit-transform : translateY(-10px) rotate(0);}
	 100% {-webkit-transform : translateY(0) rotate(0);}
  }
@keyframes menu-bar02 {
	0% {transform : translateY(-10px) rotate(-45deg);}
	50% {transform : translateY(-10px) rotate(0);}
	100% {transform : translateY(0) rotate(0);}
}


/* 사이트맵 열릴때 */
/* .header.if_open_all .all_btn.active .shape0 {-webkit-animation : active-menu-bar01 .75s forwards; animation : active-menu-bar01 .75s forwards;}
.header.if_open_all .all_btn.active .shape1 {opacity : 0;}
.header.if_open_all .all_btn.active .shape2 {-webkit-animation : active-menu-bar03 .75s forwards; animation : active-menu-bar03 .75s forwards;} */

@-webkit-keyframes active-menu-bar01 {
	  0% {-webkit-transform : translateY(0) rotate(0);}
	  50% {-webkit-transform : translateY(10px) rotate(0);}
	  100% {-webkit-transform : translateY(10px) rotate(45deg);}
  }
@keyframes active-menu-bar01 {
	0% {transform : translateY(0) rotate(0);}
	50% {transform : translateY(10px) rotate(0);}
	100% {transform : translateY(10px) rotate(45deg);}
}

@-webkit-keyframes active-menu-bar03 {
	  0% { -webkit-transform : translateY(0) rotate(0);}
	  50% {-webkit-transform : translateY(-10px) rotate(0);}
	  100% {-webkit-transform : translateY(-10px) rotate(-45deg);}
  }
@keyframes active-menu-bar03 {
	0% {transform : translateY(0) rotate(0);}
	50% {transform : translateY(-10px) rotate(0);}
	100% {transform : translateY(-10px) rotate(-45deg);}
}


.header .open_all {position:absolute; left:0; top:95px; border-top:1px solid #ddd; box-sizing:border-box; z-index:10; width:100%; background:#fff; height:0px; overflow:hidden; z-index:105;}
.header .open_all {opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.header .open_all .menu_box {width:605px; margin:0 auto; }
.header .open_all .menu_box ul {float:left; width:25%;}
.header .open_all .menu_box li {text-align:center;}
.header .open_all .menu_box .ctg2 {display:block; text-align:center; line-height:33px; font-size:15px; color:#666; letter-spacing:-1px; }

.header.if_open_all .open_all {height:190px; padding:30px 0 60px; opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100);}
.header.if_open_all .btn_all .icons {display:none;}
.header.if_open_all .btn_all.close {display:block;}

/* 모바일 슬라이드메뉴 */
.slider {position:fixed; left:-270px; top:0; width:270px; height:100%; overflow-y:scroll; background:#fff; z-index:999999; box-sizing:border-box;}
.slider {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.slider .in_box {padding:0 20px; padding-bottom:50px; }
.slider .logo {text-align:center; display:block !important; font-size:0px; padding:20px 0; border-bottom:1px solid #ddd;}
.slider .logo a {float:none !important; display:inline-block;}
.slider .menu_box {text-align:left; margin-top:15px;}
.slider .menu_box dt {border-bottom:1px solid #ddd; position:relative;}
.slider .menu_box dd {overflow:hidden; height:0px; box-sizing:border-box; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.slider .menu_box .ctg1 {color:#000; font-weight:500; font-size:1.3em; height:45px; line-height:48px; display:block; padding:0 5px;}
.slider .menu_box .ctg2 {color:#91919e; height:33px; line-height:34px; display:block; padding:0 15px;}
.slider .menu_box .icon {width:35px; height:45px; position:absolute; right:0; top:0; z-index:1; }
.slider .menu_box .icon .shape {width:100%; height:100%; background:transparent url('../images/mo/default/slider_ic.png') center center no-repeat; background-size:13px;}
.slider .menu_box .icon .shape {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.slider .menu_box .icon .shape {-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3; filter: alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.slider .menu_box .if_open_ctg {margin-bottom:20px;}
.slider .menu_box .if_open_ctg dd {height:33px; border-bottom:1px solid #e4e4f3; background:#f5f5f5;}
.slider .menu_box .if_open_ctg .ctg1 {color:#ea5413;}
.slider .menu_box .if_open_ctg .icon .shape {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); -webkit-filter: none; filter:none; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.slider .member_box {overflow:hidden; }
.slider .member_box .txt {margin-bottom:10px; font-weight:300; color:#a1a1ae; font-size:1.2em; letter-spacing:-1px;}
.slider .member_box .txt strong {font-weight:500; color:#000;}
.slider .member_box ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; background:#f1f4fb;}
.slider .member_box li {display:table-cell; vertical-align:middle; border:1px solid #e4e4f3; }
.slider .member_box .btn {display:block; height:35px; line-height:36px; color:#91919e; text-align:center;}
.slider .cs_box {margin-top:20px; text-align:center;}
.slider .cs_box .cs_info {text-align:center; display:inline-block; margin-top:5px;}
.slider .cs_box .cs_info .cs_tit {color:#31313e; font-size:1.1em; margin-bottom:10px;}
.slider .cs_box .cs_info dl {padding:0px; display:block; height:auto;}
.slider .cs_box .cs_info dt {color:#ea5413; font-weight:600; font-size:25px; margin-bottom:10px;}
.slider .cs_box .cs_info dd {color:#91919e; font-size:0.95em; letter-spacing:0px; margin-left:5px; line-height:1.3; margin-top:2px;}

.slider_close {background:rgba(0,0,0,0.0); width:0; height:100%; position:fixed; left:0; top:0; z-index:99999; overflow:hidden;}
.slider_close {transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out;}
.slider_close .shape {width:16px; height:36px; background:transparent url('../images/mo/default/slider_close.png') center center no-repeat; background-size:16px; position:fixed; right:-57px; top:0; margin:12px 0; }
.slider_close .shape {opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}

.slider.if_en .cs_box .cs_info dd {word-wrap:break-word; word-break:keep-all;}
.if_open_slider .slider_close .shape {right:17px;}



/* 검색 열림 */
.header .search_open {position: absolute; right: 0; top: 75px; z-index: -1;  max-width: 640px; width: 100%; overflow: hidden; height: 0;}
.header .search_open {box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); background: #fff; border-radius: 10px; box-sizing: border-box;}
.header .search_open {opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); transition: opacity 0.5s ease-out, top 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out, top 0.5s ease-out;}
.header .search_open .inner {position: relative; width: 100%;}
.header .search_open .btn_close {position: absolute; right: -10px; top: -10px; font-size: 0; padding: 10px; box-sizing: border-box;}
.header .search_open .btn_close {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.header .search_open .tit {font-size: 24px; color: #000; font-weight: 500; letter-spacing: -0.6px; line-height: 1;}
.header .search_open .tx {font-size: 15px; color: #999; font-weight: 300; letter-spacing: 0; line-height: 1.4; margin-top: 10px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.header .search_open .form_box {margin-top: 25px; position: relative;}
.header .search_open .input_search {background: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 5px; box-sizing: border-box; width: 100%; height: 70px;}
.header .search_open .input_search {padding: 0 80px 2px 25px; font-size: 20px; color: #402784 !important; font-weight: 400; letter-spacing: 0; line-height: 1;}
.header .search_open .input_search::placeholder {color: rgba(0, 0, 0, 0.4) !important;}
.header .search_open .input_search::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.4) !important;}
.header .search_open .input_search:-ms-input-placeholder {color: rgba(0, 0, 0, 0.4) !important;}
.header .search_open .input_search:-moz-placeholder {color: rgba(0, 0, 0, 0.4) !important;}
.header .search_open .input_search:focus {border-color: #000; background: #fff; color: #402784 !important;}
.header .search_open .btn_search {position: absolute; right: 0; top: 0; font-size: 0; padding: 0 25px; box-sizing: border-box; height: 70px;}
.header .search_open .btn_search {display: flex; justify-content: center; align-items: center;}
.header .search_open .btn_search img {width: 27px;}

.header .top.if_open_search .search_open {opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); top: 95px; z-index: 100; height: auto; padding: 50px 60px 60px 60px; border: 1px solid #fff;}






/* ******************************************
     SITEMAP
  -- ****************************************** */
.sitemap {position:fixed; left:0; top:100px; width:100%; height:0; overflow:hidden; z-index:-1; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.sitemap {box-sizing: border-box; transition: opacity 0.3s ease-out, top 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out, top 0.3s ease-out;}
.sitemap .white_box {display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; height: 100%; background: #fff; border: 1px solid #fff; border-radius: 5px;}
.sitemap .white_box {box-sizing: border-box; padding: 50px 70px;}
.sitemap .inner {width: 100%; max-height: 100%; max-width: 1400px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.sitemap li {list-style:none;}

.sitemap .tit_box {flex: none; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.sitemap .tit_box {position: relative; border-bottom: 3px solid #000; box-sizing: border-box; padding-bottom: 30px;}
.sitemap .tit_box .title {font-family: 'Poppins'; font-size: 60px; color: #000; font-weight: 700; letter-spacing: 0; line-height: 1;}
.sitemap .close_btn {padding: 20px; box-sizing: border-box; margin: -20px; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.sitemap .close_btn img {width: 28px;}

.sitemap .menu {display: flex; flex-direction: row; justify-content: center; align-items: flex-start; width: 100%; padding-top: 50px; flex: auto;}
.sitemap .menu {height: 100%; overflow-y: auto; overflow-x: hidden;}
.sitemap .menu .ul {display: flex; flex-direction: row; justify-content: center; align-content: stretch; align-items: stretch; width: 100%;}
.sitemap .menu .li {width: 20%; padding: 10px 20px 10px 40px; box-sizing: border-box;}
.sitemap .menu .li+ .li {border-left:1px solid #e5e5e5;}
.sitemap .menu .depth1+ .depth1 {margin-top: 45px;}
.sitemap .menu .ctg1 {padding: 10px 10px 10px 0; margin-bottom: 15px; transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out;}
.sitemap .menu .ctg1 .tx {font-size: 22px; color: #402784; letter-spacing: -0.8px; font-weight: 500; line-height: 1; position: relative; z-index: 1}
.sitemap .menu .ctg1 .tx:before {content: ''; position: absolute; left: 0; bottom: -6px; width: 0; height: 10px; background: #894fff; z-index: -1;}
.sitemap .menu .ctg1 .tx:before {opacity: 0.4; filter: alpha(opacity=40); -ms-filter: alpha(opacity=40); transition: width 0.5s ease-out; -webkit-transition: width 0.5s ease-out;}
.sitemap .menu .ctg1 h1 {white-space:nowrap;}
.sitemap .menu .ctg2 {padding:7px 10px 7px 0; display:block;}
.sitemap .menu .ctg2 .txt {font-size: 16px; color: #555; line-height:1; padding:5px 0; position:relative; letter-spacing: -0.7px;}
.sitemap .menu .ctg2 .txt:before {content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#000; overflow:hidden; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.sitemap .menu .ctg2 h1 {white-space: nowrap;}
.sitemap .menu .depth3 {margin-bottom: 10px;}
.sitemap .menu .depth3 dt {position: relative;}
.sitemap .menu .depth3 dd {padding-left: 5px; box-sizing: border-box;}
.sitemap .menu .ctg3 {width: 100%; font-size: 14px; color: #888; letter-spacing: -0.5px; line-height: 1.1; padding: 6px 0 6px 15px; position: relative; box-sizing: border-box;}
.sitemap .menu .ctg3 {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sitemap .menu .ctg3:before {content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 2px; background: #ddd; margin-top: -1px;}
.sitemap .menu .ctg3:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sitemap .menu .ctg3 h1 {white-space: nowrap;}

.sitemap_bg {position: fixed; left: 0; top: 0; width: 100%; height: 0; background: #000; z-index: -1;}
.sitemap_bg {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); transition: opacity 0.4s ease-out; -webkit-transition: opacity 0.4s ease-out;}

.if_open_sitemap {overflow:hidden;}
.if_open_sitemap .sitemap {top: 0; height:100%; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); z-index:1001; padding: 50px;}
.if_open_sitemap .sitemap_bg {height: 100%; z-index: 1000; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: alpha(opacity=70);}






/* ********************************************** *
 * SLIDE
 * ********************************************** */
.slide_bg {background:rgba(0,0,0,0.5); position:fixed; right:-100%; top:0; z-index:9999; width:100%; height:100%; overflow-y:auto}
.slide {position:fixed; right:-500px; top:0px; z-index:10000; width:100%; max-width:500px; box-sizing:border-box; height:100%; background:#fff;}
.slide {transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; padding: 40px; box-sizing: border-box;}
.slide li {list-style:none;}
.slide .layout_fix {height: 100%;}

.slide .ul {display:table; width:100%; table-layout:fixed; height:100%;}
.slide .li {display:table-cell; vertical-align:top; position:relative;}

.slide .top_box {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.slide .top_box {border-bottom: 2px solid #000; box-sizing: border-box; padding-bottom: 15px;}
.slide .top_box .tit {font-family: 'Poppins'; font-size:40px; font-weight:700; color:#000; letter-spacing:0; line-height: 1;}
.slide .clode_btn {font-size: 0; padding: 15px; box-sizing: border-box; margin: -15px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.slide .clode_btn img {width: 20px;}

.slide .menu_box {height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; padding-right: 0;}
.slide .menu {flex: auto; height:100%; box-sizing:border-box; overflow-y:auto; background: #fff; padding: 15px 0 40px;}
.slide .menu dl {border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
.slide .menu dl:last-of-type {border-bottom: 0;}
.slide .menu dt {position:relative;}
.slide .menu .ctg1 {font-size:20px; color:#402784; font-weight:600; line-height:1; padding:20px 0; width: 100%;}
.slide .menu .ctg1 {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.slide .menu .more_btn {position:absolute; right:0; top:0; width:50px; height:100%; z-index: 1;}
.slide .menu .more_btn:before {content:""; position:absolute; left:50%; top:50%; width:11px; height:1px; background:#000; margin:-1px 0 0 -6px;}
.slide .menu .more_btn:after {content:""; position:absolute; left:50%; top:50%; width:1px; height:11px; background:#000; margin:-6px 0 0 -1px;}
.slide .menu .more_btn:after {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transform:scaleY(1);}
.slide .menu dd {border-bottom:1px solid transparent; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.slide .menu dd .depth2 {}
.slide .menu dd .depth2_li {height:0; overflow:hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.slide .menu .ctg2 {padding:0 15px; height:40px; line-height:40px; display:block;}
.slide .menu .ctg2 .txt {font-size: 16px; position:relative; color:#555;}
.slide .menu .depth3_li ul {padding-left: 15px; box-sizing: border-box;}
.slide .menu .depth3_li li {line-height: 1; height: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; overflow: hidden;}
.slide .menu .ctg3 {line-height: 1.9; width: 50%;}
.slide .menu .ctg3 .txt {font-size: 14px; padding-left:20px; position:relative; color:#888;}
.slide .menu .ctg3 .txt:before {content:""; position:absolute; left:5px; top:50%; width: 7px; height:2px; background:#ddd; margin-top:-1px;}

.slide .menu .if_open_ctg .more_btn:after {transform:scaleY(0);}
.slide .menu .if_open_ctg .ctg1 {padding-left: 15px; box-sizing: border-box;}
.slide .menu .if_open_ctg dd {background: #f8f8f8; border-top: 1px solid #e5e5e5;}
.slide .menu .if_open_ctg dd .depth2_li {height:40px;border-top: 1px solid #e5e5e5; box-sizing: border-box;}
.slide .menu .if_open_ctg dd .depth2_li:first-of-type {border-top: 0;}
.slide .menu .if_open_ctg dd .depth3_li li {height:25px;}
.slide .menu .if_open_ctg dd .depth3_li li:last-of-type {margin-bottom: 5px;}
.slide .menu dl.if_open_ctg:last-of-type {border-bottom:1px solid #e5e5e5;}








/* ******************************************
     메인비주얼
  -- ****************************************** */
.ma_visual {position:relative;}
.ma_visual .rolling_box {position:relative; overflow:hidden;}
.ma_visual .visual_box {height:970px; background-position:center bottom;}
.ma_visual .visual_img {overflow:hidden; display:none;}
.ma_visual .visual_img img {width:100%; float:left;}

/* 롤링배너 */
.ma_visual .visual_txt {position:absolute; left:0; top:0; width:100%; height:100%;}
.ma_visual .visual_txt .layout_fix {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100%;}
.ma_visual .visual_txt .title {font-size:60px; font-weight:600; letter-spacing:-3px; line-height:1.2; color:#fff; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.ma_visual .visual_txt .text {font-size: 30px; color: #fff; letter-spacing: -0.9px; line-height: 1.4; font-weight: 300; margin-top: 25px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);}
.ma_visual .visual_txt .btn {min-width: 150px; height:55px; padding:0 20px; box-sizing:border-box; border:1px solid #fff; background: #fff;}
.ma_visual .visual_txt .btn {border-radius:100px; margin-top:30px; z-index:100; display: flex; justify-content: center; align-items: center;}
.ma_visual .visual_txt .btn {font-size:17px; color:#000; letter-spacing:-0.8px; line-height: 1;}
.ma_visual .visual_txt .btn {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); transition-delay:.1s; -webkit-transition-delay:.1s;}


.ma_visual .active .visual_txt .title {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate(-110px,0); -webkit-transform:translate(-110px,0);}
.ma_visual .active .visual_txt .title {animation: ma_vs_tx 1.5s ease-out; -webkit-animation: ma_vs_tx 1.5s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

.ma_visual .active .visual_txt .text {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate(-110px,0); -webkit-transform:translate(-110px,0);}
.ma_visual .active .visual_txt .text {animation: ma_vs_tx 2.2s ease-out; -webkit-animation: ma_vs_tx 2.2s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.ma_visual .active .visual_txt .text {animation-delay:0.1s; -webkit-animation-delay:0.1s;}

.ma_visual .active .visual_txt .btn {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate(-110px,0); -webkit-transform:translate(-110px,0);}
.ma_visual .active .visual_txt .btn {animation: ma_vs_tx 2.8s ease-out; -webkit-animation: ma_vs_tx 2.8s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.ma_visual .active .visual_txt .btn {animation-delay:0.4s; -webkit-animation-delay:0.4s;}


.ma_visual .swiper-slide-active .visual_txt .title {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate(-110px,0); -webkit-transform:translate(-110px,0);}
.ma_visual .swiper-slide-active .visual_txt .title {animation: ma_vs_tx 1.5s ease-out; -webkit-animation: ma_vs_tx 1.5s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

.ma_visual .swiper-slide-active .visual_txt .text {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate(-110px,0); -webkit-transform:translate(-110px,0);}
.ma_visual .swiper-slide-active .visual_txt .text {animation: ma_vs_tx 2.2s ease-out; -webkit-animation: ma_vs_tx 2.2s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.ma_visual .swiper-slide-active .visual_txt .text {animation-delay:0.1s; -webkit-animation-delay:0.1s;}

.ma_visual .swiper-slide-active .visual_txt .btn {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate(-110px,0); -webkit-transform:translate(-110px,0);}
.ma_visual .swiper-slide-active .visual_txt .btn {animation: ma_vs_tx 2.8s ease-out; -webkit-animation: ma_vs_tx 2.8s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.ma_visual .swiper-slide-active .visual_txt .btn {animation-delay:0.4s; -webkit-animation-delay:0.4s;}


@-webkit-keyframes ma_vs_tx {
    0% {transform:translate(-110px,0); -webkit-transform:translate(-110px,0);}
    100% {transform:translate(0,0); -webkit-transform:translate(0,0); opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}
@keyframes ma_vs_tx {
    0% {transform:translate(-110px,0); -webkit-transform:translate(-110px,0);}
    100% {transform:translate(0,0); -webkit-transform:translate(0,0); opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}


/* 이전, 다음 버튼 */
.ma_visual .prevnext {position:absolute; top:50%; margin-top:-47px; z-index:10; width:auto; height:auto; display: none;}
.ma_visual .prevnext.if_mid {display:none;}
.ma_visual .prevnext.prev {left:28px;}
.ma_visual .prevnext.next {right:28px;}
.ma_visual .prevnext a {float:left; padding:20px 32px; position:relative;}
.ma_visual .prevnext .rect {position:absolute; left:0; top:0;  width:100%; height:100%; opacity: .3; -ms-filter:alpha(opacity=30); filter:alpha(opacity=30);}
.ma_visual .prevnext .rect .line {position:absolute; background:#fff; width:0px; height:0px;  overflow:hidden;}
.ma_visual .prevnext .rect .line { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
.ma_visual .prevnext .rect .line1 {left:0; top:0;}
.ma_visual .prevnext .rect .line2 {right:0; top:0;}
.ma_visual .prevnext .rect .line3 {right:0; bottom:0;}
.ma_visual .prevnext .rect .line4 {left:0; bottom:0;}
.ma_visual .prevnext .icon {opacity: .3; -ms-filter:alpha(opacity=30); filter:alpha(opacity=30); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.ma_visual .prevnext img {width:28px; float:left;}


/* 롤링페이징 */
.ma_visual .rolling_paging {position:absolute; left:0; bottom:90px; width: 100%;}
.ma_visual .rolling_paging .inner {display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.ma_visual .rolling_paging .inner {position: relative; z-index: 1; margin-left: -15px;}
.ma_visual .rolling_paging .btn {}
.ma_visual .rolling_paging .btn img {}
.ma_visual .rolling_paging .paging {width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border: 2px solid #fff;}
.ma_visual .rolling_paging .paging {border-radius: 100px; box-sizing: border-box; overflow: hidden; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_visual .rolling_paging .paging .num {font-family: 'Poppins'; font-size: 15px; color: #fff; font-weight: 500; letter-spacing: 0; line-height: 1;}
.ma_visual .rolling_paging .paging .ic {display: none; font-size: 0;}
.ma_visual .rolling_paging .paging .ic img.ov {display: none;}

.ma_visual .rolling_paging .paging.if_play .num {display: block;}

.ma_visual .rolling_paging .paging.if_stop .num {display: none;}
.ma_visual .rolling_paging .paging.if_stop .ic.stop {display: block;}

/* 롤링아이콘 */
.ma_visual .rolling_icon {display: none;}
.ma_visual .rolling_icon .lineup {display:flex; flex-direction: row; justify-content: center; align-items: center;}
.ma_visual .rolling_icon .btn {padding: 10px 0; box-sizing: border-box; flex: 1;}
.ma_visual .rolling_icon .btn .icon {width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1); position: relative;}
.ma_visual .rolling_icon .btn.active .fill {position: absolute; width: 0; height: 100%; left: 0; top: 0; background: #fff; animation: bar_fill linear 1 both;}

@keyframes bar_fill {
	from {width: 0;}
	to {width: 100%;}
}

@-webkit-keyframes bar_fill {
	from {width: 0;}
	to {width: 100%;}
}

/* 스크롤 다운 */
.ma_visual .scroll_down {position: absolute; left: 0; bottom: 20px; width: 100%; display: flex; justify-content: center; align-items: center;}
.ma_visual .scroll_down .btn {position: relative; z-index: 1; padding: 10px; box-sizing: border-box;}
.ma_visual .scroll_down .btn {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ma_visual .scroll_down .ic {font-size: 0; animation: scroll_down 1s infinite forwards;}
.ma_visual .scroll_down .tx {font-family: 'Poppins'; font-size: 13px; color: #fff; letter-spacing: 1px; margin-top: 20px; line-height: 1;}

@keyframes scroll_down {
	0% {transform: translateY(0);}
	50% {transform: translatey(10px);}
	100% {transform: translatey(0);}
}

@-webkit-keyframes scroll_down {
	0% {transform: translateY(0);}
	50% {transform: translatey(10px);}
	100% {transform: translatey(0);}
}





/* ******************************************
     FOOTER
  -- ****************************************** */
.footer {margin-top:120px; background: #f5f5f5; padding: 70px 0 180px; box-sizing: border-box;}
.footer.if_main {margin-top: 50px;}
.footer li {list-style:none;}

.footer .ft_box {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.footer .ft_box .ft_tit {font-size: 20px; color: #333; letter-spacing: -0.5px; font-weight: 600; line-height: 1;}
.footer .ft_box .ft_tit.en {font-family: 'Poppins'; font-size: 23px; font-weight: 700;}
.footer .ft_box .ft_tx1 {margin-top: 30px;}
.footer .ft_box .ft_tx1 .tx {font-size: 15px; color: #666; letter-spacing: -0.5px; line-height: 1.4;}
.footer .ft_box .ft_tx2 {margin-top: 20px;}
.footer .ft_box .ft_tx2 .tx {font-size: 14px; color: #999; letter-spacing: -0.5px; line-height: 1.9;}

/* 푸터 정보 */
.footer .ft_info {}
.footer .ft_info .ft_tx2 .tx {letter-spacing: 0; margin-right: 15px;}
.footer .ft_info .menu {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin: -7px -15px -15px -15px;}
.footer .ft_info .menu .btn {padding: 10px 15px; box-sizing: border-box;}
.footer .ft_info .info {max-width: 700px;}

/* 푸터 cs */
.footer .ft_cs {}
.footer .ft_cs .ft_tx1 .tx {letter-spacing: 0; max-width: 500px;}
.footer .ft_cs .ft_tx1 dl {display: flex; justify-content: flex-start; align-items: flex-start;}
.footer .ft_cs .ft_tx1 dt {flex: none;}
.footer .ft_cs .ft_tx1 dd {margin-left: 5px;}
.footer .ft_cs .ft_tx1 dd .tx {line-height: 1.4;}
.footer .ft_cs .cs {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.footer .ft_cs .cs li+ li {margin-left: 40px;}
.footer .ft_cs .cs dl {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.footer .ft_cs .cs .tit {font-size: 19px; color: #000; font-weight: 600; letter-spacing: 0; line-height: 1; margin-right: 10px; margin-top: -1px;}
.footer .ft_cs .cs .tel {font-family: 'Poppins'; font-size: 22px; color: #402784; font-weight: 600; letter-spacing: 0; line-height: 1; padding-top: 2px;}
.footer .ft_cs .cs .tel h1 {white-space: nowrap;}
.footer .ft_cs .additional {font-size:13px; margin-top:15px; color:#999; line-height:1.45; word-wrap:break-word; word-break:keep-all; white-space:normal;}


/* 카피라이트 */
.footer .ft_copy {border-top: 1px solid #e5e5e5; box-sizing: border-box; padding-top: 25px; margin-top: 45px;}
.footer .ft_copy {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.footer .ft_copy .ft_logo {position: relative; font-size: 0;}
.footer .ft_copy .ft_logo img {max-width: 250px; max-height: 80px;}
.footer .ft_copy .copy {font-family: 'Poppins'; font-size: 15px; color: #aaa; letter-spacing: 0; line-height: 1;}
.footer .ft_copy .copy em {white-space: nowrap;}





/* ******************************************
     맨위로
  -- ****************************************** */
.scroll_fix {position:fixed; right:0; bottom:-70px; z-index:10000; overflow:hidden; margin:20px; }
.scroll_fix {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.scroll_fix .btn_gotop {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; }
.scroll_fix .btn_gotop .icon {position:relative; background:#fff; color:#003f98; font-size:18px; line-height:1; font-weight:400; width:50px; height:50px; line-height:50px; text-align:center;}
.scroll_fix .btn_gotop .icon {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.scroll_fix .btn_gotop .icon:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #003f98;}
.scroll_fix .btn_gotop i {color:#003f98; display:inline-block; font-weight:700;}
.scroll_fix .btn_gotop .ov_tx {position:absolute; left:0; bottom:0; width:100%; z-index:57; background-color:transparent;}
.scroll_fix .btn_gotop .ov_bg {position:absolute; left:0; bottom:0; width:100%; z-index:56; background:#003f98; height:0px !important;}

.scroll_fix.if_scroll {bottom:0}






/* ******************************************
     우측 fly
  -- ****************************************** */
/* 퀵메뉴 */
.fly {position: fixed; bottom: 30px; right: 30px; width: 65px; z-index: 100; transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out;}
.fly li {list-style: none;}
.fly .ul {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.fly .li {visibility: hidden; transition:all 0.3s ease-out;}
.fly .li+ .li {margin-top: 15px;}
.fly .btn {position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; background: #000; border: 0; border-radius: 100px; box-sizing: border-box; width: 0; height: 0; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; font-size: 0;}
.fly .btn img {width: 100%; height: 100%;}
.fly .li.cs {visibility: visible; display: none;}
.fly .li.cs .btn {width: 90px; height: auto; background: #894fff; border: 1px solid #894fff; border-radius: 100px; box-sizing: border-box; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}
.fly .li.cs .btn {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 20px; box-sizing: border-box;}
.fly .li.cs .btn {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.fly .li.cs .ic {font-size: 0; animation: cs_move 2s infinite ease-out forwards; -webkit-animation: cs_move 2s infinite ease-out forwards;}
.fly .li.cs .ic img {width: 48px;}
.fly .li.cs .tx {font-size: 16px; color: #fff; font-weight: 500; letter-spacing: -0.4px; line-height: 1.3; margin-top: 15px;}
.fly .li.top {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; margin-top: 0 !important;}
.fly .li.top .btn {width: 0; height: 0; font-size: 0; background: #fff; border: 0; border-radius: 100px; box-sizing: border-box; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);}
.fly .li.top .btn img {width: 100%; height: 100%;}
.fly .li.loc .btn {position: relative; font-size: 10px; overflow: hidden;}
.fly .li.loc .btn img {width: 90%; height: 90%; margin-top: -12px;}
.fly .li.loc .tt {position: absolute; left: 0; bottom: 7px; width: 100%; font-size: 0.85em; color: #fff; font-weight: 500;}
.fly .li.loc .tt {line-height: 1; white-space: nowrap; text-align: center; display: none;}
.fly.if_scroll .li.loc .tt {display: block;}
.fly .li.loc .tt h1 {white-space: nowrap;}
.fly .li.this_more {display:none;}
.fly .btn_more {background:#402784; border-color:#402784 !important; font-size: 10px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.fly .btn_more .plus {width:16px; height:2px; background:#fff; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; transition:all 0.3s ease-out;}
.fly .btn_more .plus:before {content:""; width:2px; height:16px; position:absolute; background:#fff;}


@keyframes cs_move{
	0%, 50%{
		transform: rotate(0deg);
	}
	5%, 15%, 25%, 35%, 45% {
		transform: rotate(13deg);
	}
	10%, 20%, 30%, 40% {
		transform: rotate(-13deg);
	}
}

@-webkit-keyframes cs_move{
	0%, 50%{
		transform: rotate(0deg);
	}
	5%, 15%, 25%, 35%, 45% {
		transform: rotate(13deg);
	}
	10%, 20%, 30%, 40% {
		transform: rotate(-13deg);
	}
}

.fly.if_scroll {bottom: 110px;}
.fly.if_scroll .li {visibility: visible;}
.fly.if_scroll .btn {border: 1px solid #000;}
.fly.if_scroll .li.top {margin-top: 15px !important; }
.fly.if_scroll .li.top .btn {width: 65px; height: 65px; border: 1px solid #fff;}







/* ******************************************
     메인 공통
  -- ****************************************** */
/* 메인 타이틀 */
.ma_tit {}
.ma_tit .tit {font-size: 45px; color: #000; letter-spacing: -2.5px; font-weight: 600; line-height: 1; padding: 10px; box-sizing: border-box;}
.ma_tit .tit {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.ma_tit .tit.en {font-family: 'Poppins'; font-size: 55px; font-weight: 700; letter-spacing: -0.8px;}
.ma_tit .tit.white {color: #fff; letter-spacing: -0.8px;}
.ma_tit .tit.left {margin-left: -10px;}
.ma_tit .txt {font-size: 18px; color: #000; letter-spacing: -0.7px; line-height: 1.4; opacity: 0.4; filter: alpha(opacity=40); -ms-filter: alpha(opacity=40); display: none;}

/* 메인 더보기 */
.ma_more {display: inline-flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box;}
.ma_more.left {margin-left: -10px;}
.ma_more.right {margin-right: -10px;}
.ma_more.if_opacity {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50);}
.ma_more.white .tx {color: #fff;}
.ma_more.white .tx .bar {background: #fff;}
.ma_more.white .ic {background-image: url('../images/barungil/more_ic2.svg');}
.ma_more .tx {font-size: 17px; color: #000; letter-spacing: -1px; line-height: 1; padding-bottom: 2px; position: relative; white-space: nowrap;}
.ma_more .tx h2 {white-space: nowrap;}
.ma_more .tx .bar {width:100%; height:1px; background:#000; position:absolute; left:0; bottom:-3px;}
.ma_more .tx .bar {-webkit-transform: scaleX(0); transform: scaleX(0); will-change: transform; transform-origin: top right;}
.ma_more .tx .bar {transition: transform 900ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: transform 900ms cubic-bezier(0.19, 1, 0.22, 1);}
.ma_more .ic {width: 7px; height: 12px; margin-left: 10px; font-size: 0; background: url('../images/barungil/more_ic1.svg') center center no-repeat; background-size: 100% !important;}

/* 메인 검색 */
.ma_search {text-align: center; margin-top: 60px;}
.ma_search .form_box {position: relative; width: 100%; max-width: 550px; display: inline-block;}
.ma_search .input_search {background: #ebebeb; border: 1px solid #ebebeb; border-radius: 100px; box-sizing: border-box; height: 80px; width: 100%;}
.ma_search .input_search {padding: 0 90px 2px 40px; font-size: 20px; color: #402784 !important; font-weight: 400; letter-spacing: -0.4px; line-height: 1;}
.ma_search .input_search {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_search .input_search::placeholder {color: rgba(0, 0, 0, 0.4) !important;}
.ma_search .input_search::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.4) !important;}
.ma_search .input_search:-ms-input-placeholder {color: rgba(0, 0, 0, 0.4) !important;}
.ma_search .input_search:-moz-placeholder {color: rgba(0, 0, 0, 0.4) !important;}
.ma_search .input_search:focus {border-color: #000; background: #fff; color: #402784 !important;}
.ma_search .btn_search {position: absolute; right: 0; top: 0; font-size: 0; height: 80px; width: 80px;}
.ma_search .btn_search {display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_search .btn_search {background: transparent url('../images/barungil/search_ic2.svg') center center no-repeat; background-size: 27px 27px !important;}

.ma_search.if_bg .input_search {background: rgba(0, 0, 0, 0.6); border: 1px solid transparent; color: #fff !important;}
.ma_search.if_bg .input_search::placeholder {color: rgba(255, 255, 255, 0.6) !important; font-weight: 300;}
.ma_search.if_bg .input_search::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.6) !important; font-weight: 300;}
.ma_search.if_bg .input_search:-ms-input-placeholder {color: rgba(255, 255, 255, 0.6) !important; font-weight: 300;}
.ma_search.if_bg .input_search:-moz-placeholder {color: rgba(0, 0, 0, 0.4) !important; font-weight: 300;}
.ma_search.if_bg .input_search:focus {font-weight: 400; background: #000; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.8);}
.ma_search.if_bg .btn_search {background-image: url('../images/barungil/search_ic1.svg');}







/* **************************************** *
   ◆ (모바일) 스크롤 상단 고정메뉴
 * **************************************** */
.top_menu {position: fixed; left: 0; top: -60px; width: 100%; background: #402784; z-index: 1005;}
.top_menu {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.top_menu ul {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 10px; box-sizing: border-box;}
.top_menu li {list-style: none; flex: 1;}
.top_menu .btn {width: 100%; height: 45px; display: inline-flex; flex-direction: row; justify-content: center; align-items: center;}
.top_menu .btn {font-size: 15px; color: #fff; font-weight: 600; letter-spacing: -0.8px; box-sizing: border-box; line-height: 1;}
.top_menu li.hit .btn {color: #fff;}

.top_menu.if_scroll {top: 0;}






/* **************************************** *
   ◆ 메인 하단 바로가기 롤링배너
 * **************************************** */
.ma_link {margin-top: 100px;}
.ma_link li {list-style: none;}

.ma_link .rolling_box {}
.ma_link .rolling_box ul {margin-left: -16px;}
.ma_link .rolling_box li {display: inline-block; float: left; width: 16.6667%;}
.ma_link .rolling_box .box {margin-left: 16px; position: relative; font-size: 0;}
.ma_link .rolling_box .box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #e5e5e5; box-sizing: border-box;}
.ma_link .rolling_box .box:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_link .rolling_box li img {max-width: 100%;}

.ma_link .rolling_btn {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.ma_link .rolling_btn .btn {font-size: 0; width: 50px; height: 100%; display: flex; justify-content: center; align-items: center;}
.ma_link .rolling_btn .ic {font-size: 0; background: #fff; border: 1px solid #fff; border-radius: 100px; box-sizing: border-box;}
.ma_link .rolling_btn .ic {width: 38px; height: 38px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; overflow: hidden;}
.ma_link .rolling_btn img {transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); height: 100%;}
.ma_link .rolling_btn img.ov {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); height: 0;}

/* 모바일 일때(600px) */
.ma_link .box.if_mo .rolling_box {}
.ma_link .box.if_mo .rolling_box .inner {overflow: hidden; margin-left: -10px;}
.ma_link .box.if_mo .rolling_box ul {margin: 0; overflow: hidden;}
.ma_link .box.if_mo .rolling_box li {display: inline-block; width: 50%; float: left;}
.ma_link .box.if_mo .rolling_box li:nth-of-type(2n)~ li .box {margin-top: 10px;}
.ma_link .box.if_mo .rolling_box li:nth-of-type(2n)+ li {clear: both;}
.ma_link .box.if_mo .rolling_box .box {margin-left: 10px;}

.ma_link .box.if_mo .rolling_btn {position: relative; justify-content: center; height: auto; margin-top: 5px;}
.ma_link .box.if_mo .icon_box {display: inline-flex; flex-direction: row; justify-content: center; align-items: center; margin: 0 5px;}
.ma_link .box.if_mo .icon_box li {font-size: 0}
.ma_link .box.if_mo .icon_box .icon {padding: 4px; box-sizing: border-box; font-size: 0;}
.ma_link .box.if_mo .icon_box .dot {width: 6px; height: 6px; background: #ccc; border-radius: 50%; box-sizing: border-box;}
.ma_link .box.if_mo .icon_box .active .dot {background: #000;}







/* **************************************** *
   ◆ 메인 about 배너
 * **************************************** */
.ma_about {margin-top: 120px;}
.ma_about li {list-style: none;}
.ma_about .inner {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative;}
.ma_about .inner {min-height: 670px; padding: 30px 0 20px; box-sizing: border-box;}

.ma_about .tit_box {position: relative; z-index: 10;}
.ma_about .tit_box .about_tx {font-size: 21px; color: #000; font-weight: 300; letter-spacing: 0; line-height: 1.4; margin-top: 15px;}
.ma_about .tit_box .ma_more {margin-top: 20px;}

/* 롤링 박스 */
.ma_about .bn_img {position: absolute; right: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center;}
.ma_about .bn_img .rolling_box {width: 100%; height: 100%; max-width: 840px;}
.ma_about .bn_img .img_box {width: 100%; height: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; position: relative;}

/* 롤링 아이콘 */
.ma_about .rolling_icon {margin-top: 50px; width: 100%; padding-right: 20%; box-sizing: border-box; position: relative;}
.ma_about .rolling_icon ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.ma_about .rolling_icon li {display: inline-block; float: left; width: 33.3334%; max-width: 320px;}
.ma_about .rolling_icon .box {background: #fff; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; height: 100%;}
.ma_about .rolling_icon .box {padding: 50px 25px; box-sizing: border-box; text-align: center; box-shadow: 30px 30px 40px rgba(0, 0, 0, 0.25); position: relative;}
.ma_about .rolling_icon .box {height: 265px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.ma_about .rolling_icon .box .bar {position: absolute; background: #402784; z-index: 1; transition: all 0.2s linear; -webkit-transition: all 0.2s linear;}
.ma_about .rolling_icon .box .bar1 {left: 0; top: 0; width: 0; height: 2px; transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
.ma_about .rolling_icon .box .bar2 {right: 0; top: 0; width: 2px; height: 0; transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
.ma_about .rolling_icon .box .bar3 {right: 0; bottom: 0; width: 0; height: 2px; transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
.ma_about .rolling_icon .box .bar4 {left: 0; bottom: 0; width: 2px; height: 0; transition-delay: 0s; -webkit-transition-delay: 0s;}
.ma_about .rolling_icon .t_box {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
.ma_about .rolling_icon .t_box {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.ma_about .rolling_icon .box .icon {font-size: 0;}
.ma_about .rolling_icon .box img {width: 57px;}
.ma_about .rolling_icon .box img.on {display: none;}
.ma_about .rolling_icon .box .tit {font-size: 24px; color: #000; letter-spacing: -0.4px; line-height: 1; margin-top: 25px; width: 100%;}
.ma_about .rolling_icon .box .tit {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ma_about .rolling_icon .box .tit h3 {white-space: nowrap;}
.ma_about .rolling_icon .box .tx {font-size: 15px; color: #000; letter-spacing: -0.4px; margin-top: 15px; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: alpha(opacity=60); width: 100%;}
.ma_about .rolling_icon .box .tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4; max-height: 42px;}

.ma_about .rolling_icon .active .box {background: #402784;}
.ma_about .rolling_icon .active .box img.on {display: block;}
.ma_about .rolling_icon .active .box img.off {display: none;}
.ma_about .rolling_icon .active .box .tit {color: #fff;}
.ma_about .rolling_icon .active .box .tx {color: #fff;}

/* 롤링 버튼 */
.ma_about .rolling_btn {margin-top: 50px;}
.ma_about .rolling_btn ul {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-left: -10px;}
.ma_about .rolling_btn li {}
.ma_about .rolling_btn .li_tx {display: inline-flex; flex-direction: row; justify-content: flex-end; align-items: center; margin: 0 5px; width: 35px;}
.ma_about .rolling_btn .li_tx .tx {font-family: 'Poppins'; font-size: 17px; color: #aaa; letter-spacing: 0; line-height: 1; margin: 0 2px;}
.ma_about .rolling_btn .li_tx .tx.active {color: #000;}
.ma_about .rolling_btn .li_tx .tx.left {text-align: right;}
.ma_about .rolling_btn .li_tx .tx.right {text-align: left;}
.ma_about .rolling_btn .li_tx .tx.center {font-size: 12px; margin-top: 1px;}
.ma_about .rolling_btn .li_tx .tx h1 {white-space: nowrap;}
.ma_about .rolling_btn .li_btn {font-size: 0;}
.ma_about .rolling_btn .btn {box-sizing: border-box; padding: 10px;}
.ma_about .rolling_btn .btn .ic {width: 30px; height: 30px; border: 1px solid #ccc; background: #ccc; border-radius: 50%; box-sizing: border-box; overflow: hidden;}
.ma_about .rolling_btn .btn .ic {display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative;}
.ma_about .rolling_btn .btn .ic {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_about .rolling_btn .btn .ic img {height: 100%;}
.ma_about .rolling_btn .btn .img {width: 200%; height: 100%; font-size: 0; position: absolute; top: 0; display: flex; flex-direction: row; justify-content: space-around; align-items: center;}
.ma_about .rolling_btn .btn .img {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_about .rolling_btn .prev .btn .img {right: -100%;}
.ma_about .rolling_btn .next .btn .img {left: -100%;}






/* **************************************** *
   ◆ 메인 변호사
 * **************************************** */
.ma_lawer {padding-top: 90px; background: #f0f1f5 url('../images/barungil/ma_lawer_bg.png') left bottom 40px no-repeat;}
.ma_lawer li {list-style: none;}

.ma_lawer .ma_tit {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ma_lawer .lawer_box {position: relative;}
.ma_lawer .on_box {position: relative; text-align: center; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_lawer .on_box {opacity: 0; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.ma_lawer .on_box.active {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100)}

.ma_lawer .info_box {position: absolute; left: 0; bottom: 95px; width: 50%; text-align: left; box-sizing: border-box;}
.ma_lawer .info_box .info_top {padding-left: 50px;}
.ma_lawer .info_box .name_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end;}
.ma_lawer .info_box .name_box .name {font-size: 45px; color: #000; font-weight: 600; letter-spacing: 0.8px; line-height: 1.1;}
.ma_lawer .info_box .name_box .tx {font-size: 22px; color: #333; font-weight: 300; letter-spacing: 0; line-height: 1; margin-left: 10px;}
.ma_lawer .info_box .cate_box {margin-top: 15px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap}
.ma_lawer .info_box .cate_box .cate {font-size: 14px; color: #533c90; letter-spacing: -0.3px; padding: 8px 15px 9px 15px; box-sizing: border-box;}
.ma_lawer .info_box .cate_box .cate {line-height: 1; background: #fff; border-radius: 50px; border: 2px solid #402784; margin-right: 5px; margin-top: 5px;}
.ma_lawer .info_box .cate_box .cate h1 {white-space: nowrap;}
.ma_lawer .info_box .cate_box .cate.import {background: #402784; color: #fff;}
.ma_lawer .info_box .history_box {background: #fff; border-radius: 10px; box-sizing: border-box; box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.05);}
.ma_lawer .info_box .history_box {padding: 40px 40px 40px 50px; margin-top: 30px; overflow: hidden;}
.ma_lawer .info_box .history_box .tit {font-size: 19px; color: #000; font-weight: 600; letter-spacing: -0.7px; line-height: 1;}
.ma_lawer .info_box .history_box .ul {margin-top: 15px; min-height: 150px;}
.ma_lawer .info_box .history_box li {padding-left: 15px; position: relative; box-sizing: border-box;}
.ma_lawer .info_box .history_box li:before {content: ''; position: absolute; left: 3px; top: 9px; width: 4px; height: 4px; background: #ccc;}
.ma_lawer .info_box .history_box li:before {border-radius: 50px; box-sizing: border-box;}
.ma_lawer .info_box .history_box li+ li {margin-top: 5px;}
.ma_lawer .info_box .history_box .tx {font-size: 15px; color: #666; letter-spacing: -0.4px; line-height: 1.3;}
.ma_lawer .info_box .more_box {position: relative; margin-top: 5px;}
.ma_lawer .info_box .more_box:before {content: ''; position: absolute; left: 0; top: 50%; width: 200%; height: 1px; background: #e5e5e5; margin-top: -1px;}
.ma_lawer .info_box .btn_more {display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 10px;}
.ma_lawer .info_box .btn_more {box-sizing: border-box; background: #fff; position: relative; z-index: 1;}
.ma_lawer .info_box .btn_more .ic {width: 19px; height: 19px; background: #999; border: 1px solid #999; border-radius: 50px; box-sizing: border-box; position: relative;}
.ma_lawer .info_box .btn_more .ic {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_lawer .info_box .btn_more .ic:before {content: ''; position: absolute; left: 4px; top: 8px; width: 9px; height: 1px; background: #fff;}
.ma_lawer .info_box .btn_more .ic:after {content: ''; position: absolute; left: 8px; top: 4px; width: 1px; height: 9px; background: #fff;}
.ma_lawer .info_box .btn_more .tx {font-size: 15px; color: #999; letter-spacing: -0.4px; line-height: 1; padding-left: 5px; background: #fff;}

.ma_lawer .photo_box {font-size: 0; position: relative; display: inline-block; width: 100%; text-align: center;}
.ma_lawer .photo_box .photo {font-size: 0; position: relative; max-width: 550px; display: inline-block;}
.ma_lawer .photo_box .fake {width: 100%; height: 100%;}
.ma_lawer .photo_box .fake img {width: 100%;}
.ma_lawer .photo_box .img {position: absolute; left: 0; top: 0; width: 100%; max-width: 100%;}

.ma_lawer .on_box.active .photo_box .photo {animation: lw_photo 1.8s ease-out 1 forwards; -webkit-animation: lw_photo 1.8s ease-out  1 forwards;}
.ma_lawer .on_box.active .info_box .history_box {animation: lw_history 1.2s ease-out 0.4s 1 backwards; -webkit-animation: lw_history 1.4s ease-out 0.2s 1 backwards;}
.ma_lawer .on_box.active .info_box .cate_box {animation: lw_info 1.1s ease-out 0.6s 1 backwards; -webkit-animation: lw_info 1.1s ease-out 0.6s 1 backwards;}
.ma_lawer .on_box.active .info_box .name_box {animation: lw_info 1.1s ease-out 0.4s 1 backwards; -webkit-animation: lw_info 1.1s ease-out 0.4s 1 backwards;}

@keyframes lw_photo {
	0% {transform: translateX(-120px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
	100% {transform: translateX(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}
@-webkit-keyframes lw_photo {
	0% {transform: translateX(-120px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
	100% {transform: translateX(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}

@keyframes lw_history {
	0% {transform: translateX(80px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
	100% {transform: translateX(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}
@-webkit-keyframes lw_history {
	0% {transform: translateX(80px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
	100% {transform: translateX(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}

@keyframes lw_info {
	0% {transform: translateY(20px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
	100% {transform: translateX(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}
@-webkit-keyframes lw_info {
	0% {transform: translateY(20px); opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
	100% {transform: translateX(0); opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
}

.ma_lawer .off_box {width: 50%; max-width: 470px; text-align: center; position: absolute; right: 0; bottom: 0; z-index: 10;}
.ma_lawer .off_box ul {overflow: hidden; margin: -10px;}
.ma_lawer .off_box li {display: inline-block; float: left; width: 50%;}
.ma_lawer .off_box .box {margin: 10px; border-radius: 10px; box-sizing: border-box; overflow: hidden; position: relative;}
.ma_lawer .off_box .thumb {font-size: 0; position: relative;}
.ma_lawer .off_box .thumb .img {position: absolute; left: 0; top: 0; width: 100%; max-width: 100%;}
.ma_lawer .off_box .thumb .img.ov {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); transition: all 1.2s ease-out; -webkit-transition: all 1.2s ease-out;}
.ma_lawer .off_box .thumb .img.ov {transform: scale(1.15); -webkit-transform: scale(1.15);}
.ma_lawer .off_box .thumb .fake {width: 100%;}
.ma_lawer .off_box .thumb .fake img {width: 100%;}
.ma_lawer .off_box .name_box {position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; box-sizing: border-box; overflow: hidden; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.ma_lawer .off_box .name_box {text-align: center; line-height: 1; font-size: 15px; color: #fff; letter-spacing: 0; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; z-index: 1;}
.ma_lawer .off_box .name_box.off {background: rgba(0, 0, 0, 0.3); transform-origin: center top;}
.ma_lawer .off_box .name_box.ov {background: rgba(64, 39, 132, 0.9); transform: scaleY(0); -webkit-transform: scaleY(0); transform-origin: center bottom;}
.ma_lawer .off_box .name_box .name {margin-right: 4px;}
.ma_lawer .off_box li.hit .upper_link {border: 4px solid #402784; box-sizing: border-box; border-radius: 10px;}
.ma_lawer .off_box li.hit .thumb img.ov {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1);}
.ma_lawer .off_box li.hit .name_box {background: rgba(64, 39, 132, 0.9);}
.ma_lawer .off_box li.hit .name_box.off {transform: scaleY(0); -webkit-transform: scaleY(0);}
.ma_lawer .off_box li.hit .name_box.ov {transform: scaleY(1); -webkit-transform: scaleY(1);}

.ma_lawer .ma_more {margin: 27px 0;}


/* 변호사 구성변경 추가 2022-02-03 ARA */
.ma_lawer .if_other {position:relative; text-align:left;}
.ma_lawer .upper_box {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content: center; align-items: stretch; flex-direction:column; z-index:1; box-sizing:border-box; padding:10px;}
.ma_lawer .upper_box .in_box {background:#fff; height:100%; border-radius:10px; display:flex; justify-content: center; align-items: stretch; flex-direction:column;}
.ma_lawer .upper_box dl {padding:20px;}
.ma_lawer .upper_box dl+ dl {border-top:1px solid #f2f2f2;}
.ma_lawer .upper_box .tlink {display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; box-sizing: border-box;}
.ma_lawer .upper_box .tlink .tx {font-size: 15px; color: #000; letter-spacing: -1px; line-height: 1; position: relative; white-space: nowrap; font-weight:500;}
.ma_lawer .upper_box .tlink .tx h2 {white-space: nowrap;}
.ma_lawer .upper_box .tlink .tx .bar {width:100%; height:1px; background:#000; position:absolute; left:0; bottom:-3px;}
.ma_lawer .upper_box .tlink .tx .bar {-webkit-transform: scaleX(0); transform: scaleX(0); will-change: transform; transform-origin: top right;}
.ma_lawer .upper_box .tlink .tx .bar {transition: transform 900ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: transform 900ms cubic-bezier(0.19, 1, 0.22, 1);}
.ma_lawer .upper_box .tlink .ic {width: 7px; height: 12px; margin-left: 5px; font-size: 0; background: url('../images/barungil/more_ic1.svg') center center no-repeat; background-size: 6px !important;}
.ma_lawer .upper_box dd {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:wrap; margin-top:8px;}
.ma_lawer .upper_box dd .link {width:50%; font-size:13px; padding:5px 0; box-sizing:border-box; line-height:1;}

.ma_lawer ul.fx_box {display:flex; justify-content: flex-start; align-items: stretch; flex-direction:row; flex-wrap:wrap}
.ma_lawer ul.fx_box li {display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; float:none;}




/* **************************************** *
   ◆ 메인 업무분야
 * **************************************** */
.ma_legal {margin-top: 90px;}
.ma_legal li {list-style: none;}

.ma_legal .ma_tit {display: flex; flex-direction: column; justify-content: center; align-items: center;}

.ma_legal .legal_box {margin-top: 50px;}
.ma_legal .legal_box ul {overflow: hidden; margin-left: -44px; margin-top: -40px;}
.ma_legal .legal_box li {display: inline-block; float: left; width: 25%;}
.ma_legal .legal_box .box {margin-left: 44px; margin-top: 40px; height: 240px; position: relative; overflow: hidden;}
.ma_legal .legal_box .thumb {width: 100%; height: 100%; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; position: relative;}
.ma_legal .legal_box .thumb:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 1;}
.ma_legal .legal_box .tit_box {position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; background: rgba(0, 0, 0, 0.8); height: 65px; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.ma_legal .legal_box .tit_box {display: flex; justify-content: center; align-items: center; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.ma_legal .legal_box .tit {font-size: 21px; color: #fff; letter-spacing: 0; line-height: 1; text-align: center; padding: 0 10px; box-sizing: border-box;}
.ma_legal .legal_box .open_box {position: absolute; left: 0; top: 25%; width: 100%; height: 100%; background: rgba(64, 39, 132, 0.95); z-index: 10;}
.ma_legal .legal_box .open_box {padding: 20px 30px; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.ma_legal .legal_box .open_box {transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.ma_legal .legal_box .open_box .inner {width: 100%; max-height: 135px; overflow: hidden; flex: auto; box-sizing: border-box;}
.ma_legal .legal_box .open_box .op_tit {font-size: 27px; color: #fff; font-weight: 500; letter-spacing: 0; line-height: 1.2; padding-bottom: 15px;}
.ma_legal .legal_box .open_box .op_tit {border-bottom: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; width: 100%;}
.ma_legal .legal_box .open_box .tag_box {margin-top: 10px; width: 100%; box-sizing: border-box;}
.ma_legal .legal_box .open_box .tag {display: inline; font-size: 0; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: alpha(opacity=70);}
.ma_legal .legal_box .open_box .tag .tx {font-size: 15px; color: #fff; font-weight: 300; letter-spacing: 0; line-height: 1.6; white-space: nowrap; margin: 0 6px; display: inline;}
.ma_legal .legal_box .open_box .tag .tx:before {content: '#'; line-height: 1;}
.ma_legal .legal_box .open_box .tag .tx h1 {display: inline;}
.ma_legal .legal_box .open_box .btn {flex: none; height: 40px; background: #fff; font-size: 15px; color: #402784; font-weight: 500; letter-spacing: -0.5px; line-height: 1;}
.ma_legal .legal_box .open_box .btn {display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 15px; padding-bottom: 1px; position: relative; box-sizing: border-box;}
.ma_legal .legal_box .cube_box {width: 30px; height: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.ma_legal .legal_box .cube_box .icon {width: 8px; height: 8px; background: #000; margin-top: 3px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_legal .legal_box .cube_box .icon:nth-of-type(2) {transition-delay: 0.1s;}
.ma_legal .legal_box .cube_box .icon:nth-of-type(3) {transition-delay: 0.2s;}
.ma_legal .legal_box .cube_box .icon:nth-of-type(4) {transition-delay: 0.1s;}
.ma_legal .legal_box .cube_box .icon:nth-of-type(5) {transition-delay: 0.2s;}
.ma_legal .legal_box .cube_box .icon:nth-of-type(6) {transition-delay: 0.3s;}
.ma_legal .legal_box .cube_box .icon:nth-of-type(7) {transition-delay: 0.2s;}
.ma_legal .legal_box .cube_box .icon:nth-of-type(8) {transition-delay: 0.3s;}
.ma_legal .legal_box .cube_box .icon:nth-of-type(9) {transition-delay: 0.4s;}

.ma_legal .legal_box li.li_last .box {padding-bottom: 65px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; position: relative;}
.ma_legal .legal_box li.li_last .tit_box {background: none; padding: 0 !important; opacity: 1 !important; filter: alpha(opacity=100) !important; -ms-filter: alpha(opacity=100) !important;}
.ma_legal .legal_box li.li_last .tit_box .ma_more {height: 100%;}







/* **************************************** *
   ◆ 메인 성공사례
 * **************************************** */
.ma_case {margin-top: 100px; padding: 100px 0; box-sizing: border-box; background: transparent url('../images/barungil/ma_case1.jpg') center center no-repeat;}
.ma_case {background-size: cover !important;}
.ma_case li {list-style: none;}
.ma_case .inner {position: relative; margin-top: 50px;}

.ma_case .tit_en {font-family: 'Poppins'; font-size: 21px; color: #fff; font-weight: 600; letter-spacing: 0.4px; line-height: 1;}
.ma_case .tit_en {opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20);}
.ma_case .ma_tit {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-top: 10px;}

/* 롤링 박스 */
.ma_case .rolling_box {}
.ma_case .rolling_box ul {margin-left: -20px; display: flex; flex-direction: row; justify-content: center; align-content: stretch; align-items: stretch;}
.ma_case .rolling_box li {display: inline-block; width: 20%;}
.ma_case .rolling_box .box {height: 100%; margin-left: 20px; background: #fff; padding: 20px 30px 75px 30px; box-sizing: border-box;}
.ma_case .rolling_box .box {border-radius: 40px 5px 5px 5px; position: relative; z-index: 1; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.ma_case .rolling_box .box:before {content: ''; position: absolute; right: 50px; bottom: 32px; width: 30px; height: 30px; background: transparent url('../images/barungil/case_arrow.svg') center center no-repeat;}
.ma_case .rolling_box .box:before {background-size: 100% auto !important; opacity: 0; filter: alpha( opacity=0); -ms-filter: alpha(opacity=0);}
.ma_case .rolling_box .box:before {transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out;}
.ma_case .rolling_box .cate {font-size: 21px; color: #7644ff; font-weight: 500; letter-spacing: 0; line-height: 1.1; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ma_case .rolling_box .cate {max-width: 100%; padding: 10px 0; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.ma_case .rolling_box .cate .upper_link {z-index: 10;}
.ma_case .rolling_box .cate .bar {width:100%; height:1px; background:#7644ff; position:absolute; left:0; bottom:5px;}
.ma_case .rolling_box .cate .bar {-webkit-transform: scaleX(0); transform: scaleX(0); will-change: transform; transform-origin: top right;}
.ma_case .rolling_box .cate .bar {transition: transform 900ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: transform 900ms cubic-bezier(0.19, 1, 0.22, 1);}
.ma_case .rolling_box .cate h2 {white-space: nowrap;}
.ma_case .rolling_box .tit {font-size: 17px; color: #333; letter-spacing: -0.2px; line-height: 1.5; margin-top: 10px; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.ma_case .rolling_box .tit {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 51px;}
.ma_case .rolling_box .tit h1 {word-break: break-all;}
.ma_case .rolling_box .tx {font-size: 13px; color: #000; letter-spacing: 0; line-height: 1.5; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: alpha(opacity=60); margin-top: 10px;}
.ma_case .rolling_box .tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 98px;}
.ma_case .rolling_box .tx {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.ma_case .rolling_box .tx h1 {word-break: break-all;}
.ma_case .rolling_box .date {position: absolute; left: 30px; bottom: 40px; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; width: auto;}
.ma_case .rolling_box .date {font-family: 'Poppins'; font-size: 14px; color: #000; font-weight: 300; line-height: 1; opacity: 0.55; filter: alpha(opacity=55); -ms-filter: alpha(opacity=55);}

/* 롤링 버튼 */
.ma_case .rolling_btn {position: absolute; left: 0; bottom: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%;}
.ma_case .rolling_btn .btn {font-size: 0; width: 50px; height: 40px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.ma_case .rolling_btn .btn {background-color: #fff; border: 1px solid #fff; box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_case .rolling_btn .btn {background-repeat: no-repeat !important; background-position: center center !important; background-size: 40px 40px !important;}
.ma_case .rolling_btn .btn.prev {margin-left: -45px; border-radius: 100px 0 0 100px; background-image: url('../images/barungil/arrow_l_1.svg');}
.ma_case .rolling_btn .btn.next {margin-right: -45px; border-radius: 0 100px 100px 0; background-image: url('../images/barungil/arrow_r_1.svg');}






/* **************************************** *
   ◆ 하단 빠른 상담신청(퀵)
 * **************************************** */
.cs_quick {}
.cs_quick .quick_box {position: fixed; left: 0; bottom: -110px; width: 100%; height: 90px; background: #000; z-index: 999; transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out;}
.cs_quick .layout_fix {display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; }

.cs_quick .link_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-left: -40px;}
.cs_quick .link_box li {position: relative;}
.cs_quick .link_box li+ li:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 20px; background: rgba(255, 255, 255, 0.15); margin-top: -10px;}
.cs_quick .link_box .btn {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 20px 40px; box-sizing: border-box;}
.cs_quick .link_box .ic {font-size: 0; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.cs_quick .link_box .tx {font-size: 19px; color: #fff; letter-spacing: 0; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50); margin-left: 10px;}

.cs_quick .link_box .btn:hover .ic {animation: link_ic 0.6s 1 forwards; -webkit-animation: link_ic 0.6s 1 forwards;}
@-webkit-keyframes link_ic {
	0% {transform: scale(1);}
	20% {transform: scale(1.2);}
	40% {transform: scale(0.9);}
	60% {transform: scale(1.1);}
	100% {transform: scale(1);}
}
@keyframes link_ic {
	0% {transform: scale(1);}
	20% {transform: scale(1.2);}
	40% {transform: scale(0.9);}
	60% {transform: scale(1.1);}
	100% {transform: scale(1);}
}

.cs_quick .cs_box {box-sizing: border-box;}
.cs_quick .cs_box ul {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 100%; box-sizing:border-box; gap:10px}
.cs_quick .cs_box li {flex:1}
.cs_quick .cs_box .design {width: 100%; height: 55px; background: #333; border: 1px solid #333; border-radius: 5px; box-sizing: border-box; padding-left: 20px;}
.cs_quick .cs_box .design {font-size: 16px; color: #fff !important; letter-spacing: -0.6px; display: flex; justify-content: flex-start; align-items: center;}
.cs_quick .cs_box .design {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.cs_quick .cs_box .design:focus {background: #fff; color: #000 !important; font-weight: 400 !important;}
.cs_quick .cs_box .design:focus::placeholder {color: rgba(0, 0, 0, 0.4) !important; font-weight: 400 !important;}
.cs_quick .cs_box .design::placeholder {color: rgba(255, 255, 255, 0.3) !important;}
.cs_quick .cs_box .design::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.3) !important}
.cs_quick .cs_box .design:-ms-input-placeholder {color: rgba(255, 255, 255, 0.3) !important}
.cs_quick .cs_box .design:-moz-placeholder {color: rgba(255, 255, 255, 0.3) !important}
.cs_quick .cs_box .btn {height:50px; background: #402784; border: 1px solid #402784; border-radius: 10px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -0.5px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; padding: 0 20px; white-space:nowrap}
.cs_quick .cs_box .ic {width: 25px; height: 25px; margin-right: 10px; background-repeat: no-repeat !important; background-position: center center !important;}
.cs_quick .cs_box .ic {background-size: 25px 25px !important; z-index: 2; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.cs_quick .cs_box .ic {animation: cs_move 2s infinite ease-out forwards; -webkit-animation: cs_move 2s infinite ease-out forwards;}
.cs_quick .cs_box .video .ic {background-image: url('../images/barungil/cs_quick_1.svg'); margin-right: 7px;}
.cs_quick .cs_box .visit .ic {background-image: url('../images/barungil/cs_quick_2.svg'); animation-delay: 0.2s;}
.cs_quick .cs_box .tel .ic {background-image: url('../images/barungil/cs_quick_3.svg'); animation-delay: 0.4s;}
.cs_quick .cs_box .daple .ic {background-image: url('../images/barungil/cs_quick_4.svg'); animation-delay: 0.6s;}

.cs_quick.if_scroll .quick_box {bottom: 0;}

.wrap.if_open_fix_quick .cs_quick .quick_box {bottom: 0 !important;}




/* **************************************** *
   ◆ 레이어팝업
 * **************************************** */
.pop_quick {position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box;}
.pop_quick {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transition: opacity 0.4s ease-out; -webkit-transition: opacity 0.4s ease-out; z-index: 10000; visibility: hidden}
.pop_quick .inner {background:#fff; position:relative; width: 100%; max-width:500px; z-index:10000; box-sizing:border-box; overflow:hidden;}

.pop_quick .tit {background:#222; text-align:center; padding:30px;}
.pop_quick .tit dt {color:#fff; font-size:27px; letter-spacing:-1px; font-weight:500; line-height:1;}
.pop_quick .tit dd {color:rgba(255,255,255,0.5);; font-size:15px; letter-spacing:-1px; word-wrap:break-word; word-break:keep-all; white-space:normal; margin-top:10px; line-height:1.4;}
.pop_quick .label_box {display: flex; flex-direction: row; justify-content: space-around; align-items: center; padding: 10px 30px; box-sizing: border-box;}
.pop_quick .label_box li {flex: 1; display: flex; justify-content: center; align-items: center;}
.pop_quick .label_box .label {position: relative; padding: 15px; box-sizing: border-box;}
.pop_quick .label_box input {width: 0; height: 0; position: absolute; left: 0; top: 0; opacity: 0;}
.pop_quick .label_box .tx {font-size: 19px; color: #333; letter-spacing: -0.8px; line-height: 1; display: flex; justify-content: center; align-items: center;}
.pop_quick .label_box .tx .ic {width: 33px; height: 33px; background: #ccc url('../images/barungil/radio_ic.svg') center center no-repeat; background-size: 100% !important;}
.pop_quick .label_box .tx .ic {border: 1px solid #ccc; border-radius: 100px; box-sizing: border-box; margin-right: 10px;}
.pop_quick .label_box input:checked+ .tx .ic {background-color: #402784; border-color: #402784;}
.pop_quick .privacy {overflow-y:scroll; font-size:13px; word-wrap:break-word; word-break:keep-all; white-space:normal; color:#888; line-height:1.6;}
.pop_quick .privacy {height:200px; border:1px solid #ddd; padding:20px; margin:30px; margin-top: 0;}

.pop_quick .btn_box {margin:30px;}
.pop_quick .btn_box ul {display:table; width:100%; table-layout:fixed;}
.pop_quick .btn_box li {display:table-cell; vertical-align:middle;}
.pop_quick .btn_box .btn {display:block; text-align:center; background:#fff; border:1px solid #402784; height:50px; line-height:50px; font-size:16px; color:#402784; letter-spacing:-1px;}
.pop_quick .btn_box .btn.color {background:#402784; color:#fff; }

.pop_quick_bg {background: #000; position:fixed; left:0; top:0; width:100%; height:0; z-index:-1}
.pop_quick_bg {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transition: opacity 0.4s ease-out; -webkit-transition: opacity 0.4s ease-out;}


.if_open_quickcs .pop_quick {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility: visible;}
.if_open_quickcs .pop_quick_bg {opacity: 0.7; filter: alpha(opacity=70); -ms-filter:alpha(opacity=70); z-index:9999; height:100%;}





/* **************************************** *
   ◆ 버튼모션 공통
 * **************************************** */
.btn_motion {position: relative; overflow: hidden;}
.btn_motion:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #fff;}
.btn_motion:before {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; z-index: 2;}
.btn_motion h1, .btn_motion h2, .btn_motion h3 {z-index: 3; position: relative;}

.btn_motion.if_black:before {background: #000;}
.btn_motion.if_color:before {background: #894fff;}