html{font-size:20px;}
body{font-size:1rem;}

.tablet{display:none;}
.mob{display:none;}

h2{font-size:2.5rem;}
h3{font-size:2.2rem;}
h4{font-size:1.7rem; margin-bottom: 0.6rem;}
h5{font-size:1.3rem; }


/*헤더*/
#wrap{ position:relative; overflow:hidden; font-size:0.9rem;}
#wrap img { border:none; }
#wrap i{vertical-align:middle;}

#header{position: absolute; top:0; left: 0; width:100%; z-index:100;-webkit-transition:all .3s;transition:all .3s; }
#header .header_inner{position:relative; width:1400px; margin:0 auto; height:5rem;}
#header .header_inner:after{content:""; display:block; clear:both;}

#header .header_inner h1{position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:10;}
#header h1 img{max-width: 10rem;}


/*gnb*/
#header .header_inner .top_menu{position: absolute; right: 0; top:8px; z-index:10; font-size: 0.7rem; font-weight:500; letter-spacing:0.02em; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
#header .header_inner .top_menu li{position: relative; display:inline-block; margin-right: 1.2rem; color: #fff; }
#header .header_inner .top_menu li.memN{margin-right:1.2rem; letter-spacing:0;}
#header .header_inner .top_menu li.memN:after{display:none;}
#header .header_inner .top_menu li:last-child{margin-right: 0;}
#header .header_inner .top_menu li a{display: block; color:#ffb306; font-weight: 200; font-family: 'DM Sans', sans-serif;}

/*language*/
#header .header_inner .top_menu .lan{margin-left:0; display:block; width:5rem; display: flex; flex-direction: row;}
#header .header_inner .top_menu .lan a{color: #fff; border: 1px solid #ffb306; width: 50%; height:1.5rem; text-align:center; line-height:1.35rem;}
#header .header_inner .top_menu .lan .select_btn{background: #ffb306;}


/*탑메뉴*/
#header .header_inner #nav {text-align:right; margin-right:5rem;}
#header .header_inner #nav ul {clear:both;  position:relative; box-sizing:border-box;height:100%;}
#header .header_inner #nav ul li { display:inline-block;width: auto; float:none; vertical-align:top;position:relative;}
#header .header_inner #nav ul li {position:relative; }
#header .header_inner #nav > ul > li:after{position: absolute; content: ''; display: block; width: 1px; height: 1rem; overflow: hidden; right:0; top: 62%; transform:translateY(-62%); background-color: #fff;}
#header .header_inner #nav > ul > li:last-child:after{background: none;}
#header .header_inner #nav > ul > li > div > a{color: #fff; font-size:1rem; font-weight: 500; margin:0 3.5rem;}
#header .header_inner #nav ul li a{text-align:center; display:inline-block; height:5rem; line-height:6rem; text-transform: uppercase; position:relative;margin:0 3rem;}
#header .header_inner #nav ul li  a strong{font-weight: 600; }

#header .header_inner #nav ul li.active a:before{width:100%; left:0%;}


/*탑메뉴 2차*/
#header .header_inner #nav ul li ul {z-index: 100;position: absolute;  display:none; width:100%; height: 14rem; left:0; top:5rem; box-sizing:border-box; padding:1.5rem 0;   border-top:none; text-align:center;}
#header .header_inner #nav ul li ul li {display:block;margin:0; margin-bottom:.75rem; line-height:1; padding-bottom: 0.4rem; }
#header .header_inner #nav ul li ul li a{display:inline-block; font-size:0.8rem; text-align: left;  margin:0 1rem; height:auto; font-weight:normal; line-height:1.3;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease; transition: all 0.3s ease; }
#header .header_inner #nav ul li ul li a:after{position: absolute; display : block; content:''; width: 0%; height: 1px; bottom: -.25rem; left: 0; background-color: #ffb306; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease; transition: all 0.3s ease;}
#header .header_inner #nav ul li ul li a:hover{position: relative; color:#ffb306; }
#header .header_inner #nav ul li ul li a:hover:after{width: 100%;}

