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

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

h2{font-size:2.5rem;}
h3{font-size:2rem;}
h4{font-size:1.6rem; font-weight: 500; line-height: 1.2; margin-bottom: 1.5rem;}
h5{font-size:1.2rem; }


/*탑메뉴*/
#wrap{ position:relative; overflow:hidden;}
#wrap img { border:none; }
#wrap i{vertical-align:middle;}

#header{position:relative; width:100%; z-index:100;-webkit-transition:all .3s;transition:all .3s; background: #fff; z-index: 100;}
#header h1{position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:100;}
#header h1 img,
#footer h3 img{width:16rem;}
#header .header_inner{position:relative; width:1400px; margin:0 auto; height:4.3rem; }
#header .header_inner:after{content:""; display:block; clear:both;}

/*탑메뉴*/
#header .header_inner #nav {text-align:right; margin-right:4.3rem;}
#header .header_inner #nav ul {clear:both;  position:relative; box-sizing:border-box;}
#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: .4rem; height: .4rem; border-radius: 50%; overflow: hidden; right:0; top: 50%; transform:translateY(-50%);}
#header .header_inner #nav > ul > li:nth-of-type(1):after{background-color: rgb(219, 20, 15);}
#header .header_inner #nav > ul > li:nth-of-type(2):after{background-color: rgb(255, 204, 0);}
#header .header_inner #nav > ul > li:nth-of-type(3):after{background-color: rgb(0, 0, 255);}
#header .header_inner #nav > ul > li:last-child:after{background: none;}
#header .header_inner #nav ul li  a{text-align:center; font-weight: 500; font-size:1.25rem; display:inline-block; height:4.3rem; line-height:4.3rem; text-transform: uppercase; position:relative;margin:0 2.4rem;}
#header .header_inner #nav ul li  a strong{font-weight: 600; }
#header .header_inner #nav ul li.active a{color:#00a8ff;}
#header .header_inner #nav ul li.active a:before{width:100%; left:0%;}


