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

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

h2{font-size:2.5rem;}
h3{font-size:2.2rem;margin-bottom: 30px;}
h4{font-size:1.3rem; margin-bottom: 0.6rem; color:#555;}
h5{font-size:1rem; color:#555;}


#wrap{ position:relative; overflow:hidden;}
#wrap img { border:none;max-width:100%;}
#wrap i{vertical-align:middle;}

#header{width:100%;z-index:100;/* -webkit-transition:all .3s;transition:all .3s; */position: fixed;left:0;top:0;background:#fff;}
#header.shadow {
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
	position:fixed;
}
#header .header_inner{position:relative;width: 100%;margin:0 auto;display: flex;align-items: flex-start;padding-left: 15px;}
#header .header_inner:after{content:""; display:block; clear:both;}
#header .header_inner h1{text-align:center;}
#header .header_inner h1 a {display:flex; align-items:center;}
#header .header_inner h1 img{}

.gnb {
	display:flex;
	justify-content: flex-end;
	align-items: center;
	padding: 5px 0px;
	gap: 0px 30px;
	margin-right: 30px;
}
.gnb li {
    font-size: 14px;
}
.gnb li a{
    font-size: 14px;
}
#header .header_inner .top_menu{font-weight:500;letter-spacing:0.02em;width: 250px;margin-top: 15px;}
#header .header_inner .top_menu ul{position:absolute; right:0; top:50%; transform: translateY(-50%);}
#header .header_inner .top_menu li{position: relative; display:inline-block; margin-right: 1.2rem; color: #ff9d02; }
#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:#fff; font-weight: 200; font-family: 'DM Sans', sans-serif;}


.search_wrap{position:absolute; left:0; top:50%; transform: translateY(-50%);}
.search_area{width: 9rem; border-radius: 1rem; overflow: hidden; position: relative; display:inline-block; vertical-align:middle;}
.search_area label{display:none;}
.search_area input.insearch{  float: left;  font-size:0.7rem; display: inline-block;  margin: 0;  padding: 0 0 0 20px;  width:calc(100% - 2rem);  height:1.5rem;  line-height: 1.5rem;  border: none;   color: #4B4F58; background-color:#fff ;font-weight: 400; box-sizing:border-box; border-radius:0;}
.inbtn {  float: left;  display: inline-block;  margin: 0;  padding: 0 0 0px 0;  border: none;  color: #999;   text-align: center;}
 a.inbtn {  padding: 0 0 0 0;  width: 2rem;  height:1.5rem; background-color:#fff;line-height: 1.5rem;  color:#fff; font-size:0; background: #fff url("../../../images/gj/main/search.png") no-repeat center center; background-size:.9rem .9rem;}

.search_wrap p{display:inline-block; margin-left:20px; height:30px; line-height:30px; vertical-align:middle;}
.search_wrap p a{color:#fff;}


.main_menu{/* position:relative; */display:flex;width: calc(100% - 330px);padding: 0px 5%;max-width: 70%;margin: 0 auto;}
#wrap #header #nav {padding:0px;position: relative;text-align:center;width: 100%;}
#wrap #header #nav > ul {clear:both;display: flex;justify-content: space-around;margin: 0 auto;}

#wrap #header #nav > ul li {list-style:none;font-size:1rem;font-weight:500;flex: 1;}
#wrap #header #nav > ul li div a{color:#222;position:relative;height:80px;line-height:80px;display:block;text-align: left;
	

}
#wrap #header #nav > ul > li > div > a {
	background:url(../../../images/gj/content/menu-symbol.svg) no-repeat left center;
	padding-left:30px;
	background-size:25px;
}

#wrap #header #nav ul li .slideMenu> ul > li > a::before {
	position:absolute;
	bottom:0;
	content:'';
	height:2px;
	width:0px;
	transition:all 0.4s;
}
#wrap #header #nav ul li .slideMenu> ul > li > a:hover::before {
	width:100%;
}
#wrap #header #nav > ul li:first-child:hover div > a {
	color: #f17a7a; 
}
#wrap #header #nav ul li:first-child .slideMenu> ul > li > a:hover::before{background:#f17a7a}
 #wrap #header #nav > ul li:nth-child(2):hover div > a {
	color: #e7995a; 
	
}
/*#wrap #header #nav > ul li:nth-child(2):hover div > a:after {
	 background-color:#e7995a;
	
} */
#wrap #header #nav ul li:nth-child(2) .slideMenu> ul > li > a:hover::before{background: #e7995a; }
#wrap #header #nav > ul li:nth-child(3):hover div > a {
	color: #9fc55e; 
	
}

#wrap #header #nav ul li:nth-child(3) .slideMenu> ul > li > a:hover::before{background: #9fc55e; }
#wrap #header #nav > ul li:nth-child(4):hover div > a {
	color: #74add9; 
	
}
#wrap #header #nav ul li:nth-child(4) .slideMenu > ul > li > a:hover::before{background: #74add9;}
#wrap #header #nav > ul li:nth-child(5):hover div > a {
	color: #9d8ad6;
	
}
#wrap #header #nav ul li:nth-child(5) .slideMenu > ul > li > a:hover::before{background:#9d8ad6;}
@keyframes scale1 {
  0%   { transform: scaleX(0) }
  100%  { transform: scalex(1) }
}
#wrap #header #nav:hover > ul li .slideMenu{
	display:block;
}
#wrap #header #nav ul li .slideMenu{height:0;box-sizing:border-box;background: #fff; display:none;}
#wrap #header #nav:hover ul li .slideMenu {opacity:1; height:auto; display:block;}
#wrap #header #nav ul li .slideMenu:before{display:none;}
#wrap #header #nav:hover ul li .slideMenu:before{content : "";display : block;position : absolute;left :-50%;top:0;width : 200%;height : 100%;background: #fff;z-index:-1; box-shadow: 0 20px 20px 0px rgba(0,0,0,0.05);}
#wrap #header #nav ul li .slideMenu .mainTitle{display:none;position:absolute;left:0;top:65px;font-size:28px;color: #222;font-weight:400;}
#wrap #header #nav ul li .slideMenu ul {width:100%;top:-600px;padding: 0px 0 30px;margin-right:0;text-align:left;box-sizing:border-box;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}