#header .header_inner #nav ul li.active ul li a strong{font-weight:normal;}

.bg_box{margin: 0 auto !important;  display:none; position: absolute; width: 100%; height: 17rem; top:5rem; z-index:10; box-sizing:border-box; border-top: 1px solid #DBDBDB; background-color:#f5f5f7; box-sizing: border-box; box-shadow:3px 15px 15px rgba(0,0,0,0.1);}
.bg_box .box_txt{width:1400px; margin: 0 auto; height: 100%;  position:relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: #ffb306; z-index: 1;}
.bg_box .box_txt h4{margin-bottom: 1rem;}
.bg_box .box_txt p{font-size: .95rem; font-weight: 300; line-height: 1.3;}
.bg_box .bg_img{position: absolute; left:0; top:0; width: 40%; height: 100%; z-index: -10; background:url("/images/default/content/menu_bg01.png") no-repeat top right;}


.sitemap{position:absolute; right:0; top: 2rem; width:5rem; height:2rem; line-height: 2rem; color: #fff; cursor:pointer; z-index:9999;text-align:center;}
.sitemap a{color: #fff;}
.sitemap a i{vertical-align: -2px !important;}


/*사이트맵 버튼*/
#header .btn-gnb-menu{display: none; position:absolute; right:0; top:.7rem; width:4.3rem; height:4.3rem; background: #ffb306; cursor:pointer; z-index:9999;text-align:center;}
#header .btnAll {position:relative; width:1.5rem; height:1.5rem; top:50%; transform:translateY(-50%);outline: none; z-index:9999;}
#header .btnAll span { display: block; width: 100%; height: 0.15rem; position: absolute; background-color: #fff; -webkit-transition: all 0.25s; transition: all 0.25s; }
#header .btnAll > span:nth-child(1) { top: 0; right:0;}
#header .btnAll > span:nth-child(2) { top: 0.5rem; right:0; width:1.1rem;}
#header .btnAll > span:nth-child(3) { top: 1rem; right:0; width:1.4rem;}
#header.open .btn-gnb-menu{display:block; background: transparent;}
#header.open .btnAll > span{background-color: #000;}
#header.open .btnAll > span:nth-child(1) { top: 0.5rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 1.5rem;}
#header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; width: 1.5rem;}
#header.open .btnAll > span:nth-child(3) { top: 0.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 1.5rem;}


/*사이트맵*/
#header #navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:0;  z-index:100; transition:right 0.45s;}
#header.open #navi{transition:right 0.45s; right:0px;}
#menuAll h3{text-align: center; font-size:1.6rem; padding-top:5rem;  line-height:1.5; margin-bottom:1.5rem; color:#111;font-weight:300;width:72%;margin-left:21%;}
#menuAll h3 em{display:block;color:#0068b7;font-weight:500;}
#menuAll .top_menu{display:none;}
#menuAll .mobile_top {width:72%; height:100%;position:relative; display: flex; flex-direction: column; }
#menuAll .mobile_top .mbtop{display: flex; flex-direction: row;justify-content: center;padding-left: 7rem;}
#menuAll .mobile_top .mbtop > li > a{position:relative;}
#menuAll .mobile_top .mbtop > li > a:after{content: ""; width: 12px;height: 12px;background: url("/images/default/content/sitemap_bg.png") no-repeat ;position: absolute;left: -0.8rem;top: 0.3rem;}
#menuAll .mobile_top ul li{flex-basis:25%;}
#menuAll .mobile_top ul li:last-child{padding-right:0rem;}
#menuAll .mobile_top ul li > a{display:block; font-size:1.4rem; font-weight:500;  padding:1rem 0 0 0;width:100%; ;position:relative;}
#menuAll .mobile_top ul li ul{margin-top:1.5rem;}
#menuAll .mobile_top ul li ul li{float:none; width:100%;position:relative; margin-top:1.5rem; margin-left:0;}
#menuAll .mobile_top ul li ul li:first-child{margin-top:0;}
#menuAll .mobile_top ul li ul li a{ display:block; font-size:0.9rem; color:#333; background:none; text-align: left; padding:0;color:#555;}
#menuAll .mobile_top ul li ul li a strong{font-weight:500;}
#menuAll .mobile_top ul li ul li a:hover{color:#053777;}
#menuAll .mobile_top ul li ul li ul{margin:20px 0 30px;}
#menuAll .mobile_top ul li ul li ul li{position:relative;margin-top:0.5rem;}
#menuAll .mobile_top ul li ul li ul li:before{width:4px; height:4px; border-radius:50%; left:4px;top:6px;display:block;position:absolute;background:#666;content:'';}
#menuAll .mobile_top ul li ul li ul li a{color:#888; font-weight:400;padding-left:0.85rem;position:relative;font-size:0.8rem;}
#menuAll .menubg{float:left;background: url("/images/default/content/bg_pattern.png") no-repeat center top;background-size:cover;height:100%;width:21%;position:relative;float:left;
animation: AnimationName 10s ease infinite;
}
/*배경 에니메이션*/
-webkit-animation: AnimationName 16s ease infinite;
 -moz-animation: AnimationName 16s ease infinite; 
-o-animation: AnimationName 16s ease infinite; 
animation: AnimationName 16s ease infinite; 

@-webkit-keyframes AnimationName { 
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%} 
} 

@-moz-keyframes AnimationName { 
0%{background-position:0% 50%}
 50%{background-position:100% 50%} 
100%{background-position:0% 50%} 
}

 @-o-keyframes AnimationName {
 0%{background-position:0% 50%} 
50%{background-position:100% 50%} 
100%{background-position:0% 50%} 
}

 @keyframes AnimationName { 
0%{background-position:0% 50%} 
50%{background-position:100% 50%} 
100%{background-position:0% 50%}
 }
#menuAll .sns_mobile{display: none;}
#menuAll .menubg:after{content : ""; display : block; position : absolute; right :-1rem; top:0; height: 12.85rem; width:14rem;background: url("/images/default/content/bg_potin01.png") no-repeat center top; }
#menuAll .menubg:before{content : ""; display : block; position : absolute; left :0rem; bottom:0; height: 12rem; width:16.4rem;background: url("/images/default/content/bg_potin02.png") no-repeat center top; }
#menuAll .menubg h3{color:#fff;vertical-align:middle;top:50%;left:50%;transform: translate(-50%, -50%);
position:absolute;margin-left:0;padding-top:0;}



/*서브 비주얼*/
#wrap #sepration { clear:both; height:500px; background:url('/images/default/content/sub_visual01.jpg') no-repeat center top;text-align:center; font-family:'Montserrat', 'Noto Sans KR', '나눔고딕',  'Dotum', '돋움', 'sans-serif';}
#wrap #sepration .section{width:1400px; margin:0 auto; padding-top:88px;opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px); -webkit-transition: 1s 0.4s;transition: 1s 0.4s;}
#wrap #sepration .section.on{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
#wrap #sepration h2{font-size:50px; letter-spacing: -0.02em;font-weight:600; color:#fff; text-shadow:1px 2px 3px rgba(0, 0, 0, 0.1);text-transform: uppercase; margin-top:20px;}
#wrap #sepration p{ font-size:17px; margin-top:20px;color:#fff;text-shadow:1px 2px 2px rgba(0, 0, 0, 0.1);letter-spacing: 0; line-height:1.5;  margin-top:100px;}

/* 왼쪽메뉴 */
.tab_view{display:none;}
.lm_bg {clear:both;  margin-top:-70px; position:relative; z-index:0;}
.lm_bg .left_menu {width:100%;}
.lm_bg .left_menu ul {width:1400px; margin:0 auto;text-align:center;}
.lm_bg .left_menu ul:after{content:'';display : block; position : absolute; top:0px; left:0;  width :100%; height : 1px; background : rgb(255,255,255,0.6);}
.lm_bg .left_menu ul li {width:20%; float:left; line-height:70px; height:70px;position : relative; box-sizing:border-box;}
.lm_bg .left_menu ul li a{ display:block; color : #fff; font-weight:500; font-size:18px; letter-spacing:-0.04em;  box-sizing:border-box;}
.lm_bg .left_menu ul li a:before{content:'';display : block; position : absolute; left:0; top:25%;width :1px; height : 50%; background :rgba(255,255,255,0.15);}
.lm_bg .left_menu ul li:first-child a:before{display:none;}
.lm_bg .left_menu ul li a strong{position:relative;  font-weight:500; display:inline-block; height:100%; }
.lm_bg .left_menu ul li.on{}
.lm_bg .left_menu ul li.on a{color:#fff;font-weight:600; z-index:1; background:rgb(0,0,0,0.5);}
.lm_bg .left_menu ul li.on a:after{content:'';display : block; position : absolute; top:0; left:0;  width :100%; height : 4px; background : #0745c2;z-index:1; }


#container #section .right_content .content_body {padding: 3rem 0; min-height:400px; overflow:hidden; }
#container #section .right_content .page_main_title{width:1400px; margin:0 auto; text-align:center; }
#container #section .right_content .page_main_title h3{color:#333;font-size:2.4rem;margin-bottom:3rem;}
#container #section .right_content .page_main_title p{text-align:left; font-size:0.8rem; }
#container #section .right_content .page_main_title p a{color:#999; margin:0 5px;}

/* 탭메뉴 */
.tab_menu{width:1400px; margin:0 auto; position:relative; z-index:0;margin-bottom:3.5rem;}
.tab_menu ul{text-align:center; overflow:hidden;}
.tab_menu ul li{float:left; width: 33.3333%;}
.tab_menu ul li a{display:inline-block; width:100%; border-bottom: 4px solid #E2E2E2; box-sizing:border-box; padding:1rem 0; text-align:center; font-size:1.1rem; color:#8f8f8f; font-weight:500;}
.tab_menu ul li.on a{border-color:#0043c7; color:#0043c7;}


/*컨텐츠*/
#container{margin:0; padding:0; position:relative;clear:both;z-index:0;}
#container .inn{width:1400px; margin:0 auto; position:relative; line-height:1.3; padding: 4rem 0;} 
#container .inn h3{font-weight: 600;}
#container img{vertical-align:middle;max-width:100%;}

#container .inn{display: flex; justify-content:space-between; align-items: stretch; box-sizing: border-box; }


/*푸터*/
#footer{clear:both; line-height:1.5;background-color:#fff; border-top: 1px solid #d3d3d3; color:#000; letter-spacing:0.02em; overflow: hidden;}
#footer .copyright{width:1400px; margin:0 auto; padding:2rem 0; font-size: .8rem; position:relative; display: flex; align-items: center;}
#footer .copyright h3{margin-bottom:0; width:25%;}
#footer .copyright h3 img{vertical-align:middle;}
#footer .copyright .f_info{flex:1;}
#footer .copyright .f_info li{position: relative; display: flex; flex-grow:1;}
#footer .copyright .f_info li p{position: relative; flex-shrink:0; margin-top:5px; font-weight: 400;}
#footer .copyright .f_info li p em{margin-right:.3rem; font-weight: 500;}
#footer .copyright .f_info li span{position: relative; margin:0 .6rem;}
#footer .copyright .f_info li span:after{position: absolute; content: ""; display: block; width: 1px; height: 40%; right: 0; top:60%; transform: translateY(-60%); background-color: #000;}
#footer .copyright .f_info li p:nth-of-type(1){width:50%;}

#footer .copy{position: relative; width:1400px; margin:0 auto; font-size: .8rem; padding:1rem; }
#footer .copy p{padding-left: 24.3%;}
#footer .copy:after{position: absolute; content: ""; display: block; width: 500%; height: 1px; top:0; left: 50%; transform: translateX(-50%); background-color: #ececec;}


/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1400px){
	/*탑메뉴*/
	#wrap{overflow-x:hidden;}
	#header .header_inner{width:100%;}
	#header .header_inner .top_menu {right: 1rem;}
	#header .header_inner{width:100%; padding:0 1rem;}
	#header .header_inner h1{left:1rem; width:9rem;}
	#header .header_inner #nav{margin-right: 6rem;}
	#header .header_inner #nav > ul > li > div > a {font-size: .95rem; margin: 0 3rem;}
	#header .header_inner #nav ul li ul li a{font-size:0.8rem;  margin:0 .5rem;}
	#header .header_inner .sitemap{right:1rem;}


	/*탑메뉴 2차*/
	.bg_box .box_txt{width:100%; margin: 0; padding:1rem 1rem 1rem 2rem;}
	.bg_box .bg_img{width: 35%;}

	#wrap .header_inner .sitemap p{right:10px;}
	#menuAll .mobile_top .mbtop{padding-left:5rem;}
	#menuAll .mobile_top ul {width:100%;}



	/* 탭메뉴 */
	.tab_menu{width:100%;}
	.tab_menu ul li a{font-size:1rem;}
	

	/*비주얼*/
	#visual .bxslider li .ptext,
	#visual .bx-wrapper .bx-pager{width: 100%; padding: 0 1rem;}
	#visual .bx-wrapper .bx-pager{width: 100%; left:0; margin-left:0;}

	/*왼쪽메뉴*/
	.lm_bg .left_menu ul{width:100%;}


	/*컨텐츠*/
	#container .inn{width:100%; padding: 4rem 2rem;}

	/*페이지 타이틀*/
		#container #section .right_content .page_main_title{width: 100%; padding: 0 1rem;}

	/*푸터*/
	#footer .copyright{width:100%; padding:2rem 1rem;}
	#footer .copyright h3{width:auto; margin-bottom:0.5rem;}
	#footer .copyright h3 img{width: 12rem;}
	#footer .copy{width:100%;}

}

@media (max-width:1200px){
	/*서브비쥬얼 텍스트*/
	#wrap #sepration .section{width:100%;}
	
	#wrap #sepration h2{margin-top:1rem;font-size:2rem;}

	/*탑메뉴 2차*/
	.bg_box .bg_img,
	.bg_box .box_txt{width: 30%;}
	.bg_box .box_txt p br{display: none;}

	

	/*푸터*/
	#footer .copyright{flex-direction: column;}
	#footer .copyright .f_info li p:nth-of-type(1){width:auto;}
	#footer .copy p{padding-left:0; text-align:center;}
}

@media (max-width:1100px){
	/*탑메뉴 2차*/
	.bg_box:after,
	.bg_box .box_txt{width: 25%;}
	.bg_box .bg_img{width:25%;}
}



/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){
	html{font-size:16px;}
    body{font-size:1rem}
	.web{display:none;}
    .tablet{display:block;}   
    
	/* 헤더 */
	#header h1 img,
	#footer h3 img{width: 14rem;}
	#header .header_inner {height: 4rem;}
	#header .header_inner .top_menu{display: none;}
	#header .header_inner #nav{display:none; }	
	#header .btn-gnb-menu{width:4rem; height:4rem;}
	

	/*사이트맵 버튼*/
	#header .btn-gnb-menu{display:block; position:absolute; right:0; top: 0; width:4rem; height:4rem; cursor:pointer; z-index:9999; text-align:center; }
	#header .btnAll {position:relative; width:1.5rem; height:1.3rem; top:50%; transform:translateY(-40%);outline: none; z-index:9999;margin-top:0;}
	#header .btnAll span { display: block; width: 100%; height: 0.12rem; position: absolute; background-color: #fff; -webkit-transition: all 0.25s; transition: all 0.25s; }
	#header .btnAll > span:nth-child(1) { top: 0;}
	#header .btnAll > span:nth-child(2) { top: 0.5rem; }
	#header .btnAll > span:nth-child(3) { top: 1rem;}
	#header.open .btn-gnb-menu{display:block; background: #0068b7;}
	#header.open .btnAll > span{background-color: #fff;}
	#header.open .btnAll > span:nth-child(1) { top: 0.5rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 1.5rem;}
	#header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; width: 1.5rem;}
	#header.open .btnAll > span:nth-child(3) { top: 0.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 1.5rem;}


	/*전체메뉴*/
	#header #navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:4rem; z-index:100; transition:right 0.45s;}
    #header.open #navi{transition:right 0.45s; right:0px;}
    #menuAll{display: block;}
    #navi h3{font-size:1.2rem;color:#fff; padding:1rem 0.75rem; line-height:1.3; font-weight:normal; margin:0; text-align: center;background: #FFB306; }
    #navi h3 em{font-weight:600;}
	#navi .top_menu{display:block; position:absolute; left:1rem; top:0;}
	#navi .top_menu li{display:inline-block; position:relative; height:4rem; line-height:4rem; padding-left:10px; }
	#navi .top_menu li a{color:#898989;}
	#navi .top_menu li a.select_btn{color:#0068B7;}
	#navi .top_menu li:after{position: absolute; content:''; display: block; left:0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: #D2D2D2;}
	#navi .top_menu li:first-child:after{display: none;}	
	#menuAll .menubg{display:none;}
	#menuAll .mobile_top{width:100%;height:auto; flex-direction: column;}
	#menuAll .mobile_top .mbtop{display: block;padding:0;}
	#menuAll .mobile_top .mbtop > li > a:after{display:none;}
	#menuAll .slogan{width:100%;margin-left:0;}


    /*1차*/
    #navi ul.mbtop {width:100%; margin:0; padding:0;}
    #navi ul.mbtop li {margin:0; float:none; width:100%; padding-right:0; border-bottom:1px #eeeeee solid; position:relative; }
	#navi ul.mbtop li:after{ content :"\e941"; display : block; position : absolute; right:1rem;  top:15px;font-family:'xeicon'; font-weight:500; }

    #navi ul.mbtop li a {padding:0; background: none; text-align:left; display:block; width:100%; padding:15px 1rem;box-sizing:border-box; font-size:1.15rem;  color:#262626;}
    #navi ul.mbtop li.open_li{ position:relative;}
    #navi ul.mbtop li.open_li:after{ content :"\e944";}
   
    /*2차*/
    #navi ul.mbtop li ul {display:none; float:none; background-color:#f5f6f7; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible;  padding:1rem 1rem; margin-top:0;}
    #navi ul.mbtop li ul li {float:none;border:none; box-sizing:border-box;  background: none; padding-left:0;}
    #navi ul.mbtop li ul li a {color:#262626; background:url(none);  height:auto; padding-left:0;  font-size:1.1rem; font-weight:500;}
    #navi ul.mbtop li ul li:after,
	#navi ul.mbtop li ul li:before{display:none;}

    /*3차*/
    #navi ul.mbtop li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
    #navi ul.mbtop li ul li ul li {display:none;}

	#menuAll .mobile_top > ul > li:nth-child(2) > a{ background: #fff; }
	#menuAll .mobile_top > ul > li:nth-child(3) > a{ background: #fff; }
	#menuAll .mobile_top > ul > li:nth-child(4) > a{ background: #fff; }
	#menuAll .mobile_top > ul > li:nth-child(5) > a{ background: #fff; }

	#navi ul.mbtop li.open_li > a {color:#0068B7;}


	/* 서브비주얼 */	
	#wrap #sepration{height:18rem;}
	#wrap #sepration p{margin-top:0rem;font-size:0.9rem;}

	/* 서브메뉴 */	
	.lm_bg{margin-top:-3rem; border-top:none;z-index:10;}
	.tab_view{display:block; cursor:pointer;background:rgb(0,0,0,0.5); background-size:12px auto;padding:1rem .75rem; font-size:1.1rem; box-sizing:border-box; color:#fff; box-sizing:border-box; padding-left:1rem; font-weight:normal; position:relative; text-align: left;}
	
	.tab_view span{position:absolute; top:50%; right:1rem; margin-top:-4.5px; display:block; }
	.tab_view span img{width:13px;}
	.tab_view.on{cursor:pointer; }
	.tab_view.on span img{transform:rotateX(180deg);}
	.left_menu {position:relative;box-sizing:border-box; height:0; width:100%;}
	.left_menu ul{display:none; z-index:100;position:absolute;width:100%;left:0;  margin:0 auto; line-height:0; background:#383838;box-sizing:border-box; padding:1rem .75rem;box-shadow: 6px 6px 6px 0px rgba(25, 25, 25, 0.15);-webkit-box-shadow:   6px 6px 6px 0px rgba(25, 25, 25, 0.15);	-moz-box-shadow:  6px 6px 6px 0px rgba(25, 25, 25, 0.15);}
	.lm_bg .left_menu ul:after{display:none;}
	.lm_bg .left_menu ul li {width:100% !important;border:none !important;height:auto; line-height:auto; margin-left:0; vertical-align:middle; box-sizing:border-box; }
	.lm_bg .left_menu ul li a {display:block; padding:.75rem .75rem;line-height: 1.0; height: auto;  font-weight:500; font-size:1.1rem; color:#888;text-transform:capitalize; }
	.lm_bg .left_menu ul li a:before{display:none;}
	.lm_bg .left_menu ul li strong{ font-weight:500;} 
	.lm_bg .left_menu ul li.on a:before{display:none;}
	.lm_bg .left_menu ul li.on a{background:none; color:#fff;}
	.lm_bg .left_menu ul li.on a:after{display:none;}

	/* 탭메뉴 */	
	.tab_menu{margin:2rem 0;}
	.tab_menu ul{display:flex; align-items: center; flex-flow: row wrap; justify-content: space-evenly; }



	/*비주얼*/
	#visual .bxslider li{height:36rem;}
	#visual .bx-wrapper .bx-controls{bottom: 7rem;}


	/*컨텐츠*/
	#container #section .right_content .content_body{padding:3rem 0;}
	#container .inn {padding: 3rem 1.5rem;}

}


/********************************************************
■ 모바일
********************************************************/
@media (max-width:767px){
	html{font-size:15px;}
    body{font-size:1rem}
	.mob{display:block;}

	/*탑메뉴*/
	#wrap{font-size:1rem;}	
	#header h1{left: 1rem;}
	#header h1 img,
	#footer h3 img{max-width: 9rem;}
	#header .header_inner{height:3.6rem;}
	#header #navi{padding-top:3.6rem;}
	#header .btn-gnb-menu{width:3.6rem; height:3.6rem;}


	/*전체메뉴*/
	#menuAll .sns_mobile li a{height: 3.6rem; line-height: 3.6rem;}
	#menuAll .sns_mobile li:last-child a{line-height: 3.7rem;}
	

	/*비주얼*/
	#visual .bxslider li{height:32rem;}
	#visual .bx-wrapper .bx-controls{bottom: 5rem;}

	/*탭메뉴*/
	.tab_menu ul li a{display:block; text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center; align-items: center; height:50px; line-height:1.1;}

	/*컨텐츠*/
	#container .inn {padding: 3rem 1rem;}
	#container #section .right_content .page_main_title h3{margin-bottom:2rem;font-size:1.4rem;}


	/*푸터*/
	#footer .copyright h3 {margin-right:0;}
	#footer .copyright .f_info li{padding-left: 0; display: flex; flex-direction: column; margin-bottom: .5rem;}
	#footer .copyright .f_info li:last-child{margin-bottom: 0;}
	#footer .copyright .f_info li p:first-of-type {position: relative; display: block;}
}


@media (max-width:480px){
	/*비주얼*/
	#visual .bxslider li .ptext p br{display: none;}
}