/*탑메뉴 2차*/
#header .header_inner #nav ul li ul {z-index: 100; display:none; position: absolute; width:100%; height: 14rem;  left:0; top:4.3rem; box-sizing:border-box; padding:2rem 0;   border-top:none; text-align:center; background-color:#f5f5f7;}
#header .header_inner #nav ul li ul li {display:block;margin:0; margin-bottom:1rem; line-height:1; padding:0 1rem;}
#header .header_inner #nav ul li ul li a{display:block;  font-size:0.95rem; margin:0;  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: #00A8FF; -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:#00A8FF !important; }
#header .header_inner #nav ul li ul li a:hover:after{width: 100%;}
#header .header_inner #nav ul li.active ul li a{color:#000;}
#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: 14rem; top:4.3rem; z-index:10; box-sizing:border-box;background-color:#f5f5f7; box-sizing: border-box; box-shadow:3px 15px 15px rgba(0,0,0,0.1);}
.bg_box .box_img{width:1400px; margin: 0 auto; height: 100%;  position:relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: #fff; z-index:0; background-color:#f5f5f7; padding-left:1rem;}
.bg_box .box_img:after{position: absolute; content:''; display : block; top:0; left: -26%; width: 818px; height: 100%; background: url("/images/default/main/tsm_bg.jpg") no-repeat center top;  z-index:-1;}
.bg_box .box_img h4{margin-bottom: 1rem;}
.bg_box .box_img p{font-weight: 300; line-height: 1.5; font-size:0.75rem;}


/*사이트맵 버튼*/
#header .btn-gnb-menu{position:absolute; right:0; top:0; width:4.3rem; height:4.3rem; background: #00a8ff; cursor:pointer; z-index:9999;text-align:center;}
#header .btnAll {position:relative; width:1.5rem; height:1.5rem; top:50%; transform:translateY(-40%);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: #fff;}
#header.open .btnAll > span{background-color: #00a8ff;}
#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; font-weight:300; padding-top:6rem;  line-height:1.5; margin-bottom:4rem; color:#111;}
#menuAll h3 em{display:block;color:#00a8ff; font-weight:500;}
#menuAll .mobile_top {width:72%; height:100%;position:relative; display: flex; flex-direction: row; 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: 23px;height: 2px;background: #59514e;position: absolute;left: 0;top: 3.5rem}
#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.3rem; font-weight:500;  padding:1rem 0;width:100%; ;position:relative;}
#menuAll .mobile_top ul li ul{margin-top:2rem;}
#menuAll .mobile_top ul li ul li{float:none; width:100%; position:relative; margin-top:20px; 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:1rem;font-weight:300; color:#333; background:none; text-align: left; padding:0;color:#666;}


#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:before{width:4px; height:4px; border-radius:50%; top:8px;}
#menuAll .mobile_top ul li ul li ul li a{color:#777; font-weight:400;}
#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; font-family: 'Montserrat', serif;}



/* 서브비주얼 */
#sepration { width:100%; height: 16.9rem; position:relative;background: url("/images/default/content/sub_visual01.jpg") no-repeat center top; background-size:cover; display:flex; flex-direction: column; justify-content: flex-end;}
#sepration .section{width: 1400px; margin:0 auto; box-sizing:border-box; position: relative; height: 100%; display:flex; align-items: center; justify-content: center; flex-direction: column; text-align:center; opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px); -webkit-transition: 1s 0.4s; transition: 1s 0.4s;}
#sepration .section.on{opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}

#sepration .section h2{line-height:1.0; font-weight:600; color: #fff; letter-spacing: 1px; font-size:2.3rem;}
#sepration .section p{ margin-top: 1rem; line-height:1.5;  color: #fff; font-size: 1.1rem; }
#sepration .section p .for_web{display: block;}

/* 왼쪽메뉴 */
.tab_view{display:none;}
.lm_bg {clear:both; position:relative; border-bottom:1px solid #B5B5B5;}
.lm_bg .left_menu {width: 100%; }
.lm_bg .left_menu ul {width:1400px; margin:0 auto;  text-align:center; font-family: 's-core-dream'; }
.lm_bg .left_menu ul:after{content:'';display : block; clear:both;}
.lm_bg .left_menu ul li{position: relative; width:20%; float:left;position : relative; box-sizing:border-box;}
/* .lm_bg .left_menu ul li:after{position: absolute; content: ""; display: block; width: 1px; height: 30%; right:0; top:50%; transform: translateY(-50%); background-color:#666;} */
.lm_bg .left_menu ul li a{ display:block; line-height:3.8rem; height:3.8rem; color : #595757; font-weight:500; font-size: 1.05rem;  box-sizing:border-box; z-index:10;}
.lm_bg .left_menu ul li a strong{position:relative;  font-weight:500; display:block; height:100%; z-index:10;}
.lm_bg .left_menu ul li:last-child:after,
.lm_bg .left_menu ul li.on:after{background: none;}
.lm_bg .left_menu ul li.on{position: relative;}
.lm_bg .left_menu ul li.on a{color:#00a8ff; z-index:10; position : relative;}
.lm_bg .left_menu ul li.on a:after{content : ""; display : block; position : absolute; left :0; bottom:-1px; height: 2px; width:100%; background-color: #00a8ff;}
.lm_bg .left_menu ul li.on a:before{content : ""; display : block; position : absolute; left :50%; transform: translateX(-50%); bottom:1px; height: 5px; width:12px; background: url("/images/default/content/lm_on.png") no-repeat center top;}


/* 탭메뉴 */
.tab_menu{width:1400px; margin:0 auto; margin-bottom:5.5rem; }
.tab_menu ul{overflow: hidden; display: table; position: relative; width: 100%; height: 2.7rem; display: flex; flex-direction: row; justify-content: center; }
.tab_menu ul li{width:10rem; height: 2.7rem; text-align: center; vertical-align: top; font-size: 1rem;}
.tab_menu ul li a{ display: block;  height: 2.6rem; border: 1px solid #ddd;   border-left: 0; background-color: #fff; color: #666; line-height: 2.6rem; vertical-align: top;    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab_menu ul li.on a{position: relative; background:#000; line-height: 2.4rem; border: 2px solid #000; border-bottom: 0; color: #fff;}
.tab_menu ul li:first-child a {border-left: 1px solid #ddd;}
.tab_menu ul li.on:first-child a {border-left: 2px solid #000;}
.tab_menu ul li strong{font-weight:500;}


/* 컨텐츠영역 */
#container { margin:0; padding:0; position:relative; z-index:0; clear:both;}
#container #section .right_content {width:100%;  min-height:20rem;}
#container #section .right_content .page_main_title{text-align: center; margin-bottom: 4rem;}
#container #section .right_content .page_main_title h3 span{font-weight: 500; line-height:1; display: flex;flex-direction: column; justify-content: center; align-items: center; }
#container #section .right_content .content_body {padding:4rem 0px 5rem; font-size:.85rem;}



/*푸터*/
#footer{ clear:both; line-height:1.5;background-color:#313131; color:#fff; font-size:.85rem; letter-spacing:0.02em; position:relative;}
#footer .copyright { width:1400px; margin:0 auto; padding:3.1rem 0;position:relative;  overflow:hidden;}
#footer h3{float:left;}
#footer .f_txt{float:right; text-align:right;}
#footer .copyright p{font-weight: 200;}
#footer .copyright p span{margin:0 .5rem; }
#footer .copyright .copy{margin-top:10px; color: #939998; font-weight:100;}



/* =============================================================================
  통합검색
   ========================================================================== */
.global_search{margin-top:2rem;}
.cate_area{ box-sizing:border-box; border-top:2px solid #21416A; border-bottom:1px solid #d0d0d0; margin-bottom:2rem;}
.search_all{overflow:hidden; width:35%; margin:0 auto; margin-bottom:3rem;border:2px solid #FE8182; position:relative;}
.search_all .searchBox  select::-ms-expand {  display: none;    -webkit-display: none;    -moz-display: none;    -o-display: none;    -ms-display: none;}
.search_all .searchBox select.total_select{ border: 0 none;  padding: 0;  margin: 0;  background: transparent;  outline: none; height:2.5rem; line-height:2.5rem;  padding-right:2.5rem; padding-left:15px; border:none; background-image:none;   -webkit-appearance: none;    -moz-appearance: none;    -o-appearance: none;	-ms-appearance: none;	background: #fff url('/images/default/content/sel_icon.png') no-repeat right center; width:100px;}
.search_all .searchBox{border-right:none;width:calc(100% - 2.5rem);  float:left;box-sizing:border-box;}
.search_all .searchBox input.keyWord{ height: 2.5rem; line-height: 2.5rem; background:transparent; border:none;width:calc(100% - 140px);  padding-left:10px;}
.search_all input.btnSearch{position:absolute; right:0.5rem;top:50%; transform:translateY(-50%); }

.tit-search h2{text-align:center; font-size:25px; font-weight:500;}
.tit-search h2 span{color:#000;}
.tit-search h2 em{color:#109BFC;}
.cate_area h2{font-size:1.1rem; font-weight:bold; color:#212121;background:url('/images/default/content/search_tit.gif') no-repeat left center; padding:15px 25px;}
.cate_area .folding{position:relative; padding:10px 0px 0px; 0px;}
.cate_area .folding h3{position:absolute; left:50%; margin-left:-52px; bottom:-27px; cursor:pointer; }
.cate_area .pt{padding-bottom:35px;}
.cate_area .pt ul{overflow:hidden; font-size:0.85rem;}
.cate_area .pt ul li{float:left; width:25%; margin-top:10px; background:url('/images/default/content/ser_bul.gif') no-repeat left center; padding-left:18px; box-sizing:border-box;}
.cate_area .pt ul li a em{color:#7c7c7c; margin-left:0.25rem; font-size:0.8rem;}
.cate_area .pt ul li.on a{color:#109BFC; font-weight:bold;}


.sr_result{position:relative; }
.con .sr_result h3{margin-bottom:10px; font-size:1.2rem; color:#212121; font-weight:normal; margin-top:1rem !important; padding:0;}
.con .sr_result h3:before{display:none;}
.con .sr_result h3 span{color:#FE8182;}
.sr_result p.more{position:absolute; top:0px; right:0px;}
.sr_result p.gal_tit a{color:#333 !important; font-weight:500; font-size:18px;background:url('/images/default/content/dot.gif') no-repeat left 10px; padding-left:10px; display:inline-block;}
.sr_result .gal_con{word-break:break-all; color:#848484; font-size:16px;margin:8px 0px; margin-left:10px;}
.sr_result .date{background: url('/images/default/content/date.gif') no-repeat 0 center; padding-left:20px;font-size:12px; color:#adadad;padding-top:2px; }
.sr_result .sdate{margin-left:10px;}
.sr_result p.smore{position:absolute; top:0; right:0;}

.sr_result .tb_wrap {background:url('/images/default/content/dot_line2.gif') repeat-x left bottom; padding-bottom:1rem;}
.sr_result .tb_view{border-collapse: collapse;	border-spacing: 0; table-layout:fixed;}
.sr_result table.online_tb{border-bottom:solid 1px #e4e4e4;}
.sr_result .tb_view thead th{color: #818181; font-weight: bold; padding:11px 15px; font-size: 14px; text-align:left; vertical-align:middle; border-bottom:1px solid #e4e4e4;}
.sr_result .tb_view tbody th{ color:#a1a6a9; font-weight:bold;  padding:11px 15px; text-align:left;background: url('/images/default/content/th.gif') no-repeat right center; font-size:12px; }
.sr_result .tb_view tbody td{padding:12px 10px;color:#818181; line-height: 20px; font-size:13px;}
.sr_result .tb_view tbody td.attached a{font-size:12px; text-decoration:underline !important;}
.sr_result .tb_view tbody td.date{font-size:12px; text-align:center;}
.sr_result .tb_view tbody td.view{background: url('/images/default/content/th.gif') no-repeat left center; font-size:12px;text-align:center;}
.sr_result .tb_view tbody .vbar{background: url('/images/default/content/th.gif') no-repeat right center; font-size:12px;text-align:center;}


.no_result{text-align:center; font-size:18px; color:#848484;}
.no_result b{color:#212121; font-size:30px; font-weight:bold; line-height:50px;}



/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1400px){
	#wrap{overflow-x:hidden;}	
	#header .header_inner{width:100%;}
	#header h1 img,
	#footer h3 img{width: 14rem;}


	/*탑메뉴*/	
	#header .header_inner{width:100%; padding:0 1rem;}
	#header .header_inner h1{left:1rem;}
	#header .header_inner #nav{margin-right:3.3rem;}
	#header .header_inner #nav ul li a {margin:0 2rem; font-size:1.05rem;}
	#header .header_inner #nav ul li ul li a{font-size:0.85rem;}
	

	/*탑메뉴 2차*/
	#menuAll .mobile_top .mbtop{padding-left:5rem;}
	#wrap .header_inner .sitemap p{right:10px;}

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


	/* 탭메뉴 */
	.tab_menu{width:100%; }


	/*서브비주얼*/
	#sepration .section{width:100%;}
	.section_lnb>.inr{width:100%; padding:0 1rem;}

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

	/*푸터*/
	#footer .copyright{width:100%; padding:2rem 1rem;}
}

@media (max-width:1200px){
	/*탑메뉴 2차*/
	.bg_box:after{width: 35%;}
	.bg_box .box_img p{font-size:0.75rem;}
}


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


	/*사이트맵 버튼*/
	#header .btn-gnb-menu{display:block; position:absolute; right:0; bottom: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(-50%);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: #00a8ff;}
	#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; padding:1rem 0.75rem; line-height:1.3; color:#fff; font-weight:normal; margin:0; text-align: center;background: linear-gradient(to left, #8FD9FF, #00A8FF); }
    #navi h3 em{font-weight:600;color:#fff;}
	#menuAll .menubg{display:none;}
	#menuAll .mobile_top{width:100%; height:auto; flex-direction: column;}
	#menuAll .mobile_top .mbtop{padding:0;}
	#menuAll .mobile_top .mbtop{flex-direction: column;}
	#menuAll .mobile_top .mbtop > li > a:after{display:none;}
	
    /*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:#109BFC;}


	/* 서브메뉴 */	
	.tab_view{display:block; cursor:pointer;background:#00a8ff;; background-size:12px auto;padding:1rem .75rem; font-size:1.1rem; box-sizing:border-box; color:#fff; box-sizing:border-box; padding-left:0.75rem; font-weight:normal; position:relative; text-align: center;}
	.tab_view i{position:absolute; top:17px; right:1rem; }
	.tab_view.on{cursor:pointer; }
	.tab_view.on i{transform:rotateX(180deg);}
	.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:10;position:absolute;width:100%;left:0; top: 0; margin:0 auto; line-height:0; background:#f7f8f9;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 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 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:#00a8ff;}
	.lm_bg .left_menu ul li.on a:after{display:none;}
	.lm_bg .left_menu ul li:after {background: none;}

	/*서브비주얼*/
	#sepration {height:16rem;}
    #sepration .section{height: 16rem;}

	/* 컨텐츠 */	
	#container{margin-top: 0;}
	#container #section .right_content .page_main_title{margin-bottom: 2.5rem; }
	#container #section .right_content .page_main_title h3{font-size: 1.5rem;}
	#container #section .right_content .content_body {padding:3rem 0 4rem;}

	input, textarea, select{font-size:1rem;}
}


/********************************************************
■ 모바일
********************************************************/
@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: 11rem;}
	#header .header_inner{height:3.6rem;}
	#header #navi{padding-top:3.6rem;}
	#header .btn-gnb-menu{width:3.6rem; height:3.6rem;}

	

	/*서브비주얼*/
	#sepration {height:11rem;}
    #sepration .section{padding:0 1rem;}
    #sepration .section h2{font-size: 1.6rem;}
	#sepration .section p{font-size: 0.9rem;}


	/* 푸터 */
	#footer{ font-size:.9rem;}
	#footer h3,
	#footer .f_txt{float:none; }
	#footer .f_txt{text-align:left; margin-top:10px;}

	/*검색*/
	.search_all{width:100%;}
	.search_all input.btnSearch{width:2rem;}
	.cate_area .pt ul li{width:33.33%;}
	.tit-search h2{line-height:1.3;}
	.cate_area .pt ul{font-size:0.7rem;}
}