/* #wrap #header #nav ul li .slideMenu.on{opacity:1; height:auto;}
#wrap #header #nav ul li .slideMenu.on ul{top:0px;display:flex;position: static;} */
#wrap #header #nav ul li .slideMenu ul li {width: 100%;padding: 6px 0px;border:none;position:relative;flex:0 0 33.33333%;text-align: left;}
#wrap #header #nav ul li .slideMenu ul li a{display: inline-block;color: #222;font-weight:400;font-size:0.85rem;letter-spacing:-0.05em;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;height: auto;line-height: unset;padding: 5px 10px 5px 0px;text-align: left;}
#wrap #header #nav ul li .slideMenu ul li a.tour {
	padding-right:22px;
	background:url(../../../images/gj/content/share_icon.png) no-repeat right center;
	background-size:14px;
}
#wrap #header #nav ul li .slideMenu ul li a.plus {
	padding-right:16px;
	background:url(../../../images/gj/content/plus.png) no-repeat right 2px center;
	background-size:10px;
}
#wrap #header #nav ul li .slideMenu ul li ul{position:absolute;left:0;top:60px !important;padding:0;flex-direction: column;}
#wrap #header #nav ul li .slideMenu ul li ul:before{display:none !important;}
#wrap #header #nav ul li .slideMenu ul li ul li{float:none; display:block; width:100%;  height:auto !important; padding:0 0.5rem; margin-top:15px; margin-left:1.5rem;position:relative;}
#wrap #header #nav ul li .slideMenu ul li ul li:before{ content : ""; display : block; position : absolute; left :0; top:50%;  margin-top:-2px; width : 3px; height :3px; background : #666; border-radius:50%; }
#wrap #header #nav ul li .slideMenu ul li ul li a{width:auto; height:auto; line-height:1; border:none; font-size:0.75rem; padding:0; text-align:left;}
#wrap #header #nav ul li .slideMenu ul li ul li a:hover{border:none;  text-decoration:underline !important;}
#wrap #header #nav ul li .slideMenu ul li ul li ul li {display:none;}
#wrap #header #nav ul li .slideMenu ul li strong{font-weight:400;}

#wrap #header #nav ul li .slideMenu ul.secondUL {display:none;}

#header .btn-gnb-menu{position:absolute;right: 0;top: 0;cursor:pointer;z-index:1000;text-align:center;width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;}
#header .btnAll {width:1.5rem;height:1.1rem;outline: none;z-index:1000;position: relative;display: flex;}
#header .btnAll span { display: block; width: 100%; height: 0.1rem; position: absolute; background-color: #222;}
#header .btnAll > span:nth-child(1) { right: 0; top: 0; width:1.0rem;}
#header .btnAll > span:nth-child(2) { right: 0; top: 0.5rem; width:1.5rem;}
#header .btnAll > span:nth-child(3) { right: 0; top: 1rem; width:1.0rem;}
#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: 2.5rem;}
#header.open .btnAll > span:nth-child(3) { top: 0.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 1.5rem;}
#header.open .btn-gnb-menu{right:-3rem;right: 0;top: 0;position: fixed;}
#header .btn-gnb-menu.sitemap{display:block;}

#header .m_util{display:none}
#header .m_search_box{display:none}


#header #navi{display: none; position:fixed; left:0; top:0; width:100%; height:100%; padding-top:0; z-index:100; opacity: 0; -webkit-transition: all 0.25s; transition: all 0.25s;}
#header.open #navi{display: block; opacity: 1; -webkit-transition: all 0.25s; transition: all 0.25s;}
.dim_layer{display: block; position:fixed; top:0;left:0;width:100%;height:100%; background: rgba(0, 0, 0, 0.95); z-index:-1; }

#menuAll h3{text-align: center;line-height:1.3;margin-bottom:2rem;color:#111;display:none;}
#menuAll .slogan{width: 100%;}
#menuAll h3 em{font-family:'Noto Sans KR'; font-weight: 400; color:#fff;}

#menuAll #navi{overflow-Y: scroll; padding-top: 3rem;}
#menuAll #navi{-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
#menuAll #navi::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}

#menuAll .mobile_top {width:100%; float:right; height:100%;position:relative;}
#menuAll .mobile_top .mbtop{width: 1400px; display:flex;flex-direction:row;flex-wrap:wrap; margin: 0 auto;}
#menuAll .mobile_top .mbtop a{color: #fff;}
#menuAll .mobile_top .mbtop > li > a{position:relative;}
#menuAll .mobile_top .mbtop > li > a:after{content: ""; width: 100%;height: 2px;background: #fff;position: absolute;left: 0;bottom:0;}
#menuAll .mobile_top .mbtop > li{margin: 2rem 1% 0; margin-bottom:3rem;width:18%;}
#menuAll .mobile_top .mbtop > li > a{display:block; font-size:1.1rem; font-weight:500;  padding:0 0 1rem 0 ;width:100%; ; font-family: 'Noto Sans KR';position:relative;}
#menuAll .mobile_top .mbtop > li > div > ul{margin-top:1rem;}
#menuAll .mobile_top .mbtop > li > div > ul > li{float:none; width:100%;position:relative;margin-top:1.5rem;}

