@charset 'utf-8';

/*
 * Max ~ 900px (Mouse Over)
 * 1600px
 * 1500px
 * 1400px
 * 1250px
 * 1200px
 * 1150px
 * 1100px
 * 1030px
 * 1000px
 * 1000px ~ 800px
 * 950px
 * 900px : Show mobile images
 * 850px
 * 800px
 * 770px
 * 750px
 * 700px
 * 650px
 * 600px : Show mobile step2
 * 550px
 * 500px
 * 450px
 * 350px
 */



/* TAG */
.wrap:before {position:fixed; left:0; bottom:0; background:#ff0000; color:#fff; z-index:10000000; padding:5px 10px; display:none !important;}
.wrap:after {position:fixed; left:0; bottom:20px; background:#000; color:yellow; z-index:100000000; padding:5px 10px; display:none !important;}

/* **************************************** *
 * ELEMENT (common)
 * **************************************** */
/* 글씨 br역할 반응형 */
u {display:block;}

/* PC/모바일 요소 스위칭 */
.if_pc {display:block;}
.if_mo {display:none !important;}

.if_mid {display:none;}
.if_min {display:none;}

/* PC/모바일 이미지 스위칭 */
.img_pc {display:inline-block;}
.img_mo {display:none;}








/* **************************************** *
 ◆ Max ~ 900px (Mouse Over)
 * **************************************** */
@media screen and (min-width:900px) {
	.wrap:after {content:"Mouse"; }

	/* header */
	.header .sitemap:hover .this_btn .space {display:block;}
	.header .sitemap:hover .btn_all .copy .icons {left:-7px}
	.header .nav .ul:hover .ctg1 .txt {color: #000 !important;}
	.header .nav dl:hover .hit .ctg1 .txt {color:#000 !important;}
	.header .nav ul:hover .hit .ctg1:before {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
	.header .nav .ul:hover .tx_box:before {width: 0;}
	.header:hover:before {height: 285px; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
	.header:hover .logo img.ov {display: block;}
	.header:hover .logo img.off {display: none;}
	.header:hover .nav dd {height: auto; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
	.header:hover .nav .ctg1 .txt {color: #000;}
	.header:hover .link_btn .icon {background-image: url('../images/barungil/search_ic2.svg');}
	.header:hover .hd_right {border-color: rgba(0, 0, 0, 0.1);}
	.header:hover .nav .hit .ctg1 .txt {color: #894fff;}

	.header .open_all .menu_box .ctg2:hover {color:#e88225;}

	.header .search_open .btn_close:hover {transform: rotate(270deg);}

	/* haeder 스크롤 */
	.header.if_scroll {position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);}
	.header.if_scroll:before {height: 80px; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
	.header.if_scroll:hover:before {height: 260px;}
	.header.if_scroll .box {margin-top: 0; align-items: flex-start; flex-direction: row;}
	.header.if_scroll .logo {margin-top: 25px;}
	.header.if_scroll .logo img {height: 35px;}
	.header.if_scroll .logo img.off {display: none;}
	.header.if_scroll .logo img.ov {display: block;}
	.header.if_scroll .hd_right {margin-top: 0; justify-content: flex-end; border: 0;}
	.header.if_scroll .nav dt {height: 80px;}
	.header.if_scroll .nav .ctg1 .txt {color: #000;}
	.header.if_scroll .link_btn .icon {background-image: url('../images/barungil/search_ic2.svg');}
	.header.if_scroll .top .btn {height: 80px;}
	.header.if_scroll .nav .hit .ctg1 .txt {color: #894fff;}



	.ma_visual .visual_txt .btn:hover {background:#402784; border-color: #402784; color: #fff;}

	.ma_visual .prevnext a:hover .icon {opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100);}
	.ma_visual .prevnext a:hover .line {opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100);}
	.ma_visual .prevnext a:hover .line1 {width:100%; height:1px;}
	.ma_visual .prevnext a:hover .line2 {width:1px; height:100%; transition-delay:.1s; -webkit-transition-delay:.1s; -ms-transition-delay:.1s;}
	.ma_visual .prevnext a:hover .line3 {width:100%; height:1px; transition-delay:.1s; -webkit-transition-delay:.2s; -ms-transition-delay:.2s;}
	.ma_visual .prevnext a:hover .line4 {width:1px; height:100%; transition-delay:.1s; -webkit-transition-delay:.3s; -ms-transition-delay:.3s;}

	.ma_visual .rolling_paging .paging:hover {background: #fff;}
	.ma_visual .rolling_paging .paging.if_stop:hover .ic.stop {display: none;}
	.ma_visual .rolling_paging .paging.if_stop:hover .ic.play {display: block;}

	.ma_visual .rolling_paging .paging.if_play:hover .num {display: none;}
	.ma_visual .rolling_paging .paging.if_play:hover .ic.stop {display: block;}
	.ma_visual .rolling_paging .paging.if_play:hover .ic img.ov {display: block;}
	.ma_visual .rolling_paging .paging.if_play:hover .ic img.off {display: none;}

	.footer .menu .btn:hover {text-decoration:underline;}

	.btn_gotop:hover i {color:#fff; font-weight:500;}
	.btn_gotop:hover .ov_tx {height:50px !important;}
	.btn_gotop:hover .ov_bg {height:50px !important;}

	.ma_link .rolling_box .box:hover:before {border-color: #333;}
	.ma_link .rolling_btn .btn:hover .ic {background: #ccc; border-color: #ccc;}
	.ma_link .rolling_btn .btn:hover img.off {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); height: 0;}
	.ma_link .rolling_btn .btn:hover img.ov {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); height: 100%;}

	.ma_tit .tit:hover {color: #894fff;}

	.ma_more:hover .tx .bar {-webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scaleX(1); transform: scaleX(1);}
	.ma_legal .legal_box li.li_last .box:hover .ma_more .tx .bar {-webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scaleX(1); transform: scaleX(1);}
	.ma_legal .legal_box li.li_last .box:hover .cube_box .icon {background: #894fff;}

	.ma_about .rolling_btn .prev .btn:hover .img {right: 0;}
	.ma_about .rolling_btn .next .btn:hover .img {left: 0;}
	.ma_about .rolling_btn .btn:hover .ic {background: #000; border-color: #000;}
	.ma_about .rolling_icon .box:hover .bar1 {width: 100%; transition-delay: 0s; -webkit-transition-delay: 0s;}
	.ma_about .rolling_icon .box:hover .bar2 {height: 100%; transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
	.ma_about .rolling_icon .box:hover .bar3 {width: 100%; transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
	.ma_about .rolling_icon .box:hover .bar4 {height: 100%; transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}

	.ma_case .rolling_box .box:hover:before {right: 30px; opacity: 1; filter: alpha( opacity=100); -ms-filter: alpha(opacity=100);}
	.ma_case .rolling_box .cate:hover .bar {-webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scaleX(1); transform: scaleX(1);}
	/*
	.ma_case .rolling_btn .btn:hover {background: #000; border-color: #000;}
	.ma_case .rolling_btn .btn.prev:hover {background-image: url('../images/barungil/arrow_l_2.svg');}
	.ma_case .rolling_btn .btn.next:hover {background-image: url('../images/barungil/arrow_r_2.svg');}
	 */

	.ma_legal .legal_box .box:hover .open_box {top: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
	.ma_legal .legal_box .box:hover .tit_box {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
	.ma_legal .legal_box li.li_last .box:hover .tit_box {bottom: 0;}

	.ma_lawer .off_box .box:hover .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 .box:hover .name_box.off {transform: scaleY(0); -webkit-transform: scaleY(0);}
	.ma_lawer .off_box .box:hover .name_box.ov {transform: scaleY(1); -webkit-transform: scaleY(1);}
	.ma_lawer .info_box .btn_more:hover .ic {background: #000; border-color: #000; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
	.ma_lawer .info_box .btn_more:hover .tx {color: #000;}


	.slide .clode_btn:hover {transform: rotate(180deg);}

	.sitemap .close_btn:hover {transform: rotate(270deg);}
	.sitemap .menu .depth1:hover .ctg1 .tx:before {width: 100%;}
	.sitemap .menu .ctg2:hover .txt {color:#000;}
	.sitemap .menu .ctg2:hover .txt:before {width:100%;}
	.sitemap .menu .ctg3:hover {color: #000; padding-left: 20px;}
	.sitemap .menu .ctg3:hover:before {background: #000; width: 15px;}

	.cs_quick .link_box .btn:hover .tx {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
	.cs_quick .cs_box .btn:hover {color: #402784;}
	.cs_quick .cs_box .video .btn:hover .ic {background-image: url('../images/barungil/cs_quick_1_ov.svg');}
	.cs_quick .cs_box .visit .btn:hover .ic {background-image: url('../images/barungil/cs_quick_2_ov.svg');}
	.cs_quick .cs_box .tel .btn:hover .ic {background-image: url('../images/barungil/cs_quick_3_ov.svg');}
	.cs_quick .cs_box .daple .btn:hover .ic {background-image: url('../images/barungil/cs_quick_4_ov.svg');}

	.btn_motion:hover:before {height: 100%;}


	.ma_lawer .upper_box dd .link:hover {color:#402784; text-decoration:underline;}
	.ma_lawer .upper_box .tlink:hover .tx .bar {-webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scaleX(1); transform: scaleX(1);}

}






/* **************************************** *
 ◆ 1700px ~
 * **************************************** */
@media screen and (max-width:1700px) {
	.wrap:before {content:"1700"; }


}






/* **************************************** *
 ◆ 1600px ~
 * **************************************** */
@media screen and (max-width:1600px) {
	.wrap:before {content:"1600"; }


	.ma_case .rolling_btn {height: 100%;}
	.ma_case .rolling_btn .btn {background: none; border: 0; height: 45px; width: 45px;}
	.ma_case .rolling_btn .btn:hover {background-color: transparent; border: 0;}
	.ma_case .rolling_btn .btn.prev {margin-left: -45px; background-image: url('../images/barungil/arrow_l_2.svg');}
	.ma_case .rolling_btn .btn.next {margin-right: -45px; background-image: url('../images/barungil/arrow_r_2.svg');}


}






/* **************************************** *
 ◆ 1500px ~
 * **************************************** */
@media screen and (max-width:1500px) {
	.wrap:before {content:"1500"; }


	.ma_legal .legal_box ul {margin-left: -35px; margin-top: -35px;}
	.ma_legal .legal_box .box {margin-left: 35px; margin-top: 35px;}


}






/* **************************************** *
 ◆ 1400px ~
 * **************************************** */
@media screen and (max-width:1400px) {
	.wrap:before {content:"1400"; }

	.header .logo img {max-width: 320px;}
	.header .nav .ctg1 {padding:0 20px; box-sizing:border-box;}
	.header .nav .ctg1 .tx_box {padding: 2px 5px;}
	.header .nav .ctg1 .txt2 {left: 5px;}
	.header .nav .hit .ctg1:before {right: 15px;}
	.header .nav .ctg2 {padding-left: 25px;}
	.header.if_scroll:hover:before {height: 240px;}
	.header.if_scroll .nav dd li:last-of-type {margin-bottom: 30px;}

	.ma_visual .prevnext {margin-top:-39px;}
	.ma_visual .prevnext.prev {left:15px;}
	.ma_visual .prevnext.next {right:15px;}
	.ma_visual .prevnext a {padding:12px 25px;}


	.ma_case {background-position: left 23% center !important;}
	.ma_case .rolling_box li {width: 25%;}



	.ma_legal .legal_box ul {margin-left: -35px; margin-top: -35px;}
	.ma_legal .legal_box li {width: 33.3334%;}
	.ma_legal .legal_box .box {height: 250px; margin-left: 35px; margin-top: 35px;}
	.ma_legal .legal_box .tit_box {height: 55px;}
	.ma_legal .legal_box .open_box {padding: 25px;}
	.ma_legal .legal_box .open_box .btn {margin-top: 20px;}
	.ma_legal .legal_box .open_box .tag {padding: 0;}
	.ma_legal .legal_box li.li_last .box {padding-bottom: 55px;}

	.ma_lawer {background-position: left 40% !important; padding-bottom: 90px;}
	.ma_lawer .on_box {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
	.ma_lawer .info_box {position: relative; bottom: auto; width: 100%; order: 2; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
	.ma_lawer .info_box {padding: 50px 40px; z-index: 11; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
	.ma_lawer .info_box .info_top {padding: 0;}
	.ma_lawer .info_box .history_box {box-shadow: none; border-radius: 0; padding: 0 0 0 35px; margin-top: 0; margin-left: 35px; flex: auto;}
	.ma_lawer .info_box .history_box {border-left: 1px solid #ddd; overflow: inherit; background: transparent}
	.ma_lawer .info_box .history_box .ul {overflow: hidden; min-height: auto; margin-top: 5px;}
	.ma_lawer .info_box .history_box li {display: inline-block; float: left; width: 50%; margin-top: 5px;}
	.ma_lawer .info_box .history_box li:nth-of-type(2n)+ li {clear: both;}
	.ma_lawer .info_box .more_box {margin-bottom: -10px;}
	.ma_lawer .info_box .more_box:before {width: 100%;}
	.ma_lawer .photo_box {order: 1; width: 50%; flex: none; text-align: right;}
	.ma_lawer .off_box {top: 10%; right: 50px; bottom: auto;}
	.ma_lawer .ma_more {margin: 20px 0;}
	.ma_lawer .on_box.active .photo_box .photo {animation-duration: 1.3s; -webkit-animation-duration: 1.3s;}
	.ma_lawer .on_box.active .info_box .history_box {animation-delay: 0s; -webkit-animation-display: 0s; animation-duration: 1.1s; -webkit-animation-duration: 1.1s;}
	.ma_lawer .on_box.active .info_box .cate_box {animation-delay: 0s; -webkit-animation-display: 0s; animation-duration: 0.9s; -webkit-animation-duration: 0.9s;}
	.ma_lawer .on_box.active .info_box .name_box {animation-delay: 0s; -webkit-animation-display: 0s; animation-duration: 0.9s; -webkit-animation-duration: 0.9s;}

	.header .top .btn.if_pc {display: none !important;}
	.header .top .btn.if_mo {display: flex !important;}

	.if_open_sitemap .sitemap {left: -100%;}
	.if_open_sitemap .sitemap_bg {height: 0;}

	.if_open_slider {overflow:hidden;}
	.if_open_slider .slide_bg {right:0;}
	.if_open_slider .slide {right:0;}

	.slide .menu .ctg2 .txt {letter-spacing: -0.2px;}

}






/* **************************************** *
 ◆ 1300px ~
 * **************************************** */
@media screen and (max-width:1300px) {
	.wrap:before {content:"1300"; }


	.header .inner_box {padding:0;}
	.header .box {flex-direction: column; justify-content: flex-start; align-items: center; margin-top: 20px;}
	.header:hover:before {height: 330px;}

	.header .hd_right {margin-top: 20px; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box;}
	.header .hd_right {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
	.header .nav dt {padding:0;}
	.header .nav .ul {width:100%; margin-left: -25px;}
	.header .nav .ctg2 {text-align: left; padding-left: 25px;}
	.header .logo {margin-top: 0;}

	.header .nav:hover:before {}
	.header .nav:hover dd {}

	.header .search_open {top: 125px;}
	.header .top.if_open_search .search_open {top: 145px;}

	.ma_visual .visual_txt .layout_fix {justify-content: flex-end; padding-bottom: 300px; box-sizing: border-box;}


	.ma_link .rolling_box ul {margin-left: -10px;}
	.ma_link .rolling_box .box {margin-left: 10px;}

	.ma_about .bn_img .rolling_box {max-width: 68%;}
	.ma_about .rolling_btn {margin-top: 40px;}

	.ma_case {padding: 90px 0;}

	.ma_search {margin-top: 50px;}

	.ma_legal .legal_box .open_box .inner {max-height: 131px;}

}




/* **************************************** *
 ◆ 1250px ~
 * **************************************** */
@media screen and (max-width:1250px) {

}





/* **************************************** *
 ◆ 1200px ~
 * **************************************** */
@media screen and (max-width:1200px) {
	.wrap:before {content:"1200"; }

	.layout_fix {padding:0 40px;}

	.header .inner_box {padding:0;}
	.header .nav .li:last-of-type dl {margin-right:0;}
	.header .top .btn {width: 50px;}
	.header.if_scroll:before {height: 70px;}
	.header.if_scroll:hover:before {height: 225px;}
	.header.if_scroll .nav .ctg1 {padding: 0 15px;}
	.header.if_scroll .nav dt {height: 70px;}
	.header.if_scroll .top .btn {height: 70px;}
	.header.if_scroll .logo img {height: 32px;}
	.header.if_scroll .nav .ctg2 {padding-left: 20px;}

	.ma_visual .visual_box {height:900px; background-size:auto 100%;}
	.ma_visual .visual_txt .inner {padding:100px 30px 0;}
	.ma_visual .prevnext {display:none;}
	.ma_visual .visual_txt .btn {height: 50px;}

	.footer {padding: 60px 0 160px; margin-top: 100px;}
	.footer .ft_cs .cs {flex-direction: column;}
	.footer .ft_cs .cs li+ li {margin-left: 0; margin-top: 10px;}
	.footer .ft_info .ft_tx2 .tx {display: block; margin-right: 0;}
	.footer .ft_copy {margin-top: 40px;}

	.ma_link .rolling_box li {width: 25%;}
	.ma_link .rolling_btn .btn {width: 40px;}
	.ma_link .rolling_btn .ic {width: 33px; height: 33px;}

	.ma_about {margin-top: 100px;}
	.ma_about .inner {min-height: auto; padding: 0;}
	.ma_about .bn_img {position: relative; height: 550px; margin-top: 20px; }
	.ma_about .bn_img .rolling_box {max-width:100%;}
	.ma_about .rolling_icon {margin-top: -60px; padding-right: 10%;}
	.ma_about .rolling_icon li {max-width: 300px;}
	.ma_about .rolling_icon .box {padding: 45px 20px; height: 245px;}
	.ma_about .rolling_icon .box img {width: 50px;}
	.ma_about .rolling_icon .box .tx {max-height: 40px;}
	.ma_about .rolling_btn {margin-top: 25px;}

	.ma_case .rolling_box li {width: 33.3334%;}
	.ma_case .rolling_box .tit {margin-top: 5px;}
	.ma_case .rolling_box .tx {max-height: 93px;}
	.ma_case .rolling_btn .btn {width: 40px;}
	.ma_case .rolling_btn .btn.prev {margin-left: -40px;}
	.ma_case .rolling_btn .btn.next {margin-right: -40px;}

	.ma_search .form_box {max-width: 500px;}
	.ma_search .input_search {height: 75px;}
	.ma_search .btn_search {height: 75px;}

	.ma_legal {margin-top: 70px;}
	.ma_legal .legal_box ul {margin-left: -25px; margin-top: -25px;}
	.ma_legal .legal_box .box {margin-left: 25px; margin-top: 25px;}
	.ma_legal .legal_box .open_box .inner {max-height: 128px;}

	.ma_lawer {padding-top: 70px;}
	.ma_lawer .off_box {top: 4%; right: 40px;}

	.cs_quick .quick_box {height: 100px; bottom: -100px;}
	.cs_quick .cs_box .design {height: 50px;}
	.cs_quick .link_box .btn {padding: 20px 30px; }
	.cs_quick .link_box .ic img {width: 25px;}

	.fly {right: 20px;}
	.fly.if_scroll {bottom: 120px;}
	.fly .li.cs .btn {width: 85px; padding: 20px 15px;}
	.fly .li.cs .ic img {width: 53px;}
	.fly .li.top {display:none !important}


}






/* **************************************** *
 ◆ 1100px ~
 * **************************************** */
@media screen and (max-width:1100px) {
	.wrap:before {content:"1100"; }


	.ma_legal .legal_box .box {height: 220px;}
	.ma_legal .legal_box .open_box {padding: 20px 25px;}
	.ma_legal .legal_box .open_box .inner {max-height: 125px;}
	.ma_legal .legal_box .open_box .btn {margin-top: 10px;}

	.ma_lawer .off_box {right: 0;}
	.ma_lawer .info_box {flex-direction: column; padding: 40px;}
	.ma_lawer .info_box .history_box {padding-left: 0; margin-left: 0; margin-top: 25px; border: 0; width: 100%;}
	.ma_lawer .ma_more {margin: 15px 0;}


}






/* **************************************** *
 ◆ 1050px ~
 * **************************************** */
@media screen and (max-width:1050px) {
	.wrap:before {content:"1050"; }


}






/* **************************************** *
 ◆ 1000px ~
 * **************************************** */
@media screen and (max-width:1000px) {
	.wrap:before {content:"1000"; }


	.header .nav dt {height: 65px;}
	.header .nav dl:hover dd {top: 65px;}
	.header .nav .ctg1 .tx_box:before {height: 8px;}
	.header .nav .hit .ctg1:before {top: 19px; width: 6px; height: 6px;}
	.header .top .btn {height: 65px; width: 45px;}
	.header:hover:before {height: 310px;}
	.header.if_scroll .nav .ctg1 {padding: 0 13px;}
	.header.if_scroll .top .btn {width: 40px;}
	.header.if_scroll .nav .ctg2 {padding-left: 18px;}



	.ma_visual .visual_box {height:800px;}



	.ma_about .rolling_icon .box {height: 235px;}
	.ma_about .rolling_icon .box .tx {max-height: 35px;}

	.ma_legal .legal_box .open_box .inner {max-height: 120px;}
	.ma_legal .legal_box .open_box .btn {margin-top: 10px;}


	.ma_lawer .other_box dl {padding:15px;}

}






/* **************************************** *
 ◆ 950px ~
 * **************************************** */
@media screen and (max-width:950px) {
	.wrap:before {content:"950"; }

}






/* **************************************** *
 ◆ 900px ~ (Mobile Start)
 * **************************************** */
@media screen and (max-width:900px) {
	.wrap:before {content:"900"; }

	.if_pc {display:none !important;}
	.if_mo {display:block !important;}
	.img_pc {display:none !important;}
	.img_mo {display:inline-block !important;}

	.layout_fix {padding:0 30px;}

	.header .logo img {max-width: 270px;}
	.header .nav .ul {margin-left: -20px;}
	.header .nav .ctg1 {padding: 0 15px;}
	.header .nav .ctg2 {padding-left: 20px;}
	.header .nav dl:hover dd {top: 60px;}
	.header .nav .hit .ctg1:before {right: 10px;}
	.header .top .btn {width: 40px;}
	.header .top .li.if_mo {display: none !important;}

	.header .search_open {top: 105px;}
	.header .top.if_open_search .search_open {top: 125px;}
	.header .search_open .input_search {font-size: 17px; height: 65px;}
	.header .search_open .btn_search {height: 65px;}

	.ma_visual .rolling_paging .inner {display: flex; margin: 0 -15px;}
	.ma_visual .rolling_icon {flex: 1;}
	.ma_visual .visual_txt .title {letter-spacing: -1.3px;}
	.ma_visual .visual_txt .text {letter-spacing: -0.6px;}
	.ma_visual .visual_txt .btn {height: 45px; min-width: auto;}

	.scroll_fix .btn_gotop {border-radius:300px; box-sizing:border-box; overflow:hidden; border:1px solid #003f98;}
	.scroll_fix .btn_gotop .icon {}
	.scroll_fix .btn_gotop .ov_tx {left:1px;}
	.scroll_fix .btn_gotop .icon:before {border-radius:300px; overflow:hidden; box-sizing:border-box; display:none;}


	.footer {padding: 40px 0 50px !important; margin-top: 80px;}
	.footer.if_main {margin-top: 40px;}
	.footer .ft_box {flex-direction: column;}
	.footer .ft_box .ft_tx1 {margin-top: 15px;}
	.footer .ft_box .ft_tx2 {margin-top: 15px;}
	.footer .ft_box .ft_tx2 .tx {line-height: 1.7;}
	.footer .ft_info .menu {margin-left: -10px; margin-bottom: -10px;}
	.footer .ft_info .menu .btn {padding: 10px;}
	.footer .ft_cs {margin-top: 30px;}
	.footer .ft_copy {flex-direction: column; margin-top: 25px; padding-top: 20px;}
	.footer .ft_copy .ft_logo img {max-height: 35px;}
	.footer .ft_copy .copy {margin-top: 20px;}

	.ma_link {margin-top: 70px;}
	.ma_link .rolling_box li {width: 33.3334%;}
	.ma_link .rolling_btn .btn {width: 30px;}
	.ma_link .rolling_btn .ic {width: 30px; height: 30px;}
	.ma_link .box.if_pc {display: block !important;}
	.ma_link .box.if_mo {display: none !important;}

	.ma_about {margin-top: 70px;}
	.ma_about .layout_fix {padding-right: 0;}
	.ma_about .tit_box .about_tx {margin-top: 10px;}
	.ma_about .tit_box .ma_more {margin-top: 15px; background: none; border: 0; padding: 10px; height: auto !important;}
	.ma_about .tit_box .ma_more .tx {color: #000;}
	.ma_about .tit_box .ma_more .ic {background-image: url('../images/barungil/more_ic1.svg');}
	.ma_about .bn_img {padding-left: 0; height: 500px; margin-top: 15px;}
	.ma_about .rolling_icon {margin-top: -50px; padding-right: 0;}
	.ma_about .rolling_icon:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e5e5e5;}
	.ma_about .rolling_icon li {max-width: inherit;}
	.ma_about .rolling_icon .box {padding: 0 0 25px 0; background: transparent !important; box-shadow: none; height: auto;}
	.ma_about .rolling_icon .t_box {background: #fff; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.25); padding: 40px 20px; box-sizing: border-box; height: 170px;}
	.ma_about .rolling_icon .box .tit {font-weight: 500;}
	.ma_about .rolling_icon .box .tx {color: #aaa; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); margin-top: 25px; height: 34px;}
	.ma_about .rolling_icon .box img {width: 45px;}
	.ma_about .rolling_icon .active .t_box {background: #402784;}
	.ma_about .rolling_icon .active .box:after {content: ''; position: absolute; left: 0; bottom: 0 !important; width: 100%; height: 1px; background: #402784;}
	.ma_about .rolling_icon .active .box .tx  {color: #402784;}
	.ma_about .rolling_btn {margin-top: 10px; margin-bottom: -10px;}

	.ma_case {margin-top: 70px;}
	.ma_case .if_pc {display: block !important;}
	.ma_case .if_mo {display: none !important;}
	.ma_case .rolling_box li {width: 50%;}
	.ma_case .rolling_btn .btn {width: 30px;}
	.ma_case .rolling_btn .btn.prev {margin-left: -30px;}
	.ma_case .rolling_btn .btn.next {margin-right: -30px;}

	.ma_search {margin-top: 40px;}
	.ma_search .input_search {font-size: 17px; padding: 0 80px 0 30px; height: 65px;}
	.ma_search .btn_search {height: 65px;}


	.ma_legal {margin-top: 50px;}
	.ma_legal .legal_box {margin-top: 30px;}
	.ma_legal .legal_box ul {margin-left: -25px; margin-top: -25px;}
	.ma_legal .legal_box li {width: 50%;}
	.ma_legal .legal_box .box {height: 200px; margin-left: 25px; margin-top: 25px;}
	.ma_legal .legal_box .tit_box {height: 45px;}
	.ma_legal .legal_box .open_box {padding: 1px;  transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
	.ma_legal .legal_box li.if_open_legal .open_box {top: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
	.ma_legal .legal_box .open_box .inner {display: flex; justify-content: center; align-items: center; max-height: 100%; padding: 0 15px;}
	.ma_legal .legal_box .open_box .op_tit {display: none;}
	.ma_legal .legal_box .open_box .tag_box {margin-top: 0; max-height: 105px; overflow: hidden;}
	.ma_legal .legal_box .open_box .tag {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50);}
	.ma_legal .legal_box .open_box .btn {margin-top: 0; height: 44px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); transition-delay: 0.2s;}
	.ma_legal .legal_box li.if_open_legal .open_box .btn {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
	.ma_legal .ma_more {background: #222; border: 1px solid #222; border-radius: 50px; box-sizing: border-box; padding: 0 20px; height: 100%;}
	.ma_legal .ma_more {display: inline-flex; justify-content: center; align-items: center; flex-direction: row;}
	.ma_legal .ma_more .tx {padding-bottom: 1px; color: #fff;}
	.ma_legal .legal_box li.li_last .box {padding-bottom: 45px;}
	.ma_legal .legal_box .cube_box {width: 25px; height: 25px;}
	.ma_legal .legal_box .cube_box .icon {width: 7px; height: 7px; margin-top: 2px;}

	.ma_lawer {padding-top: 50px; padding-bottom: 60px; background-position: left 31% !important; background-size: 25% auto !important;}
	.ma_lawer .info_box .cate_box {margin-top: 10px;}
	.ma_lawer .info_box .cate_box .cate {border-radius: 5px; padding: 5px 10px 6px 10px; border-width: 1px;}
	.ma_lawer .info_box .history_box .ul {margin-top: 5px;}
	.ma_lawer .info_box .history_box li {padding-left: 8px; padding-right: 5px;}
	.ma_lawer .info_box .history_box li:before {left: 0; top: 7px; width: 3px; height: 3px;}
	.ma_lawer .info_box .more_box {margin-top: 5px; text-align: right;}
	.ma_lawer .info_box .btn_more {margin-right: -10px; background: none;}
	.ma_lawer .info_box .more_box:before {background: #eee; width: 100%;}
	.ma_lawer .photo_box {margin-left: -30px; width: calc(50% + 70px);}
	.ma_lawer .off_box li.hit .upper_link {border: 0;}
	.ma_lawer .off_box ul {margin: -5px;}
	.ma_lawer .off_box .box {border-radius: 5px; margin: 5px;}
	.ma_lawer .off_box .name_box {position: relative; background: #fff; color: #333; padding: 7px 5px; border: 1px solid #ddd;}
	.ma_lawer .off_box .name_box {flex-direction: column; border-top: 0; border-radius: 0 0 5px 5px;}
	.ma_lawer .off_box .name_box .name {display: block; font-weight: 500; margin-bottom: 4px; margin-right: 0;}
	.ma_lawer .off_box .name_box.off {background: #fff;}
	.ma_lawer .off_box .name_box.ov {display: none;}
	.ma_lawer .off_box li.hit .name_box {color: #fff; border-color: #402784; background: #402784;}
	.ma_lawer .off_box li.hit .name_box.off {display: none;}
	.ma_lawer .off_box li.hit .name_box.ov {display: flex;}

	@keyframes lw_photo {
		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_photo {
		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_history {
		0% {transform: translateX(60px); 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(60px); 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(15px); 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(15px); 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_more {background: #222; border: 1px solid #222; border-radius: 50px; box-sizing: border-box; padding: 0 20px; height: 45px;}
	.ma_more .tx {padding-bottom: 1px; color: #fff; letter-spacing: -0.5px;}
	.ma_more .ic {margin-left: 5px; width: 5px; height: 9px; background-image: url('../images/barungil/more_ic2.svg');}
	.ma_more.white .ic {background-image: url('../images/barungil/more_ic1.svg');}
	.ma_more.white {background: #fff; border: 1px solid #fff;}
	.ma_more.white .tx {color: #000;}

	.cs_quick .quick_box {bottom:-150px; height:150px;}
	.cs_quick .link_box {display:none;}
	.cs_quick .cs_box {flex:1}
	.cs_quick .cs_box .btn {padding:0 !important;}
	.cs_quick .cs_box ul {display: grid; grid-template-columns:repeat(2 , 1fr);}


	.wrap.if_open_fix_quick .fly.if_scroll {bottom:60px;}
	.wrap.if_open_fix_quick .fly .li:not(.this_more) {opacity:0;;}
	.wrap.if_open_fix_quick .fly .btn_more .plus {transform:rotate(135deg);}


	.slide {max-width: 400px; right: -400px;}

	.fly {bottom: 30px; width: 45px;}
	.fly .li.cs .btn {width: 70px !important; height: auto !important; padding: 15px 10px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);}
	.fly .li.cs .ic img {width: 48px;}
	.fly .li.tel {display: none !important;}
	.fly .li+ .li {margin-top: 0;}
	.fly.if_scroll {bottom: 30px;}
	.fly.if_scroll .li+ .li {margin-top: 10px !important;}
	.fly.if_scroll .btn {width: 45px !important; height: 45px !important; border-radius: 10px !important;}
	.fly .li.this_more {display: block !important;}


	.ma_lawer .upper_box {padding:5px;}
	.ma_lawer .upper_box .in_box {border-radius:5px; border:1px solid #ddd;}
	.ma_lawer .upper_box .tlink .ic {background-size:4px !important; margin-left:3px;}
	.ma_lawer .upper_box dl {padding:15px;}
	.ma_lawer .upper_box dd .link em {display:none;}

}






/* **************************************** *
 ◆ 800px ~
 * **************************************** */
@media screen and (max-width:800px) {
	.wrap:before {content:"800"; }


}




/* **************************************** *
 ◆ 750px ~
 * **************************************** */
@media screen and (max-width:750px) {


}




/* **************************************** *
 ◆ 700px ~
 * **************************************** */
@media screen and (max-width:700px) {
	.wrap:before {content:"700"; }

	.header .box {flex-direction: row; justify-content: space-between; }
	.header .nav {display: none;}
	.header .nav .ul {width:auto; margin:0 auto;}
	.header .nav .ctg1 {padding:0 30px;}
	.header .hd_right {margin-top: 0; border: 0; width: auto;}
	.header .top .btn {width: 45px;}
	.header .top .li.if_mo {display: block !important;}
	.header .search_open {top: 60px;}
	.header .top.if_open_search .search_open {top: 80px; padding: 40px;}
	.header .search_open .btn_search img {width: 24px;}
	.header .search_open .btn_close img {width: 17px;}

	.ma_visual .visual_box {height:auto;}
	.ma_visual .visual_img {display:block;}
	.ma_visual .visual_txt .layout_fix {padding-left: 50px; padding-bottom: 23%;}
	.ma_visual .visual_txt .btn {height: 40px; min-width: auto; margin-top: 20px; padding-bottom: 1px;}
	.ma_visual .visual_txt .text {margin-top: 20px;}
	.ma_visual .rolling_paging {bottom: 20px;}
	.ma_visual .rolling_paging .paging {display: none !important;}
	.ma_visual .rolling_icon {display: block;}
	.ma_visual .scroll_down {display: none;}

	.ma_about .rolling_icon .box .tx {height: 30px;}


	.scroll_fix {margin:10px;}
	.scroll_fix .btn_gotop .icon {width:40px; height:40px; line-height:38px; font-size:15px;}

}







/* **************************************** *
 ◆ 650px ~
 * **************************************** */
@media screen and (max-width:650px) {
	.wrap:before {content:"650"; }


}








/* **************************************** *
 ◆ 600px ~ 슬라이드 모바일 형태 시작 (네비2차 열고닫기)
 * **************************************** */
@media screen and (max-width:600px) {
	.wrap:before {content:"600"; }

	.layout_fix {padding:0 20px;}

	.header .box {margin-top: 10px;}
	.header .logo img {max-width: 230px;}
	.header .nav .ctg1 {padding:0 25px;}
	.header .nav .ctg1 .txt {height:45px; line-height:43px;}
	.header .nav dd {top:45px;}
	.header .nav .ctg2 {padding:12px 25px;}

	.header .link_btn img {width: 22px;}
	.header .all_btn .shape_box {width: 25px; height: 20px;}
	.header .all_btn .shape {height:2px;}
	.header .all_btn .shape1 {top:9px;}
	.header .top {margin-right: -10px;}
	.header .top .btn {width: auto; height: auto; padding: 10px; align-items: center; justify-content: center;}

	.header .search_open {top: 45px;}
	.header .top.if_open_search .search_open {top: 60px; padding: 30px;}
	.header .search_open .btn_close img {width: 15px;}
	.header .search_open .form_box {margin-top: 15px;}
	.header .search_open .input_search {font-size: 14px; padding: 0 50px 2px 10px; line-height: 58px; height: 60px;}
	.header .search_open .btn_search {padding: 0 15px; height: 60px;}
	.header .search_open .btn_search img {width: 20px;}

	.ma_visual .visual_txt .layout_fix {padding-left: 40px;}
	.ma_visual .visual_txt .inner {padding:0 20px;}
	.ma_visual .rolling_paging {bottom: 10px;}
	.ma_visual .rolling_paging .layout_fix {padding: 0 20px;}


	.footer {margin-top: 60px;}
	.footer> .layout_fix {padding: 0 30px;}
	.footer.if_main {margin-top: 15px;}

	.ma_link {margin-top: 50px;}
	.ma_link .box.if_pc {display: none !important;}
	.ma_link .box.if_mo {display: block !important;}


	.ma_about {margin-top: 40px;}
	.ma_about .layout_fix {padding-left: 30px;}
	.ma_about .bn_img {height: 300px; margin-top: 10px;}
	.ma_about .tit_box .about_tx {margin-top: 5px;}
	.ma_about .tit_box .ma_more {margin-top: 5px;}
	.ma_about .rolling_icon {margin-top: -20px;}
	.ma_about .rolling_icon .t_box {padding: 25px 15px; height: 110px;}
	.ma_about .rolling_icon .box {padding-bottom: 15px;}
	.ma_about .rolling_icon .box img {width: 30px;}
	.ma_about .rolling_icon .box .tit {margin-top: 15px;}
	.ma_about .rolling_icon .box .tx {margin-top: 15px;}
	.ma_about .rolling_btn {margin-top: 5px;}
	.ma_about .rolling_btn .btn .ic {width: 24px; height: 24px;}
	.ma_about .rolling_btn .li_tx {margin: 0; width: 33px;}


	.ma_case {background-image: url('../images/barungil/mo/ma_case1.jpg'); background-position: left top !important; padding: 50px 0; margin-top: 50px;}
	.ma_case .if_pc {display: none !important;}
	.ma_case .if_mo {display: block !important;}
	.ma_case .layout_fix {padding: 0 45px;}
	.ma_case .inner {margin-top: 40px;}
	.ma_case .tit_en {text-align: center;}
	.ma_case .ma_tit {justify-content: center; margin-top: 0;}
	.ma_case .rolling_box ul {flex-direction: column; margin-left: 0;}
	.ma_case .rolling_box li {width: 100%;}
	.ma_case .rolling_box li+ li {margin-top: 10px;}
	.ma_case .rolling_box li:last-of-type .box {border-radius: 5px 5px 30px 5px;}
	.ma_case .rolling_box .box {margin-left: 0; padding: 10px 25px 20px 25px; border-radius: 30px 5px 5px 5px; height: 160px;}
	.ma_case .rolling_box .tit {-webkit-line-clamp: 1; max-height: 24px; margin-top: 0;}
	.ma_case .rolling_box .tx {-webkit-line-clamp: 3; line-height: 1.4; height: 47px; margin-top: 5px;}
	.ma_case .rolling_box .date {position: relative; top: 0; bottom: 0; left: 0; margin-top: 10px;}
	.ma_case .more_btn {text-align: center; margin-top: 20px;}
	.ma_case .ma_search .form_box {max-width: 100%;}
	.ma_case .ma_search .input_search {background: none; border-bottom: 2px solid #fff; border-radius: 0; padding-left: 0; padding-right: 55px;}
	.ma_case .ma_search .btn_search {background-position: right center !important;}
	.ma_case .rolling_btn .btn {width: 45px; background-size: 55px 55px !important;}
	.ma_case .rolling_btn .btn.prev {margin-left: -45px;}
	.ma_case .rolling_btn .btn.next {margin-right: -45px;}

	.ma_search .input_search {font-size: 14px; padding: 0 60px 0 20px;}
	.ma_search .btn_search {width: 55px; background-size: 23px 23px !important;}
	.ma_search.if_bg .input_search:focus {background: rgba(0, 0, 0, 0.4); padding-left: 15px; color: rgba(255, 255, 255, 0.6) !important;}
	.ma_search.if_bg .input_search:focus::placeholder {color: rgba(255, 255, 255, 0.6) !important;}
	.ma_search.if_bg .input_search:focus+ .btn_search {background-position: center center !important; background-image: url('../images/barungil/search_ic1.svg');}
	.ma_search .input_search {height: 55px;}
	.ma_search .btn_search {height: 55px;}


	.ma_legal {margin-top: 35px;}
	.ma_legal .legal_box ul {margin-left: -15px; margin-top: -15px;}
	.ma_legal .legal_box .box {margin-left: 15px; margin-top: 15px; height: 130px;}
	.ma_legal .legal_box .tit_box {height: 35px;}
	.ma_legal .legal_box .open_box .btn {height: 33px;}
	.ma_legal .legal_box .open_box .tag_box {max-height: 60px;}
	.ma_legal .legal_box .open_box .tag .tx {margin: 0 5px; line-height: 1.5;}
	.ma_legal .ma_search {margin-top: 25px; padding: 0 10px; box-sizing: border-box;}
	.ma_legal .legal_box li.li_last .box {padding-bottom: 35px;}
	.ma_legal .legal_box .cube_box {width: 22px; height: 22px;}
	.ma_legal .legal_box .cube_box .icon {width: 6px; height: 6px;}

	.ma_lawer {padding-top: 35px; padding-bottom: 45px;}
	.ma_lawer .lawer_box {margin-top: 15px;}
	.ma_lawer .photo_box {margin-left: -20px; width: calc(50% + 50px)}
	.ma_lawer .info_box {padding: 20px 25px 25px 25px;}
	.ma_lawer .info_box .name_box .tx {margin-left: 5px;}
	.ma_lawer .info_box .history_box {margin-top: 20px;}
	.ma_lawer .info_box .history_box .ul {height: 70px;}
	.ma_lawer .info_box .history_box li {margin-top: 4px !important;}
	.ma_lawer .info_box .history_box li:before {top: 5px;}
	.ma_lawer .info_box .history_box .tx {font-size: 13px;}
	.ma_lawer .info_box .cate_box {margin-top: 5px;}
	.ma_lawer .info_box .cate_box .cate {padding: 4px 10px 5px 10px;}
	.ma_lawer .off_box {top: 3%;}
	.ma_lawer .off_box ul {margin: -2px;}
	.ma_lawer .off_box .box {margin: 2px;}
	.ma_lawer .info_box .btn_more {padding: 5px 10px;}
	.ma_lawer .info_box .btn_more .ic {width: 15px; height: 15px;}
	.ma_lawer .info_box .btn_more .ic:before {width: 7px; left: 3px; top: 6px;}
	.ma_lawer .info_box .btn_more .ic:after {height: 7px; left: 6px; top: 3px;}

	@keyframes lw_photo {
		0% {transform: translateX(-50px); 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(-50px); 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(25px); 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(25px); 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(10px); 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(10px); 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_more {height: 35px;}

	.pop_quick .tit {padding: 20px;}
	.pop_quick .privacy {margin: 0 20px 20px 20px;}
	.pop_quick .btn_box {margin: 20px;}
	.pop_quick .label_box {padding: 0 20px;}
	.pop_quick .label_box .tx .ic {width: 28px; height: 28px; margin-right: 5px;}
	.pop_quick .privacy {padding: 15px; height: 150px; line-height: 1.4;}

	.slide {right: -100%; max-width: 100%;}

	.fly {bottom: 10px; right: 15px;}
	.fly .li.cs .btn {width: 60px !important;}
	.fly .li.cs .ic img {width: 38px;}
	.fly .li.cs .tx {margin-top: 10px;}
	.fly.if_scroll {bottom: 160px;}
	.fly.if_scroll .li+ .li {margin-top: 5px !important;}

	.ma_lawer .upper_box {padding:2px;}
	.ma_lawer .upper_box dl {padding:8px 10px;}
	.ma_lawer .upper_box dd {margin-top:5px;}
	.ma_lawer .upper_box dd .link {font-size:14px; padding:3px 0;}

	.cs_quick .cs_box .btn {font-size:14px;}
}








/* **************************************** *
 ◆ 550px ~
 * **************************************** */
@media screen and (max-width:550px) {
	.wrap:before {content:"550"; }

	.header .nav .ctg1 {padding:0 20px;}
	.header .nav .ctg2 {padding:10px 30px 10px 20px;}

}









/* **************************************** *
 ◆ 500px ~
 * **************************************** */
@media screen and (max-width:500px) {
	.wrap:before {content:"500"; }



	.footer .ft_info .menu li.li_loc {display: none;}

	.ma_visual .visual_txt .title {}
	.ma_visual .visual_txt .text {margin-top: 10px;}
	.ma_visual .visual_txt .btn {margin-top: 15px; height: 35px;}

	.ma_about .rolling_icon .box .tx {max-height: 45px;}

}






/* **************************************** *
 ◆ 450px ~
 * **************************************** */
@media screen and (max-width:450px) {
	.wrap:before {content:"450"; }

	.header .nav .ctg1 {padding:0 13px;}
	.header .nav .ctg2 {padding:10px 30px 10px 13px;}


}






/* **************************************** *
 ◆ 400px ~
 * **************************************** */
@media screen and (max-width:400px) {
	.wrap:before {content:"400"; }

	.layout_fix {padding:0 15px;}

	.header .logo img {width: 200px;}
	.header .top.if_open_search .search_open {padding: 20px;}
	.header .search_open .input_search {padding-right: 45px;}
	.header .search_open .btn_search {padding: 0 10px;}


	.ma_visual .active .visual_txt .title {margin-bottom:10px;}
	.ma_visual .visual_txt .layout_fix {padding-left: 35px;}
	.ma_visual .visual_txt .btn {margin-top: 10px;}
	.ma_visual .visual_txt .text {margin-top: 5px;}
	.ma_visual .rolling_paging .inner {margin: 0 -20px;}

	.footer .ft_cs .cs .tel {padding-top: 1px;}
	.footer> .layout_fix {padding: 0 25px;}

	.ma_about .layout_fix {padding-left: 25px;}
	.ma_about .bn_img {height: 250px;}
	.ma_about .rolling_icon .t_box {padding: 20px 10px;}
	.ma_about .rolling_icon .box img {width: 27px;}

	.ma_case {padding: 40px 0;}
	.ma_case .layout_fix {padding: 0 40px;}
	.ma_case .inner {margin-top: 30px;}
	.ma_case .rolling_box .box {padding: 10px 20px 20px 20px}
	.ma_case .ma_search .input_search {padding-right: 35px;}
	.ma_case .ma_search .btn_search {width: 35px;}

	.ma_search {margin-top: 30px;}
	.ma_search .input_search {padding-right: 45px;}
	.ma_search .btn_search {width: 45px; background-size: 20px 20px !important;}


	.ma_legal {margin-top: 30px;}
	.ma_legal .legal_box {margin-top: 25px;}
	.ma_legal .legal_box .box {height: 115px;}
	.ma_legal .legal_box .tit_box {height: 33px;}
	.ma_legal .legal_box .open_box .btn {height: 31px;}
	.ma_legal .legal_box li.li_last .box {padding-bottom: 33px;}

	.ma_lawer {padding-top: 30px; padding-bottom: 40px;}
	.ma_lawer .off_box {top: 1%;}
	.ma_lawer .photo_box {margin-left: -15px;  width: calc(50% + 40px)}
	.ma_lawer .info_box .cate_box .cate {padding: 4px 7px 5px 7px;}
	.ma_lawer .ma_more {margin: 10px 0;}

	.ma_more {height: 33px;}

	.fly {right: 10px;}
	.fly .li.cs .btn {width: 55px !important;}
	.fly .li.cs .ic img {width: 33px;}

	.footer .ft_info .menu {margin-left: -8px;}
	.footer .ft_info .menu .btn {padding: 10px 8px;}
}






/* **************************************** *
 ◆ 360px ~
 * **************************************** */
@media screen and (max-width:360px) {
	.wrap:before {content:"360"; }

	.cs_quick .cs_box .ic {width:20px; height:20px; background-size:20px !important;}
	.cs_quick .cs_box .btn {font-size:13px;}

}











/* **************************************** *
 ◆ 높이 700px ~
 * **************************************** */
@media (min-width: 1200px) and (max-height: 800px) {
	.ma_visual .visual_txt .text {padding-bottom:5px;}
	.ma_visual .visual_txt .sub {margin-top:10px;}
	.ma_visual .visual_txt .btn {margin-top:20px;}
}