#menuAll .mobile_top .mbtop li ul > li:first-child{margin-top:0;}
#menuAll .mobile_top .mbtop li ul li a{ display:block; font-size:0.8rem; color: #ddd; background:none; text-align: left; padding:0;font-family: 'Noto Sans KR';}
#menuAll .mobile_top .mbtop li ul li a:hover{color:#fff; font-weight:500;}
#menuAll .mobile_top .mbtop li ul li ul li{display: inline-block; padding-right: .5rem;}
#menuAll .mobile_top .mbtop li ul li ul li strong{font-weight: 400;}
#menuAll .mobile_top .mbtop li ul li ul li a{color:#959595; font-weight:400;position:relative;padding-left:0.85rem;font-size:0.7rem; margin-top: 1rem; display: inline-block;}
#menuAll .mobile_top .mbtop li ul li ul li a:before{width: 3px;height: 3px;border-radius:50%;top: 5px;content:"";position:absolute;display:block;background:#777;left:5px;}
#menuAll .mobile_top .mbtop > li:last-child > ul > li{float:left;width:50%;margin:0;}
#menuAll .mobile_top .mbtop li ul li ul li ul li{display: none;}

#sepration {width:100%;height: 70px;position:relative;background: #ebebeb;}
#sepration .section{width: 100%;height: 70px;box-sizing:border-box;position: relative;color:#fff;margin-top: 104px;background: #ebebeb;}
#sepration .section .top-wrap {width:100%;max-width:1400px;margin:0 auto;display: flex;align-items: center;justify-content: space-between;height: 70px;position: relative;}
#sepration .section p {
    padding-right: 5px;
}
#sepration .section .top-wrap::before {
	content:'';
	display:block;
	width: 64px;
	height: 71px;
	background: url(../../../images/gj/content/top_bg_left.png) no-repeat center center;
	position: absolute;
	left: -64px;
	top: 50%;
	transform: translateY(-50%);
	background-size: cover;
}
#sepration .section p a{color: #222;font-size:0.8rem;padding-left:15px;margin-left:15px;position:relative;font-weight: 500;}
#sepration .section p a:first-child{background:url(../../../images/gj/content/navi_home.png) no-repeat left center;margin: 0;padding-left: 25px;}
#sepration .section p a:not(:first-child)::after{
	content:'';
	display:block;
	width:10px;
	height:15px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left: -5px;
	background:url(../../../images/gj/content/navi_right.png) no-repeat center center;
}
#sepration .section h2{line-height:1.0;font-weight:normal;margin-left: 0;padding-left: 0;color: #222;text-align:center;font-size: 24px;letter-spacing:-0.030em;padding-left: 60px;background: url(../../../images/gj/content/top_bg_right.png) no-repeat left center;line-height: 70px;}



.tab_view{display:none;}
div#wrap div#container { margin:0; padding:0; }
div#wrap div#container div#section {width:100%;max-width:1400px;margin:0 auto;display:flex;padding: 1.5rem 0px 6rem;}
div#wrap div#container div#section div.left_menu {width: 240px;z-index:1;}
div#wrap div#container div#section div.left_menu h2 {font-size:24px;width:11rem; height:7rem; font-weight: 700; text-align:center;background:#333;color:#fff;vertical-align:middle;display:table-cell;}
div#wrap div#container div#section div.left_menu ul { list-style:none;  margin:0; padding:0; }
div#wrap div#container div#section div.left_menu ul li { display:block;  padding:0;  margin-bottom:7px;}
div#wrap div#container div#section div.left_menu > ul > li > a{width:100%; height:45px; line-height:43px; font-size:0.85rem; border:1px solid #e9e9e9; display:block;color:#222;font-weight:400;position:relative; border-radius:5px; padding:0px 25px;}
div#wrap div#container div#section div.left_menu > ul > li > a > strong{font-weight:400; font-size:16px;}
div#wrap div#container div#section div.left_menu >  ul > li.has > a:after{display:block;position:absolute;content:'';background: url("../../../images/gj/content/plus.png");width:12px; height:12px; background-size:contain;right:25px;top:50%;transform:translateY(-50%); }
div#wrap div#container div#section div.left_menu ul li:first-child{margin-top:0;}
div#wrap div#container div#section div.left_menu > ul > li.on > a{width:100%;height:60px;line-height:60px;display:block;color:#fff;font-weight:500;position:relative;border-radius:10px 10px 0px 10px;border:none;background: #333;}
div#wrap div#container div#section div.left_menu > ul > li.on.has > a {background: url("../../../images/gj/content/lm_on.gif") no-repeat right center #f17a7a;}
div#wrap div#container div#section div.left_menu > ul > li.on > a > strong{font-weight:500;font-size:18px;}
div#wrap div#container div#section div.left_menu > ul > li.on.has > a:after{display:block;position:absolute;content:'';background:#fff; width:12px;height:2px;top:50%;transform:translateY(-50%);right:25px;}
div#wrap div#container div#section div.left_menu ul li ul{ padding:20px 10px 20px 25px; display:none;}
div#wrap div#container div#section div.left_menu ul li.on a + ul {
	display:block;
}
div#wrap div#container div#section div.left_menu ul li ul li{}
div#wrap div#container div#section div.left_menu ul li ul li a{border-bottom:none; height: auto; font-size:15px;  line-height:24px; font-weight:normal; background:none; color:#fff; padding-left:10px;  }
div#wrap div#container div#section div.left_menu ul li ul li > a{ line-height:24px; font-size:15px; background:none; height:auto; display:inline; color:#fff; font-weight:600;background: url("../../../images/gj/content/lm_line.gif") no-repeat left center; position:relative;}
div#wrap div#container div#section div.left_menu ul li ul li > a::before {
	content:'';
	display:block;
	position:absolute;
	width:3px;
	height:3px;
	background:#fff;
	top:50%;
	transform:translateY(-50%);
}
div#wrap div#container div#section div.left_menu ul > li.on.has > a {
	border-radius:7px;
}
div#wrap div#container div#section div.left_menu ul li ul li.on > a > strong{font-weight:300;}
div#wrap div#container div#section div.left_menu ul.mec1 > li.on.has  > a {
	background-color:#f17a7a;
	border-radius:7px 7px 0px 0px;
}
div#wrap div#container div#section div.left_menu ul.mec2 > li.on.has  > a {
	background-color:#e7995a;
	border-radius:7px 7px 0px 0px;
}
div#wrap div#container div#section div.left_menu ul.mec3 > li.on.has  > a {
	background-color:#9fc55e;
	border-radius:7px 7px 0px 0px;
	
}
div#wrap div#container div#section div.left_menu ul.mec7 > li.on.has  > a {
	background-color:#74add9;
	border-radius:7px 7px 0px 0px;
	
}
div#wrap div#container div#section div.left_menu ul.mec9 > li.on.has > a {
	background-color:#9d8ad6;
	border-radius:7px 7px 0px 0px;
	
}


div#wrap div#container div#section div.left_menu ul.mec1 > li.on > a {
	background-color:#f17a7a;
	border-radius:7px;
}
div#wrap div#container div#section div.left_menu ul.mec2 > li.on > a {
	background-color:#e7995a;
	border-radius:7px;
}
div#wrap div#container div#section div.left_menu ul.mec3 > li.on > a {
	background-color:#9fc55e;
	border-radius:7px;
	
}
div#wrap div#container div#section div.left_menu ul.mec7 > li.on > a {
	background-color:#74add9;
	border-radius:7px;
	
}
div#wrap div#container div#section div.left_menu ul.mec9 > li.on > a {
	background-color:#9d8ad6;
	border-radius:7px;
	
}
div#wrap div#container div#section div.left_menu ul.mec1 > li.on > a + ul {
	background-color:#f17a7a;
	border-radius:0px 0px 7px 7px;
	overflow:hidden;
	border-top:solid 1px rgba(255,255,255,0.3);
}
div#wrap div#container div#section div.left_menu ul.mec2 > li.on > a + ul {
	background-color:#e7995a;
	border-radius:0px 0px 7px 7px;
	overflow:hidden;
}
div#wrap div#container div#section div.left_menu ul.mec3 > li.on > a + ul {
	background-color:#9fc55e;
	border-radius:0px 0px 7px 7px;
	overflow:hidden;
	
}
div#wrap div#container div#section div.left_menu ul.mec7 > li.on > a + ul  {
	background-color:#74add9;
	border-radius:0px 0px 7px 7px;
	overflow:hidden;
	
}
div#wrap div#container div#section div.left_menu ul.mec9 > li.on > a + ul {
	background-color:#9d8ad6;
	border-radius:0px 0px 7px 7px;
	overflow:hidden;
	
}
div#wrap div#container div#section div.right_content {flex:1;margin:
0;padding: 0 0 0 40px;width: calc(100% - 240px);}
#container #section .right_content .content_body {font-size:0.85rem; }

.tab_menu{margin-bottom:2.5rem; }
.tab_menu ul{display: table; position: relative; width: 100%;  }
.tab_menu ul:before{content : ""; display : block; position : absolute; left :0; bottom:0px; width :100%; height : 2px;background:#ff9d02; }
.tab_menu ul li{width:20%; float:left;   height: 54px;    text-align: center;  margin-top: -1px;  vertical-align: top;}
.tab_menu ul li a{display: block; border: 1px solid #ddd;  border-collapse: collapse; box-sizing: border-box; margin-left: -1px;  background-color: #fff; color: #666; line-height: 52px; 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; height: 54px; background:#ff9d02; border: 2px solid #ff9d02; 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 #ff9d02;}
.tab_menu ul li strong{font-weight:500;}



#footer{clear:both;line-height:1.5;border-top: solid 1px #ddd;color: #222;font-size:.8rem;letter-spacing:0.02em;overflow: hidden;}
#footer .ft-info {
	display:flex;
}
#footer .footermenu{width:100%;max-width:1400px;margin:0 auto;padding: 0.5rem 0 5px;position:relative;}
#footer .footermenu ul {display:flex;gap:15px;justify-content: flex-start;margin-left: -10px;}
#footer .footermenu ul li{display:inline-block;font-size:.85rem;position:relative;padding:0px 10px;}
#footer .footermenu ul li:after{position : absolute; content:''; background:#ddd; width:1px; height:15px; top:50%; transform:translateY(-50%); right:-10px; }
#footer .footermenu ul li:last-child{margin-right:0;}
#footer .footermenu ul li:last-child:after{width: 0;}
#footer .footermenu ul li a{display: block;color:#222;font-size: 16px;}
#footer .footermenu ul li:focus a,
#footer .footermenu ul li:hover a{color: #ff9d02; -webkit-transition: all 0.25s; transition: all 0.25s;}
#footer .cp_adress {
	display:flex;
	align-items: center;
	font-size: 16px;
}
#footer .cp_adress .addr {display:flex;align-items:center;}
#footer .cp_adress .addr dl {display:flex;align-items:center;margin: 0px 15px 0 0;}
#footer .cp_adress .addr dl dt {padding-left: 10px;position:relative;line-height:1;font-weight: 400;}
#footer .cp_adress .addr dl dt::before {content:''; display:block; width:2px; height:2px; background:#999; position:absolute; left:0; top:48%; transform:translateY(-50%); }
#footer .cp_adress .addr dl dd { display:inline-block; margin-left:10px;  font-weight:400;}

#footer .copyright{width: 100%;margin:0 auto;padding: 1rem 15px 2rem;position:relative;max-width: 1400px;display: flex;}
#footer .copyright .ft-left {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	text-align:left;
	padding-right: 30px;
}
#footer .copyright h3 img {
	max-height:40px;
	width:220px;
	/*opacity:0.5;
	filter: grayscale(100%);*/
}
#footer .copyright .ft-right {
	position:absolute;
	top: 15px;
	right:20px;
}
#footer .copyright .ft-right select {
	padding-right: 30px;
}
#footer .copyright p {font-weight: 400;margin-right: 30px;}
#footer .copyright p em{margin-right:.3rem; font-weight: 400;}
#footer .copyright p span{position: relative; margin:0 .6rem;}
#footer .copyright p span:after{position: absolute; content: ""; display: block; width: 1px; height: 60%; right: 0; top:50%; transform: translateY(-50%); background-color: #ff9d02;}

#footer .copyright .bsy_num{margin-bottom: 1rem}
#footer .copyright .copy{color: #222;margin-top: 5px;font-size: 14px;}
#footer .copyright h3{text-align:center;margin: 0.5rem 0 1rem;display: flex;justify-content: center;}






/* =============================================================================
   ========================================================================== */
.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 #FF9D02; 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/gj/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:#FF3D00;}
.cate_area h2{font-size:1.1rem; font-weight:bold; color:#212121;background:url('../../../images/gj/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/gj/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:#ff9d02; 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:#FF3D00;}
.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/gj/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/gj/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/gj/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/gj/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/gj/content/th.gif') no-repeat left center; font-size:12px;text-align:center;}
.sr_result .tb_view tbody .vbar{background: url('../../../images/gj/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;}


.fac_link {
	display:inline-flex;
	align-items: center;
	padding: 7px 20px;
	background: #9fc55e;
	border-radius: 50px;
	color: #fff;
	margin-top:-10px;
}
.fac_link img {
	margin-left:5px;
} 
.fac_link:hover {
	text-decoration:underline;
}
/********************************************************
********************************************************/
#navi .top_menu {
	display:none;
}

.top_banner {}
.top_banner .inner {}
.top_banner .inner .top_con {
    height: 100px;
    overflow: hidden;
}
.top_banner .inner .top_con .bx-wrapper .bx-pager {
	bottom:0;
}
.top_banner .inner .top_con .bx-wrapper .bx-pager.bx-default-pager a:hover, .top_banner .inner .top_con .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#f17a7a;
}
.top_banner .inner .top_con .bx-wrapper {}
.top_banner .inner .top_con .bx-wrapper .top_slide {}
.top_banner .inner .top_con .bx-wrapper .top_slide li {
    overflow: hidden;
}
.top_banner .inner .top_con .bx-wrapper .top_slide li a {
    overflow: hidden;
}
.top_banner .inner .top_con .bx-wrapper .top_slide li a div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    object-fit: cover;
}
#wrap .top_banner .inner .top_con .bx-wrapper .top_slide li a div img {
	min-height: 100%;
	min-width: fit-content;
	max-width: unset;
	object-fit: cover;
}
.top_footer {
    height: 30px;
    width: 100%;
    background: #ddd;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.top_footer {
	
}
.top_footer .click label {
    font-size: 14px;
}
.top_footer .close_top {
    height: 30px;
    width: 30px;
    background: url(../../../images/gj/main/close.png) no-repeat center center;
    text-indent: -9999px;
    display: inline-block;
}


@media all and (max-width:1400px) {
	div#wrap div#container div#section {
		padding:1.5rem 15px 6rem;
	}
}
@media (max-width:1200px){
	#wrap{overflow-x:hidden;}
	#wrap img {max-width:100%;width: auto;}
	#header .header_inner{width:100%;padding:0 1rem;}
	#header .header_inner h1{left:1.5rem; transform: translateY(0%);}
	#header .header_inner h1 img{max-width: 10rem;}
	#header .header_inner #nav > ul > li > ul{width: 100%; position: absolute; right: 0; padding-top: 2rem; transform: translateX(4rem); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
	#wrap #header #nav > ul li div a{font-size:.95rem;}
	#header .header_inner #nav ul li .slideMenu > ul {width: 100%;}
	#header .header_inner #nav ul li .slideMenu > ul > li {width:28%;}
	#wrap #header #nav ul li .slideMenu ul li a{}

	#menuAll .mobile_top ul {width:100%; padding:0 0.5rem; }
	#menuAll .mobile_top .mbtop{width: 100%;position: absolute;left: 50%;top:0;transform: translateX(-50%);padding:1rem;}
	#menuAll .mobile_top .mbtop > li:last-child{top:1rem;}
	#menuAll .mobile_top ul li{padding-right:0rem;margin:0;}
	#header.open .btn-gnb-menu{right:0;top: 0;}


	#sepration .section{width:100%;}
	.section_lnb>.inr{width:100%; padding:0 1rem;}

	.left_menu{width:100%; }
	.left_menu .path{width:20%; }
	.left_menu ul li a{padding:0 0.5rem;}
	div#wrap div#container div#section div.left_menu > ul > li > a{font-size:0.7rem;}

	.tab_menu{  width:100%;}

	.tab_menu{width:100%; margin-bottom:2.5rem;}
	
	#container .inn{width:100%; padding:0 1rem;}
	#container .padd{width:100%; padding:4rem 1rem;}
	#container #section .right_content .content_title{width:100%; margin:0 auto; padding: 2rem 1rem 0;}
	div#wrap div#container div#section{width:100%;}

	#footer .footermenu{width:100%;}
	#footer .copyright{width:100%;padding: 1rem 1rem 2rem;box-sizing: border-box;flex-direction: column;}
	#footer .copyright h3{margin-right: 1rem;}

	.topBt {width: 40px;height: 40px;line-height: 40px;}
	.topBt.over {left: auto;right: 10px;bottom: 10px;}
}

@media (max-width:1200px){
	#header .header_inner h1 img{max-width: 12rem;}
	#header .header_inner #nav ul li ul li a{font-size:0.75rem;}
	#header .header_inner #nav > ul > li > ul {padding-left: 4rem;}

	
}


/********************************************************
********************************************************/
@media (max-width:1030px){
	#menuAll .mobile_top .mbtop li ul li a:hover{color:#000; font-weight:500;} 
	html{font-size:16px;}
    body{font-size:1rem}
	.web{display:none;}
    .tablet{display:block;}   
	#sepration .section h2 {
		height:50px;
		line-height: 50px;
		background-size:contain;
		text-align: center;
		padding-left: 0;
		width: 100%;
		background-color: #ebebeb;
	}

	.mobile_lan{position:absolute; right:4rem; top:23px;}
	.option_list{top:3rem; right:4rem; box-shadow:0px 8px 15px rgba(0,0,0,0.2);}
	.option_list li a{font-size:1rem; padding:15px;}
    
	#header{/* height:auto; */}
	#header .header_inner .top_menu{/* display:none; */}
	#header .header_inner .top_menu {
		width:100%;
		display:flex;
		
	}
	#header .header_inner .top_menu li {
		margin:0;
	}
	#header .header_inner{
    heighT: 60px;
}
	#header .header_inner #nav{display:none;}
	#header .header_inner h1{transform: translateY(-50%);}
	#header h1 img{width:16rem;}
	#footer .copyright h3 img{width: 12rem;}
	
	.main_menu{height: 50px;width: 100%;padding-right: 60px;}

	#header .m_search_box{display:block;}
	#header .m_search_box{display:block; position:absolute; top:76px; left:0; padding:12px 32px; width:100%; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box}
	#header .m_search_box input[type="text"]{width:100%; height:44px; padding:10px 40px 10px 20px; background:#f5f5f5; border:none; font-size:14px; box-sizing:border-box}
	#header .m_search_box input[type="submit"]{position:absolute; top:24px; right:48px; width:20px; height:20px; background:url(../../../images/common/m_sch_btn.png) no-repeat 0 0; border:none; color:#fff; font-size:0; cursor:pointer}
	#header .m_util{display:block}
	#header .header_inner h1{position:absolute;/* top:50%; *//* left:50%; *//* transform:translate(-50%,-50%); */top: 50%;}
	.m_search{position:absolute; top:50%; right:1rem; transform:translateY(-50%)}
	.m_header_on::before{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7)}
	
	#sepration .section{
		background:none;
    margin-top: 60px;
    height: 50px;
}
	.m_util{display:block}

	.m_header_on .m_search_box{display:block; position:absolute; top:76px; left:0; padding:12px 32px; width:100%; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box}
	.m_header_on .m_search_box input[type="text"]{width:100%; height:44px; padding:10px 40px 10px 20px; background:#f5f5f5; border:none; font-size:14px; box-sizing:border-box}
	.m_header_on .m_search_box input[type="submit"]{position:absolute; top:24px; right:48px; width:20px; height:20px; background:url(../../../images/common/m_sch_btn.png) no-repeat 0 0; border:none; color:#fff; font-size:0; cursor:pointer}
	


	
	#sepration .section p{margin-bottom:3rem;display: none;}
	#sepration {height: 50px;background: #fff;}
	#sepration .section .top-wrap::before {
		right: -6px;
		left: unset;
		height: 50px;
		width: 50px;
		background-size: contain;
		background-position: right center;
	}

	#header .btn-gnb-menu{display:block;position:absolute;right: 0;top: 0;width: 60px;height: 60px;cursor:pointer;z-index:9999;text-align:center;display: flex;justify-content: center;align-items: center;}
	#menuAll .btn-gnb-menu {
		/* display:none; */
	}
	#header .btnAll {position:relative;width:1.5rem;height:1.3rem;outline: none;z-index:9999;margin-top:0;}
	#header .btnAll span {display: block;width: 100%;height: 0.12rem;position: absolute;background-color: #222;-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 .btnAll > span{background-color: #222;}
	#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;}



	.dim_layer {display:none;}
	#menuAll .mobile_top .mbtop a {}
	#header #navi{display: block; background:#fff; position:fixed; left:-100%; top:0; width:100%; height:100%; padding-top:4rem;  z-index:100; transition:all 0.45s; opacity: 1;}
    #header.open #navi{transition:all 0.45s; left:0;}

	#menuAll .slogan{width:100%;margin-left:0;}
    #menuAll{display: block;}
	#menuAll .m_sns{display: flex !important; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: transparent;}
	#menuAll .m_sns li{width: 12rem;}
	#menuAll .m_sns li:first-child{background-color: #00ccad; padding: 0;}
	#menuAll .m_sns li:last-child:after{right: 1rem;}
	#menuAll .m_sns li a{padding-right: 1rem;}
	#menuAll .m_sns li:last-child a{padding-right: 0; font-weight: 200; font-size: .9rem}
	#menuAll .mobile_top{width:100%;height:auto;}
	#menuAll .mobile_top .mbtop > li > a:after{display:none;}
	#menuAll .mobile_top .mbtop > li{width:100%; margin-top:0;}
	#menuAll .mobile_top .mbtop > li:last-child{position:relative;right:0;top:0; width:100%;}
	
    #navi h3{font-size:1.2rem; padding:1rem 0.75rem; line-height:1.3; font-weight:normal; margin:0; text-align: center;background: linear-gradient(to left, #F6AB00, #EF7E00); }
    #navi h3 em{font-weight:600;color:#fff;}

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

	#menuAll .mobile_top .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;}
	#menuAll .mobile_top .mbtop li.open_li{ position:relative; }
	#menuAll .mobile_top .mbtop li.open_li > a{background:#333; color:#fff;}
	#menuAll .mobile_top .mbtop li.open_li:first-child > a {
		background:#f17a7a ;
	}

	#menuAll .mobile_top .mbtop li.open_li:nth-child(2) > a {
		background:#e7995a ;
	}

	#menuAll .mobile_top .mbtop li.open_li:nth-child(3) > a {
		background:#9fc55e ;
	}

	#menuAll .mobile_top .mbtop li.open_li:nth-child(4) > a {
		background:#74add9 ;
	}

	#menuAll .mobile_top .mbtop li.open_li:nth-child(5) > a {
		background:#9d8ad6 ;
	}



	
	#menuAll .mobile_top .mbtop li.open_li ul {
		display:block;
	}
	#menuAll .mobile_top .mbtop li.open_li ul ul {
		background:#fff;
		border-top: solid 1px #ddd;
		padding: 9px 0px;
	}
	#menuAll .mobile_top .mbtop li.open_li ul ul li {box-shadow: none;}
	#menuAll .mobile_top .mbtop li.open_li ul ul li a {
		font-size: 13px;
	}
	#menuAll .mobile_top .mbtop li.open_li ul ul li a::before {
		top: 50%;
		transform: translateY(-50%);
		left: 16px;
	}
	#menuAll .mobile_top .mbtop li.open_li:after{ content :"\e944"; color:#fff;}
   
	#menuAll .mobile_top .mbtop li ul {display:none; float:none; background-color:#f5f6f7; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible;  padding:0; margin-top:0 !important; overflow:hidden;}
	#menuAll .mobile_top .mbtop li ul li {width: 100%;float:left !important;box-sizing:border-box;background: none;padding-left:0;margin-top:0 !important;box-shadow:0.5px 0 0 0 #ddd, 0 0.5px 0 0 #ddd, 0.5px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset, 0.5px 0.5px 0 0 #ddd;border:none;}
	#menuAll .mobile_top .mbtop li ul li a {color:#262626;background:url(none);height:auto;padding-left:0;font-size:1rem;padding: 0.80rem 1rem;}
	#menuAll .mobile_top .mbtop li ul li:after,
	#navi ul.mbtop li ul li:before{display:none;}
	
	#navi{overflow: hidden;}
	#menuAll .mobile_top .mbtop li ul li ul li a{
    padding: 0;
    padding-left: 10px;
    margin-top: 0;
    padding: 7px;
    padding-left: 25px;
}
	#menuAll .mobile_top .mbtop li ul li ul{/* display:none; *//* border:none; *//* height:0; *//* background:none; *//* margin:0; *//* padding:0; */}
	#menuAll .mobile_top .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 .top_menu{display:block; overflow:hidden;}
	#sepration .section .top-wrap {
		height:50px;
		width: calc(100% - 30px);
	}
	#navi .top_menu li{width:50%; float:left; text-align:center; position:relative;}
	#navi .top_menu li:before{content : ""; display : block; position : absolute; left : 0; top:0;  width :1px; height : 100%; background : rgba(255, 255, 255, .3);}
	#navi .top_menu li a{display:block;height:40px;line-height:40px;background: #afafaf;color:#fff;}
	
	#menuAll .mobile_top > ul > li:nth-child(6) > ul{display:none;height:100%;}
	#menuAll .mobile_top > ul > li:nth-child(6) > ul > li{width:100%;position:relative;margin-top:10px;margin-left:0;}
	#menuAll .mobile_top .mbtop li ul li strong{font-weight: 400;}

	.mainTitle{display:none;}

	div#wrap div#container div#section{padding: 2rem 0px 4rem;}
	div#wrap div#container div#section div.left_menu{display:none;}
	div#wrap div#container div#section div.right_content{padding:0;width:100%;}
	.lm_bg{margin-top:-3rem; height: 3rem;}
	.tab_view{display:block; cursor:pointer;background:rgba(0, 0, 0, 0.85); 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 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 .path{display:none;}
	

	.left_menu ul{display:none; z-index:100;position:absolute;width:100%;left:0; background:#fff; text-align:center; margin:0 auto; line-height:0;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); border-radius:0;}
	.left_menu ul li {width:100% !important;border:none !important; margin-left:0; vertical-align:middle; box-sizing:border-box; }
	.left_menu ul li a {display:block; padding:.75rem .75rem;line-height: 1.0; height: auto; font-weight:500; font-size:1.1rem; color:#1F1300;text-transform:capitalize; }
	.left_menu ul li strong{ font-weight:500;} 
	.left_menu ul li.on a:before{display:none;}
	.left_menu ul li.on a{background:none; color:#FF9D02;}

	#container #section .right_content .content_title p:after{right:auto; left:-10%;}
	#container #section .right_content .content_body { width: 100%; font-size:1rem;}

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

	div#wrap div#container div#section div.left_menu.mp{display:block;position:absolute;width:100%;margin-top:-5rem;}
	div#wrap div#container div#section div.left_menu.mp h2{width:100%;display:block;height:3rem;background:rgba(0,0,0,0.6);font-size:1rem;line-height:3rem;font-weight:400;text-align:left;padding:0 1rem;position:relative;}
	div#wrap div#container div#section div.left_menu.mp h2:after{display:block;position:absolute;content:'';right:1rem;background:url(../../../images/gj/content/sub_arrow.png) no-repeat;width:13px;height:9px;top:50%;transform:translateY(-50%);}
	div#wrap div#container div#section div.left_menu.mp > ul > li > a{width:100%; height:3rem; line-height:3rem; font-size:0.85rem; border-bottom:none; display:block;color:#060606;font-weight:400;position:relative;padding:0; }
	div#wrap div#container div#section div.left_menu.mp > ul > li > a:after{display:none;}
	div#wrap div#container div#section div.left_menu.mp > ul > li.on > a > strong{color:#F6AB00;}

	.m_search_bx{display:none;position:absolute;left:0;top:3.9rem;width:100%;}
	.s_input_wrap{overflow:hidden;}
	.s_input_wrap input.insearch{  float: left;  display: inline-block;  margin: 0;  padding: 0 20px;  width:80%;  height:45px;  line-height: 48px;  border: none;   color: #4B4F58; background-color:#f3f1f2 ;font-weight: bold; box-sizing:border-box; border-radius:0;}
	.inbtn {  float: left;  display: inline-block;  margin: 0;  padding: 0 0 0px 0;  border: none;  color: #fff;   text-align: center;}
	 a.inbtn {  padding: 0 0 0 0;  width: 20%;  height: 45px; background-color:#000;line-height: 45px;  color:#fff; }
	input.insearch::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:    #4B4F58; }
	input.insearch::-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color:    #4B4F58; }
	input.insearch:-moz-placeholder { /* Mozilla Firefox 19+ */    color:    #4B4F58; }
	input.insearch:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:    #4B4F58;}
	input.insearch:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */   color:    #4B4F58; }
	a.inbtn{font-size:1rem;background:#000;}

	.gnb {
		display:none;
	}
}

@media all and (max-width:960px){
	#footer .cp_adress {
		flex-direction:column;
		align-items:flex-start;
	}
}

	
@media (max-width:810px){
	.tab_menu ul li{font-size: 0.9rem; }
}
/********************************************************
********************************************************/
@media (max-width:767px){
	html{font-size:15px;}
    body{font-size:1rem}
	
	.mob{display:block;}

	.mobile_lan{top:19px; }

	#wrap{font-size:1rem;}	
	#header h1 img{width: 12rem;}
	#header .header_inner{}
	#header #navi{padding-top:3.6rem;}
	#header .btn-gnb-menu{width: 60px;height: 60px;}
	#header.open .btn-gnb-menu{top: 0;}
	#header .header_inner{padding:0;}
	

	#container #section .right_content .content_title .top h3{font-size: 1.3333rem;padding-top:4rem;}
	#container #section .right_content .content_title .top h3:before{top:1.5rem;}

	.artist_list td.artist_img{width:30% !important;}

    #sepration .section{font-size:.75rem;}
    #sepration .section h2{font-size: 1.5rem;}
	#sepration .section h3{font-size: 1rem;}
	#sepration .section p a{margin-left:1rem;padding-left:1rem;}
	
	
	#footer .copyright  h3{position: relative; bottom: 0; display: block; margin-top:1rem; float:none; margin-right:0;}

	.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;}
}

@media (max-width:600px){

	#footer .footermenu ul{display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;gap: 0px;margin-left: 0;}
	#footer .footermenu ul li{display: block;margin-right:1rem;padding: 0;}
	#footer .footermenu ul li:after{display:none;}
	#footer .cp_adress .addr {
		flex-direction:column;
		align-items: flex-start;
	}
	#footer .cp_adress .addr dl {
		margin-top:3px;
	}
	#footer .cp_adress .addr dl dt {
		padding-left:6px;
		font-size:13px;
	}
	#footer .cp_adress .addr dl dd {
		padding-right:10px;
		font-size:13px;
	}
	#footer .copyright .copy {
		font-size:13px;
	}

}

@media all and (max-width:460px) {
	#footer .footermenu ul li a {
		font-size:14px;
	}
	#footer .cp_adress {
		font-size:14px;
	}
	#footer .copyright .ft-right {
		top:80px;
		left:15px;
	}
	#footer .copyright .ft-right select {
		width:100%;
	}
}
@media (max-width:379px){
	.tab_menu ul li{width:33.33333% !important; font-size: 0.84rem;}
	#footer .copyright .ft-left h3 {
		margin-bottom:50px;
	}
}