@charset "utf-8";
/* CSS Document */
#skiptoContent {
	margin: 0;
	padding: 0;
	z-index: 2000;
}

a.quick_menu01, a.quick_menu02 {
	display: block;
	font-size: 1em;
	left: 0;
	position: absolute;
	text-align: center;
	top: -10000px;
	width: 100%;
	z-index: 500;
}

// 2023-08-28 추가
#header .tnb li a:focus {
				outline: 5px auto; outline-offset: -2px
			}

a.quick_menu01:hover, a.quick_menu01:focus, a.quick_menu01:active, a.quick_menu02:hover,
	a.quick_menu02:focus, a.quick_menu02:active {
	background: none repeat scroll 0 0 #ef4023;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 0;
	position: absolute;
	top: 0;
	z-index: 4000;
}

/* --- 모바일 & 기본 --- */
.container_fix {
	position: relative;
	width: 95%;
	margin: 0 auto
}

.container_fix:before {
	content: "";
	display: block;
	clear: both
}

.container_fix:after {
	content: "";
	display: block;
	clear: both
}

.sub_container_fix {
	position: relative;
	width: 95%;
	margin: 0 auto
}

.sub_container_fix:before {
	content: "";
	display: block;
	clear: both
}

.sub_container_fix:after {
	content: "";
	display: block;
	clear: both
}

#wrap {
	margin-left: 0%;
}

#wrap.open {
	margin-left: 70%;
	transition: 0.25s ease-in;
}

/*header*/
#header {
	border-bottom: #c9d9ae solid 1px;
}

#header .container_fix {
	padding: 35px 0 20px;
	border-right: #c9d9ae solid 1px;
	border-left: #c9d9ae solid 1px
}

#header .sub_container_fix {
	padding: 55px 0 20px;
}

#header.sub_header {
	border: 0
}

#header .logo img {
	width: 100%;
}

#header .logo_sub img {
	width: 100%;
}

#header .logo {
	float: none;
	width: 137px;
	margin: 0 auto;
	box-sizing: border-box;
	margin-top: 15px;
	text-align: left
}

#header .logo span {
	width: 120%;
	text-align: left;
	display: block;
	letter-spacing: 0.95em;
	padding: 5px 0 8px;
	font-size: 13px;
	color: #666
}

#header .logo a {
	display: block
}

#header .logo_sub span {
	width: 120%;
	text-align: left;
	display: block;
	letter-spacing: 0.95em;
	padding: 5px 0 8px;
	font-size: 13px;
	color: #666
}

#header .logo_sub {
	float: left;
	width: 137px;
	box-sizing: border-box;
	text-align: center
}

#header .logo_sub a {
	display: block
}

#header .tnb {
	position: absolute;
	width: 100%;
	right: 0;
	top: 0;
	margin-left: 2.5%;
}

#header .tnb li {
	float: left;
	width: 33.333%;
	display: inline-block;
}

#header .tnb li:nth-child(4) {
	display: none;
}

#header .tnb li a {
	display: block;
	background: #e5e5e5;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	border-radius: 0;
	color: #000
}

#header .tnb li a.color01 {
	background: #ffeb00
}

#header .tnb li a.color02 {
	background: #ffc15d !important;
	color: #000 !important;
}

#header .gnb {
	float: left;
	display: block;
	background: #999;
	box-sizing: border-box;
}

#header .gnb {
	display: block;
	width: 70%;
	max-width: 310px;
	position: fixed;
	top: 0;
	left: 0;
	background: #f5f5f5;
	padding: 4%;
	margin-left: -70%;
	font-size: 0;
	z-index: 2000
}

#header .gnb.open {
	margin-left: 0;
	transition: 0.25s ease-in;
}

#header .gnb>ul {
	height: 85%;
	overflow-y: scroll
}

#header .gnb>ul>li {
	position: relative;
	display: block;
	border-top: #e4e4e4 solid 1px;
	font-size: 14px;
	font-weight: bold;
}

#header .gnb>ul>li>span.arrow {
	display: none;
}

#header .gnb>ul>li:hover>span.arrow {
	display: none
}

#header .gnb>ul>li>a {
	display: block;
	color: #484848;
	padding: 20px;
}

#header .gnb>ul>li>ul {
	display: none
}

#header .gnb>ul>li>ul>li>ul {
	display: none
}

#header .gnb>ul>li>ul.open_ul {
	position: relative;
	top: 0px;
}

#header .gnb>ul>li>ul>li {
	text-align: left;
	font-size: 14px;
	background: #f8f8f8;
	border-top: #e4e4e4 solid 1px;
}

#header .gnb>ul>li>ul>li>a {
	display: block;
	padding: 20px;
}

#header .gnb>ul>li>ul>li>a:hover {
	display: block;
	background: #f5f5f5
}

#header .gnb>ul>li>ul>li>ul>li {
	text-align: left;
	font-size: 14px;
	background: #ededed;
	border-top: #e4e4e4 solid 1px;
}

#header .gnb>ul>li>ul>li>ul>li>a {
	display: block;
	padding: 20px 35px;
}

#header .gnb>ul>li>ul>li>ul>li>a:hover {
	display: block;
	background: #f5f5f5
}

#header .gnb>ul>li>a:after {
	position: absolute;
	right: 17px;
	top: 20px;
	z-index: 5;
	display: block;
	height: 16px;
	width: 2px;
	background: #333;
	content: "";
	/*  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;*/
	transition: all 0.1s ease-out;
}

#header .gnb>ul>li>a:before {
	position: absolute;
	right: 10px;
	top: 27px;
	display: block;
	width: 16px;
	height: 2px;
	background: #333;
	content: "";
	/* -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;*/
	transition: all 0.1s ease-out;
}

#header .gnb>ul>li.active>a:after {
	display: none
}

#header .gnb>ul>li.active>a:before {
	
}

#header .gnb>ul>li:nth-child(5)>a {
	background: url(../img/common/blank.jpg) 93% center no-repeat
}

#header .gnb>ul>li:nth-child(5)>a:after {
	display: none;
}

#header .gnb>ul>li:nth-child(5)>a:before {
	display: none;
}

#header .gnb>ul>li:last-child {
	display: block
}

#header .close_btn {
	display: none;
	position: absolute;
	top: 0;
	right: -50px;
	width: 50px;
	height: 50px;
	margin-left: -9px;
	background: #f5f5f5;
	z-index: 3000;
}

#header .close_btn span.close_h {
	position: absolute;
	right: 15px;
	top: 23px;
	display: block;
	width: 24px;
	height: 3px;
	background: #333;
	content: "";
	/*  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);*/
	transform: rotate(45deg);
}

#header .close_btn span.close_v {
	position: absolute;
	right: 15px;
	top: 23px;
	display: block;
	width: 24px;
	height: 3px;
	background: #333;
	content: "";
	/* -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);*/
	transform: rotate(-45deg);
}

#header .gnb .login_box {
	margin-bottom: 15px;
}

#header .gnb .login_box .btn_login {
	background: #fff;
	border: #e4e4e4 solid 1px;
	border-radius: 30px;
	text-align: center;
	width: 100%;
}

#header .gnb .login_box .btn_login a {
	display: block;
	background: url(../img/common/lock.jpg) 35% no-repeat;
	font-size: 14px;
	color: #424242;
	padding: 15px 20px 15px 40px
}

#header .gnb .login_box span {
	display: block;
	font-size: 12px;
	background: url(../img/common/warning.jpg) left no-repeat;
	padding-left: 25px;
	margin-top: 15px;
}

#header .gnb .login_before {
	clear: both;
	padding: 15px;
	background-color: #fff;
	overflow: hidden
}

#header .gnb .login_after {
	clear: both;
	padding: 20px 10px;
	background-color: #fff;
	border-top: #e4e4e4 solid 1px;
	overflow: hidden
}

#header .gnb .login_after .profile_img {
	float: left;
	display: block;
	width: 30%;
}

#header .gnb .login_after .profile_img img {
	width: 100%;
}

#header .gnb .login_after .profile_text {
	float: left;
	display: block;
	width: 100%;
	font-size: 14px;
}

#header .gnb .login_after .profile_text span.name {
	display: block;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold
}

#header .gnb .login_after .profile_text a {
	display: inline-block;
	width: 49%;
	margin-right: 2%;
	text-align: center;
	background: #fff;
	border-radius: 15px;
	padding: 5px;
	font-size: 12px;
	color: #fff
}

#header .gnb .login_after .profile_text a.logout {
	background: #ef3e36
}

#header .gnb .login_after .profile_text a.myminwon {
	background: #005aab
}

#header .gnb .login_after .profile_text a:last-child {
	margin: 0
}

#header .gnb .login_after .profile_text a:hover {
	background: #333;
	color: #fff
}

#header .menu_toggle_btn {
	display: block;
	position: fixed;
	right: 15px;
	top: 55px;
	width: 50px;
	height: 50px;
	background: url(../img/common/m_menu.jpg) no-repeat;
	background-size: cover;
	border: none;
	z-index: 3000
}

#header .menu_toggle_btn.close {
	display: none;
	transition: 0.25s ease-in;
	/*webkit-transition: .25s all ease-in; -moz-transition: .25s all ease-in; -o-transition: .25s all ease-in;*/
}

#header .menu_toggle_btn .menu_bar {
	background: #fff;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	display: block;
	margin-bottom: 4px
}

#header .menu_toggle_btn span:last-child {
	margin: 0
}

#header .drawer {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	transition: 0.25s ease-in;
	/*-webkit-transition: .25s all ease-in; -moz-transition: .25s all ease-in; -o-transition: .25s all ease-in; */
	z-index: 1000
}

#header .drawer.open {
	margin-left: 0;
	display: block;
	transition: 0.25s ease-in;
	/*-webkit-transition: .25s all ease-in; -moz-transition: .25s all ease-in; -o-transition: .25s all ease-in; */
}
/*header end*/

/*banner*/
.slider_wrap .owl-dots {
	display: none !important
}

.slider_wrap .owl-controls {
	position: absolute;
	bottom: 0;
	z-index: 1;
}

.slider_wrap .owl-controls a {
	display: block;
	background: url(${imgDirectory}common/main_arrow_icon.png) no-repeat;
	width: 30px;
	height: 30px;
	margin-right: 1px;
	text-indent: -9999px;
	display: inline-block;
	float: left;
}

.slider_wrap .owl-controls .owl-prev {
	background-position: -235px -1px;
}

.slider_wrap .owl-controls .owl-next {
	background-position: -325px -1px;
}

.slider_wrap .owl-controls .owl-stop {
	background-position: -265px -1px;
}

.slider_wrap .owl-controls .owl-play {
	display: none;
	background-position: -296px -1px;
}

.banner_block01 {
	border-bottom: #c9d9ae solid 1px;
}

.banner_block02 {
	border-bottom: #c9d9ae solid 1px;
}

.banner_box {
	float: left;
	width: 33.3333%;
	border-left: #c9d9ae solid 1px;
	border-right: 0;
	height: 170px;
	background-position: center 25%;
	background-repeat: no-repeat;
	background-size: 50%;
}

.banner_box.icon01 {
	background-image: url(../img/main/icon01.png);
	background-color: #f7f3d2
}

.banner_box.icon02 {
	background-image: url(../img/main/icon02.png);
	background-color: #e4f3fc
}

.banner_box.icon03 {
	background-image: url(../img/main/icon03.png);
	background-color: #f6e7d6
}

.banner_box.icon04 {
	background-image: url(../img/main/icon04.png);
	background-color: #fff9ed
}

.banner_box.icon05 {
	background-image: url(../img/main/icon05.png);
	background-color: #f5fdff
}

.banner_box.icon06 {
	background-image: url(../img/main/icon06.png);
	background-color: #c9eed9
}

.banner_box.icon07 {
	background-image: url(../img/main/icon07.png);
	background-color: #fedcdc
}

.banner_box.icon09 {
	background-image: url(../img/main/icon08.png);
	background-color: #f0cfb9;
}

.banner_box.icon08 {
	background-color: #bccae4;
}

.banner_box.no_border {
	border-right: #c9d9ae solid 1px
}

.banner_box a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 85%;
}

.banner_box a:hover {
	
}

.banner_box.icon01 .title {
	color: #8c7536
}

.banner_box.icon01 .sub_title {
	color: #796642
}

.banner_box.icon02 .title {
	color: #4f84a3
}

.banner_box.icon02 .sub_title {
	color: #527f90
}

.banner_box.icon03 .title {
	color: #df8627
}

.banner_box.icon03 .sub_title {
	color: #5a4b3b
}

.banner_box.icon04 .title {
	color: #602d25
}

.banner_box.icon04 .sub_title {
	color: #6c504c
}

.banner_box.icon05 .title {
	color: #26a4bf
}

.banner_box.icon05 .sub_title {
	color: #466d77
}

.banner_box.icon06 .title {
	color: #387151
}

.banner_box.icon06 .sub_title {
	color: #426953
}

.banner_box.icon07 .title {
	color: #894545
}

.banner_box.icon07 .sub_title {
	color: #6c4343
}

.banner_box.icon08 .title {
	color: #47597b
}

.banner_box.icon08 .sub_title {
	color: #414f68
}

.banner_box.icon09 .title {
	color: #933025
}

.banner_box.icon09 .sub_title {
	color: #bc6359
}

.banner_block02 .banner_box:nth-child(3) {
	border-right: #c9d9ae solid 1px;
}

.banner_block02 .banner_box:nth-child(4) {
	width: 50%;
	border-top: #c9d9ae solid 1px;
	height: 130px;
	background-position: 80% center;
	background-size: 30%;
}

.banner_block02 .banner_box:nth-child(4) a {
	padding-top: 25%;
}

.banner_block02 .banner_box:nth-child(4) span {
	text-align: left
}

.banner_block02 .banner_box:nth-child(5) {
	width: 50%;
	border-top: #c9d9ae solid 1px;
	height: 130px;
	background-size: 40%;
}

.banner_block02 .banner_box:nth-child(5) a {
	padding-top: 10%;
}

.banner_block02 .banner_box:nth-child(5) span {
	text-align: left
}

.banner_box span {
	display: block;
	text-align: center;
	max-width: 88%;
	margin: 0 auto
}

.banner_box span.upper {
	margin-bottom: 5px;
}

.banner_box span.title {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 120%;
}

.banner_box span.sub_title {
	font-size: 11px;
	margin-top: 5px;
	letter-spacing: -0.05em;
	line-height: 120%;
}

.banner_box span.search_title {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #000
}
/*banner end*/
#search_form {
	position: relative;
	text-align: center;
	margin-bottom: 5px;
}

.search_field {
	width: 80%;
	height: 14px;
	border: #000 solid 1px;
	padding: 6px
}

.m_search {
	position: absolute;
	right: 10%;
	top: 50%;
	margin-top: -10px;
}

.banner_block03 {
	font-size: 0;
	border-bottom: #c9d9ae solid 1px;
}

.shortcut {
	display: inline-block;
	width: 16.6%;
	font-size: 10px;
	border-right: 0;
	text-align: center;
	background-position: center 25%;
	background-repeat: no-repeat;
	background-size: 60%;
	padding-top: 70px;
	min-height: 95px;
	letter-spacing: -0.1em
}

.shortcut.no_border {
	
}

.shortcut.icon01 {
	background-image: url(../img/main/icon_b01.jpg);
}

.shortcut.icon02 {
	background-image: url(../img/main/icon_b02.jpg);
}

.shortcut.icon03 {
	background-image: url(../img/main/icon_b03.jpg);
}

.shortcut.icon04 {
	background-image: url(../img/main/icon_b04.jpg);
}

.shortcut.icon05 {
	background-image: url(../img/main/icon_b05.jpg);
}

.shortcut.icon06 {
	background-image: url(../img/main/icon_b06.jpg);
}

.sliderkit {
	display: none;
	position: relative;
	overflow: hidden;
	text-align: left;
}

.sliderkit a, .sliderkit a:hover {
	text-decoration: none;
	display: block;
}

.sliderkit a:focus {
	outline: 1px dotted #000;
}

.sliderkit img {
	border: 0;
}

.sliderkit .sliderkit-nav {
	z-index: 10;
	position: absolute;
	text-align: center;
}

.sliderkit .sliderkit-nav-clip {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.sliderkit .sliderkit-nav-clip ul {
	position: relative;
	left: 0;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sliderkit .sliderkit-nav-clip ul li {
	float: left;
}

.sliderkit .sliderkit-nav-clip ul li a {
	display: block;
	overflow: hidden;
}

.sliderkit .sliderkit-btn {
	z-index: 10;
}

.sliderkit .sliderkit-panel {
	width: 100%;
	z-index: 1;
	position: absolute;
	overflow: hidden;
}

.sliderkit .sliderkit-panel-active {
	z-index: 5;
}

.sliderkit .sliderkit-panel-old {
	z-index: 4;
}

.sliderkit .sliderkit-panel .sliderkit-panel-textbox {
	position: absolute;
	z-index: 1;
}

.sliderkit .sliderkit-panel .sliderkit-panel-text {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
}

.sliderkit .sliderkit-panel .sliderkit-panel-overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}

.sliderkit .sliderkit-count {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
	padding: 5px;
	color: #fff;
	width: 50px;
	height: 30px;
	text-align: center;
	background: rgba(0, 0, 0, .5);
}

.sliderkit .sliderkit-timer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	height: 3px;
	background: #ccc;
}

/*비주얼 영역*/
.slider_wrap {
	position: relative;
	float: left;
	width: 100%;
	height: 236px;
	border-right: #c9d9ae solid 1px;
}

.visual_pager {
	position: absolute;
	bottom: 20px;
	left: 30px;
}

.visual_pager a {
	position: relative;
	color: #333;
	margin-right: 20px;
	opacity: 0.3
}

.visual_pager a:after {
	position: absolute;
	right: -17px;
	top: 50%;
	display: block;
	width: 15px;
	height: 1px;
	background: #333;
	opacity: 0.5;
	content: ""
}

.visual_pager a:last-child:after {
	display: none
}

.visual_pager a.selected {
	opacity: 1;
}

.visual_ctrl {
	position: absolute;
	bottom: 20px;
	right: 30px;
}
/*.visual_ctrl div a{ color:#333; margin:0 5px;  }*/

/* Panels buttons */
.sliderkit-panels .sliderkit-go-btn {
	display: none;
	position: absolute;
	top: 0;
	z-index: 10;
	width: 50px;
	height: 100%;
}

.sliderkit-panels .sliderkit-go-prev {
	left: 0;
}

.sliderkit-panels .sliderkit-go-next {
	right: 0;
}

.sliderkit-panels .sliderkit-go-btn a {
	display: block;
	width: 50px;
	height: 100%;
	opacity: 0.6;
	cursor: pointer;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
}

.sliderkit-panels .sliderkit-go-prev a {
	background-image: url("../images/slider-arrow-left.gif");
}

.sliderkit-panels .sliderkit-go-next a {
	background-image: url("../images/slider-arrow-right.gif");
}

.sliderkit-panels .sliderkit-btn-disable a {
	opacity: 0 /*can be set to any value until 1*/;
	cursor: default;
}

.sliderkit-panels .sliderkit-btn-disable a:hover {
	cursor: default;
}

.sliderkit-panels .sliderkit-go-btn span {
	display: none;
}

/* Nav */
.sliderkit-nav {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.sliderkit-nav-clip ul li {
	float: left;
	margin: 0 1px 0 0;
}

.sliderkit-nav-clip ul li a {
	display: block;
	padding: 2px 6px;
	color: #fff;
	background: #000
}

.sliderkit-nav-clip ul li.sliderkit-selected a {
	color: #000;
	background: #fff;
}

.sliderkit-nav-clip ul a:hover {
	color: #fff;
	background: #00668d;
}

/* Go buttons */
.sliderkit-controls {
	position: absolute;
	bottom: 20px;
	right: 30px;
	width: 95px;
	z-index: 100
}

.sliderkit-controls .sliderkit-go-btn a, .sliderkit-controls .sliderkit-play-btn a
	{
	position: relative;
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 1px;
	background: transparent url("../img/main/slideshow-btns.gif") no-repeat
		0 0;
}

.sliderkit-controls .sliderkit-btn span, .sliderkit-controls .sliderkit-play-btn span
	{
	display: none;
}

.sliderkit-controls .sliderkit-play-btn a {
	background-position: -93px 0;
}

.sliderkit-controls .sliderkit-play-btn a:hover, .sliderkit-controls .sliderkit-play-btn a:focus
	{
	background-position: -93px -30px;
}

.sliderkit-controls .sliderkit-pause-btn a {
	background-position: -62px 0;
}

.sliderkit-controls .sliderkit-pause-btn a:hover, .sliderkit-controls .sliderkit-pause-btn a:focus
	{
	background-position: -62px -30px;
}

.sliderkit-controls .sliderkit-go-prev a {
	background-position: -31px 0;
}

.sliderkit-controls .sliderkit-go-next a {
	background-position: 0 0;
}

.sliderkit-controls .sliderkit-go-prev a:hover, .sliderkit-controls .sliderkit-go-prev a:focus
	{
	background-position: -31px -30px;
}

.sliderkit-controls .sliderkit-go-next a:hover, .sliderkit-controls .sliderkit-go-next a:focus
	{
	background-position: 0 -30px;
}

#content_section {
	background: #ececec;
	padding: 30px 0
}

#content_section:after {
	display: block;
	content: "";
	clear: both
}

#content_section .sub_container_fix {
	width: 100%;
	background: #fff;
}

#aside_section {
	display: none;
	float: none;
	width: 100%;
}

#aside_section h2 {
	font-size: 30px;
	padding: 42px 0 54px 30px;
}

#aside_section .snb>li {
	border-top: #e8e8e8 solid 1px;
	border-bottom: #e8e8e8 solid 1px;
	margin-bottom: -1px;
}

#aside_section .snb>li>a {
	display: block;
	padding: 20px 30px;
}

#aside_section .snb>li>a:hover, #aside_section .snb>li>a.active {
	background: #ef4023 url(../img/sub/bg_left_arrow.jpg) 90% center
		no-repeat;
	color: #fff
}

#aside_section .snb>li>ul>li {
	border-top: #e8e8e8 solid 1px;
	border-bottom: #e8e8e8 solid 1px;
	margin-bottom: -1px;
}

#aside_section .snb>li>ul>li>a {
	display: block;
	padding: 15px 40px;
	background: #f5f5f5;
}

#aside_section .snb>li>ul>li>a:hover, #aside_section .snb>li>ul>li>a.active
	{
	background: #424242;
	color: #fff
}

.a0612 {
	display: none;
}

#contents_wrap {
	float: none;
	width: 100%;
	min-height: 350px;
}

#contents_wrap .content_top {
	position: relative;
	background: #f8f8f8;
	padding: 15px;
	border-bottom: #e8e8e8 solid 1px;
}

#contents_wrap .content_top h2 {
	font-size: 22px;
	font-weight: 700
}

#contents_wrap .breadcrumb {
	margin-top: 20px;
}

#contents_wrap .breadcrumb li {
	display: inline-block;
	font-family: "돋움";
	font-size: 12px;
	color: #9e9e9e
}

#contents_wrap .breadcrumb li a {
	color : #656565 !important;
}

#contents_wrap .breadcrumb li.home {
	background: url(../img/sub/bg_home.jpg) left top no-repeat;
	padding-left: 15px
}

#contents_wrap .util {
	position: absolute;
	top: 20px;
	right: 20px
}

#contents_wrap .util>li {
	float: left;
	border: #cdcdcd solid 1px;
	margin-left: -1px;
	line-height: 0
}

#contents_wrap .util>li:first-child {
	display: none
}

#contents_wrap .util li a {
	display: block;
	float: left
}

#contents_wrap .util li a img {
	width: 100%;
}

#contents_wrap .util li ul {
	width: 0px;
	display: block;
	height: 48px;
	float: left;
	/*-webkit-transition:0.2s ease-in;	-moz-transition:0.2s ease-in;	-o-transition:0.2s ease-in;	-ms-transition:0.2s ease-in;*/
	background: #fff;
	overflow: hidden
}

#contents_wrap .util li ul.open {
	float: left;
	width: 145px;
	transition: 0.2s ease-in;
	/*-webkit-transition:0.2s ease-in;	-moz-transition:0.2s ease-in;	-o-transition:0.2s ease-in;	-ms-transition:0.2s ease-in;*/
}

#contents_wrap .util li ul li {
	float: left;
	height: auto;
	border-left: #cdcdcd solid 1px;
	line-height: 0
}

#contents_wrap .util li ul li:last-child {
	margin-right: 0
}

#contents_wrap .util li ul li a {
	padding: 8px 6px
}

#contents_wrap .contents {
	font-family: 'SECGCWL';
	padding: 15px
}

.bottom {
	font-size: 0;
	text-align: center
}

.bottom .container_fix {
	position: relative;
	padding: 20px 10px;
	border-right: #c9d9ae solid 1px;
	border-left: #c9d9ae solid 1px
}

.bottom .sub_container_fix {
	padding: 20px 10px;
}

.bottom a {
	display: inline-block;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.bottom a:first-child {
	font-weight: bold
}

.bottom address {
	margin-top: 5px;
}

.bottom .copyright {
	margin-top: 5px;
}

.bottom a.gotop {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/sub/gotop.jpg) center no-repeat;
	margin: 0;
	text-indent: -9999px
}

.bottom div.licence {
	margin-top: 15px;
}

.bottom div.licence>p {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

.bottom div.licence>a {
	display: inline-block;
	width: 80px;
	vertical-align: top;
}

.bottom div.licence>a>img {
	width: 100%;
}

.sub_bottom {
	font-size: 0;
	text-align: center
}

.sub_bottom .sub_container_fix {
	position: relative;
	padding: 20px 10px;
}

.sub_bottom .sub_container_fix {
	padding: 20px 10px;
}

.sub_bottom a {
	display: inline-block;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.sub_bottom a:first-child {
	font-weight: bold
}

.sub_bottom address {
	margin-top: 5px;
}

.sub_bottom .copyright {
	margin-top: 5px;
}

.sub_bottom a.gotop {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/sub/gotop.jpg) center no-repeat;
	margin: 0;
	text-indent: -9999px
}

.sub_bottom div.licence {
	margin-top: 15px;
}

.sub_bottom div.licence>p {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

.sub_bottom div.licence>a {
	display: inline-block;
	width: 80px;
	vertical-align: top;
}

.sub_bottom div.licence>a>img {
	width: 100%;
}

.ready_wrap {
	text-align: center;
}

.ready_wrap img {
	width: 100%
}

#popup {
	display: none;
	border: #e8e8e8 solid 1px;
	text-align: center
}

.fancybox-skin {
	background: transparent !important
}

.popup_top {
	background: #fff url(../img/phone.png) center 20px no-repeat !important;
	padding-top: 170px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px
}

.popup_top span {
	display: block
}

.popup_top span.title {
	font-size: 25px;
	line-height: 150%;
	letter-spacing: -0.05em;
	margin-bottom: 18px;
}

.popup_top span.title .em01 {
	color: #ff4200
}

.popup_top span.title .em02 {
	color: #1397f4
}

.popup_top span.text {
	line-height: 150%;
	margin-bottom: 30px;
}

.popup_top a {
	display: block;
	width: 60%;
	margin: 0 auto;
	background: #1397f4;
	color: #fff;
	border: #09bbec solid 1px;
	padding: 13px 0
}

.popup_bottom {
	padding: 10px;
	overflow: hidden
}

.popup_bottom span {
	color: #fff;
	font-size: 14px;
}

.popup_bottom span.today {
	float: left
}

.popup_bottom span.close {
	float: right
}

.popup_bottom span.close img {
	vertical-align: middle;
	margin-left: 5px;
}

/* --- 0 ~ 320 --- */
@media screen and (max-width:360px) {
	#header .gnb>ul {
		
	}
}

@media screen and (min-width:411px) {
	.banner_box a {
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 77%;
	}
}
/* --- 0 ~ 599 --- */
@media screen and (min-width:599px) {
	#wrap.open {
		margin-left: 40%;
		transition: 0.25s ease-in;
		/*-webkit-transition: .25s all ease-in; -moz-transition: .25s all ease-in; -o-transition: .25s all ease-in;*/
	}
	#header .gnb>ul {
		
	}
	.slider_wrap {
		position: relative;
		float: left;
		width: 100%;
		height: 480px;
		border-right: #c9d9ae solid 1px;
	}
	.slider_wrap {
		float: left;
	}
	.banner_box {
		float: left;
		width: 33.333%;
		border-right: 0;
		border-left: #c9d9ae solid 1px;
		border-top: 0;
		height: 230px;
		background-position: center 25%;
		background-repeat: no-repeat;
		background-size: 40%;
	}
	.banner_box a {
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 62%;
	}
	.banner_block02 .banner_box:nth-child(3) {
		border-right: #c9d9ae solid 1px;
	}
	.banner_block02 .banner_box:nth-child(4) {
		width: 50%;
		border-top: #c9d9ae solid 1px;
		background-position: 80% center;
		height: 180px;
		background-size: auto;
	}
	.banner_block02 .banner_box:nth-child(4) a {
		padding-top: 15%;
	}
	.banner_block02 .banner_box:nth-child(4) span {
		text-align: left
	}
	.banner_block02 .banner_box:nth-child(5) {
		width: 50%;
		border-top: #c9d9ae solid 1px;
		height: 180px;
	}
	.banner_block02 .banner_box:nth-child(5) a {
		padding-top: 10%;
	}
	.banner_block02 .banner_box:nth-child(5) span {
		text-align: left
	}
	.shortcut {
		display: inline-block;
		width: 16.6%;
		font-size: 12px;
		border-right: 0;
		text-align: center;
		background-position: center 25%;
		background-repeat: no-repeat;
		background-size: 40%;
		padding-top: 80px;
		min-height: 110px;
		letter-spacing: -0.1em
	}
	.ready_wrap {
		text-align: center;
	}
	.ready_wrap img {
		width: auto
	}
}

@media screen and (min-width:768px) {
	.banner_box span.search_title {
		margin-top: 20px;
		margin-bottom: 25px;
	}
}
/* --- 0 ~ 900 --- */
@media screen and (min-width:899px) {
	.container_fix {
		width: 95%;
		border-right: #c9d9ae solid 1px;
		border-left: #c9d9ae solid 1px;
	}
	.slider_wrap {
		position: relative;
		float: left;
		width: 40%;
		height: 250px
	}

	/*banner*/
	.slider_wrap {
		position: relative;
		float: left;
		width: 40%;
		height: 250px
	}
	.banner_block01 {
		border-bottom: #c9d9ae solid 1px;
	}
	.banner_block02 {
		border-bottom: #c9d9ae solid 1px;
	}
	.banner_box {
		float: left;
		width: 20%;
		border-right: #c9d9ae solid 1px;
		border-left: 0;
		border-top: 0;
		height: 250px;
		background-position: center 25%;
		background-repeat: no-repeat;
		background-size: 50%;
	}
	.banner_box.icon01 {
		background-image: url(../img/main/icon01.png);
		background-color: #fffff6
	}
	.banner_box.icon02 {
		background-image: url(../img/main/icon02.png)
	}
	.banner_box.icon03 {
		background-image: url(../img/main/icon03.png)
	}
	.banner_box.icon04 {
		background-image: url(../img/main/icon04.png)
	}
	.banner_box.icon05 {
		background-image: url(../img/main/icon05.png);
		background-color: #f5fdff
	}
	.banner_box.icon06 {
		background-image: url(../img/main/icon06.png)
	}
	.banner_box.icon07 {
		background-image: url(../img/main/icon07.png);
		background-color: #f5fdff
	}
	.banner_box.no_border {
		border-right: 0
	}
	.banner_box a {
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 80%;
	}
	.banner_box span {
		display: block;
		text-align: center;
		max-width: 75%;
		margin: 0 auto
	}
	.banner_box span.upper {
		margin-bottom: 10px;
	}
	.banner_box span.title {
		font-size: 18px;
		font-weight: bold;
		color: #000
	}
	.banner_box span.sub_title {
		font-size: 14px;
		letter-spacing: -0.05em
	}
	.banner_box span.search_title {
		margin-top: 40px;
		margin-bottom: 25px;
		font-size: 27px;
		font-weight: bold;
		color: #000
	}
	.banner_block02 .banner_box:nth-child(3) {
		border-right: #c9d9ae solid 1px;
	}
	.banner_block02 .banner_box:nth-child(4) {
		width: 20%;
		border-top: 0;
		background-position: center 25%;
		height: 250px;
		background-size: 50%;
	}
	.banner_block02 .banner_box:nth-child(4) a {
		padding-top: 80%;
	}
	.banner_block02 .banner_box:nth-child(4) span {
		text-align: center
	}
	.banner_block02 .banner_box:nth-child(5) {
		width: 20%;
		border-top: 0;
		height: 250px
	}
	.banner_block02 .banner_box:nth-child(5) a {
		padding-top: 80%;
	}
	.banner_block02 .banner_box:nth-child(5) span {
		text-align: center
	}
	#search_form {
		text-align: center;
		margin-bottom: 40px;
	}
	.search_field {
		width: auto;
		height: 34px;
		border: #000 solid 1px
	}
	.m_search {
		position: absolute;
		right: 20%;
		top: 50%;
		margin-top: -10px;
	}
	.banner_block03 {
		font-size: 0;
		border-bottom: #c9d9ae solid 1px;
	}
	.shortcut {
		display: inline-block;
		width: 16.6%;
		font-size: 15px;
		border-left: 0;
		text-align: center;
		background-position: center 25%;
		background-repeat: no-repeat;
		background-size: auto;
		padding-top: 90px;
		min-height: 130px
	}
	.shortcut.no_border {
		border-right: 0;
	}
	.shortcut.icon01 {
		background-image: url(../img/main/icon_b01.jpg);
	}
	.shortcut.icon02 {
		background-image: url(../img/main/icon_b02.jpg);
	}
	.shortcut.icon03 {
		background-image: url(../img/main/icon_b03.jpg);
	}
	.shortcut.icon04 {
		background-image: url(../img/main/icon_b04.jpg);
	}
	.shortcut.icon05 {
		background-image: url(../img/main/icon_b05.jpg);
	}
	.shortcut.icon06 {
		background-image: url(../img/main/icon_b06.jpg);
	}
}

/* --- 0 ~ 1205 --- */
@media screen and (min-width:1025px) {
	.container_fix {
		position: relative;
		width: 1200px;
		margin: 0 auto;
		border-right: #c9d9ae solid 1px;
		border-left: #c9d9ae solid 1px;
	}
	.sub_container_fix {
		position: relative;
		width: 1200px;
		margin: 0 auto;
	}
	#header {
		position: relative;
	}
	#header .sub_container_fix {
		padding: 35px 0 10px;
	}
	#header .logo {
		float: none;
		width: 137px;
		margin: 0 auto
	}
	#header .logo_sub {
		width: 137px;
		margin-top: 0px;
		margin-left: 15px;
	}
	#header .tnb {
		position: absolute;
		width: auto;
		right: 10px;
		top: 10px;
		z-index: 3000
	}
	#header .tnb li {
		display: inline-block;
		width: auto;
		margin-left: 5px;
	}
	#header .tnb li:nth-child(4) {
		display: inline-block;
	}
	#header .tnb li a {
		display: block;
		background: #e5e5e5;
		font-size: 12px;
		font-weight: bold;
		padding: 5px 10px;
		border-radius: 30px;
		color: #000
	}
	#header .tnb li a.color01 {
		background: #ffeb00
	}
	#header .tnb li a.color02 {
		background: #0096ab;
		color: #fff
	}
	#header .gnb {
		float: right;
		display: block;
		width: 80%;
		max-width: none;
		box-sizing: border-box;
		background: #fff;
	}
	#header .gnb {
		display: block;
		position: relative;
		background: none;
		padding: 0;
		margin-left: 0;
	}
	#header .gnb>ul {
		width: 70%;
		float: right;
		overflow-y: visible
	}
	#header .gnb>ul>li {
		float: left;
		position: relative;
		width: 20%;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		border: 0;
	}
	#header .gnb>ul>li>a {
		display: block;
		color: #000;
		padding: 20px 0 30px 0;
	}
	#header .gnb>ul>li>a:hover {
		color: #ef4023
	}
	#header .gnb>ul>li>span.arrow {
		display: none;
		position: absolute;
		left: 50%;
		bottom: 0;
		font-size: 0;
		margin-left: -11px;
	}
	#header .gnb>ul>li:hover>span.arrow {
		display: block
	}
	#header .gnb>ul>li>ul {
		display: none;
		width: 100%;
		min-height: 168px;
		padding: 20px;
		border-top: #ef4023 solid 5px;
		margin-left: -1px;
		border-right: #ededed solid 1px;
	}
	#header .gnb>ul>li>ul.open_ul {
		position: absolute;
		top: 70px;
	}
	#header .gnb>ul>li>ul>li {
		text-align: left;
		font-size: 14px;
		background: #fff;
		border: 0;
		line-height: 130%;
	}
	#header .gnb>ul>li>ul>li>a {
		display: block;
		padding: 3px
	}
	#header .gnb>ul>li>a:after {
		display: none;
	}
	#header .gnb>ul>li>a:before {
		display: none;
	}
	#header .gnb>ul>li.active>a:after, #header .gnb>ul>li.active>a:before {
		display: none;
	}
	#header .gnb>ul>li:nth-child(5)>a {
		background: none
	}
	#header .gnb>ul>li:nth-child(5)>a:after {
		display: none;
	}
	#header .gnb>ul>li:nth-child(5)>a:before {
		display: none;
	}
	#header .gnb>ul>li:last-child {
		display: none
	}
	#header .close_btn {
		display: none
	}
	#header .gnb .login_box {
		display: none
	}
	#header .gnb .login_after {
		display: none
	}
	#header .gnb .login_before {
		display: none
	}
	#header .menu_toggle_btn {
		display: none;
		transition: 0.25s ease-in;
		/* -webkit-transition: .25s all ease-in; -moz-transition: .25s all ease-in; -o-transition: .25s all ease-in;*/
	}
	#header .drawer {
		position: absolute;
		top: 105px;
		height: 168px;
		background: #fff url(../img/sub/bg_drawer.jpg) left center no-repeat;
		border-top: #ef4023 solid 5px;
		border-bottom: #a2a2a2 solid 1px;
		opacity: 1;
	}
	.slider_wrap {
		float: left;
		width: 40%;
		height: 320px;
		border-right: #c9d9ae solid 1px;
		border-left: 0;
		border-bottom: 0;
	}
	banner_block01 {
		border-bottom: #c9d9ae solid 1px;
	}
	.banner_block02 {
		border-bottom: #c9d9ae solid 1px;
	}
	.banner_box {
		float: left;
		width: 20%;
		border-right: #c9d9ae solid 1px;
		border-left: 0;
		border-top: 0;
		height: 320px;
		background-position: center 30px;
		background-repeat: no-repeat;
		background-size: auto;
		box-sizing: border-box
	}
	.banner_box.no_border {
		border-right: 0
	}
	.banner_box a {
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 85%;
	}
	.banner_box a:hover {
		
	}
	.banner_box span {
		display: block;
		text-align: center;
		max-width: 90%;
		margin: 0 auto
	}
	.banner_box span.upper {
		margin-bottom: 10px;
	}
	.banner_box span.title {
		font-size: 24px;
		font-weight: bold;
		color: #000;
		letter-spacing: -0.05em
	}
	.banner_box span.sub_title {
		font-size: 16px;
		letter-spacing: -0.05em
	}
	.banner_box span.search_title {
		margin-top: 55px;
		margin-bottom: 25px;
		font-size: 27px;
		font-weight: bold;
		color: #000
	}
	.banner_block02 .banner_box:nth-child(3) {
		border-right: #c9d9ae solid 1px;
	}
	.banner_block02 .banner_box:nth-child(4) {
		width: 20%;
		border-top: 0;
		background-position: center 30px;
		height: 320px;
		background-size: auto;
	}
	.banner_block02 .banner_box:nth-child(4) a {
		padding-top: 85%;
	}
	.banner_block02 .banner_box:nth-child(4) span {
		text-align: center
	}
	.banner_block02 .banner_box:nth-child(5) {
		width: 20%;
		border-top: 0;
		height: 320px
	}
	.banner_block02 .banner_box:nth-child(5) a {
		padding-top: 85%;
	}
	.banner_block02 .banner_box:nth-child(5) span {
		text-align: center
	}
	#search_form {
		text-align: center;
		margin-bottom: 40px;
	}
	.search_field {
		width: auto;
		height: 34px;
		border: #000 solid 1px
	}
	.banner_block03 {
		font-size: 0;
		border-bottom: #c9d9ae solid 1px;
	}
	.shortcut {
		display: block;
		float: left;
		width: 20%;
		font-size: 15px;
		border-right: #c9d9ae solid 1px;
		border-left: 0;
		text-align: center;
		background-position: center 25%;
		background-repeat: no-repeat;
		background-size: auto;
		padding-top: 90px;
		min-height: 130px
	}
	.shortcut.no_border {
		border-right: 0;
	}
	.shortcut.icon01 {
		background-image: url(../img/main/icon_b01.jpg);
	}
	.shortcut.icon02 {
		background-image: url(../img/main/icon_b02.jpg);
	}
	.shortcut.icon03 {
		background-image: url(../img/main/icon_b03.jpg);
	}
	.shortcut.icon04 {
		background-image: url(../img/main/icon_b04.jpg);
	}
	.shortcut.icon05 {
		background-image: url(../img/main/icon_b05.jpg);
	}
	.shortcut.icon06 {
		background-image: url(../img/main/icon_b06.jpg);
	}
	.bottom {
		font-size: 14px;
		text-align: left
	}
	.bottom .container_fix {
		padding: 40px 35px 80px 35px;
	}
	.bottom .container_fix p.version {
		padding: 10px 0
	}
	.bottom a {
		margin-right: 10px;
	}
	.bottom address {
		margin-top: 5px;
	}
	.bottom .copyright {
		margin-top: 5px;
	}
	.bottom div.licence {
		position: absolute;
		top: 40px;
		right: 0;
		margin-top: 0;
	}
	.bottom div.licence>p {
		display: inline-block;
		vertical-align: top;
	}
	.bottom div.licence>a {
		display: inline-block;
		width: 100px;
		vertical-align: top;
	}
	.bottom div.licence>a>img {
		width: 100%;
	}
	.sub_bottom {
		font-size: 14px;
		text-align: left
	}
	.sub_bottom .sub_container_fix {
		padding: 40px 35px 80px 35px;
	}
	.sub_bottom .sub_container_fix p.version {
		padding: 10px 0
	}
	.sub_bottom a {
		margin-right: 10px;
	}
	.sub_bottom address {
		margin-top: 5px;
	}
	.sub_bottom .copyright {
		margin-top: 5px;
	}
	.sub_bottom div.licence {
		position: absolute;
		top: 40px;
		right: 0;
		margin-top: 0;
	}
	.sub_bottom div.licence>p {
		display: inline-block;
		vertical-align: top;
	}
	.sub_bottom div.licence>a {
		display: inline-block;
		width: 80px;
		vertical-align: top;
	}
	.sub_bottom div.licence>a>img {
		width: 100%;
	}
	#content_section {
		
	}
	#content_section:after {
		display: block;
		content: "";
		clear: both
	}
	#content_section .sub_container_fix {
		width: 1200px;
		margin: 0 auto;
		background: #fff;
	}
	#aside_section {
		display: block;
		float: left;
		width: 17.5%;
	}
	#contents_wrap {
		float: right;
		width: 82.5%;
		min-height: 700px;
		border-left: #e8e8e8 solid 1px
	}
	#contents_wrap .content_top {
		position: relative;
		background: #f8f8f8;
		padding: 40px 40px 22px 40px;
		border-bottom: #e8e8e8 solid 1px;
	}
	#contents_wrap .content_top h2 {
		font-size: 32px;
		font-weight: 700
	}
	#contents_wrap .breadcrumb {
		margin-top: 20px;
	}
	#contents_wrap .breadcrumb li {
		display: inline-block;
		font-family: "돋움";
		font-size: 12px;
		color: #9e9e9e
	}
	#contents_wrap .breadcrumb li a {
		color: #9e9e9e
	}
	#contents_wrap .breadcrumb li.home {
		background: url(../img/sub/bg_home.jpg) left top no-repeat;
		padding-left: 15px
	}
	#contents_wrap .util {
		position: absolute;
		top: 50px;
		right: 20px
	}
	#contents_wrap .util>li {
		float: left;
		border: #cdcdcd solid 1px;
		margin-left: -1px;
	}
	#contents_wrap .util li:first-child {
		display: block
	}
	#contents_wrap .util li ul {
		width: 0px;
		height: 48px;
		background: #fff;
		overflow: hidden
	}
	#contents_wrap .util li ul.open {
		width: 155px;
		transition: 0.2s ease-in;
		/*-webkit-transition:0.2s ease-in;	-moz-transition:0.2s ease-in;	-o-transition:0.2s ease-in;	-ms-transition:0.2s ease-in;	*/
	}
	#contents_wrap .util li ul li {
		float: left;
	}
	#contents_wrap .util li ul li a {
		padding: 8px;
	}
	#contents_wrap .contents {
		padding: 40px
	}
}

/* 20230630 메인 개편 */
body {
	background-color: #FAFAFA;
}

#header_new {
	background-color: #fff;
}

#header_new .header_new_inner {
	padding: 3.2rem 2rem 5.3rem 2rem;
	width: 100%;
	max-width: 120rem;
	margin: 0 auto;
}

#header_new .header_new_inner .nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#header_new .header_new_inner .nav .logo_gw {
	width: 13.14rem;
	height: 3.385rem;
	display: block;
	background: url(/home/site/baroeungda/img/logo_gj.png) no-repeat center
		center/contain;
	text-indent : -9999px;	
}

#header_new .header_new_inner .nav .logo {
	font-family: "HancomMalangMalang";
	font-weight: bold;
	font-size: 5rem;
	letter-spacing: -0.05em;
	color: #FF5E51;
	line-height: 1;
}

#header_new .header_new_inner .nav .logo span {
	color: #518BFF;
}

#header_new .header_new_inner .nav .link {
	display: flex;
	align-items: center;
}

#header_new .header_new_inner .nav .link li.gw a {
	margin-right: 1rem;
	border: 1px solid #DDDDDD;
	color: #4E4E4E;
}

#header_new .header_new_inner .nav .link li.gw_on a {
	background-color: #0698d5;
	color: #fff;
	position: relative;
}

#header_new .header_new_inner .nav .link li.gw_on a .gw_on_tail {
	width: 3.1rem;
	height: 3.1rem;
	display: block;
	background: url(/home/site/baroeungda/img/logo_gjon_23.png) no-repeat
		center center/contain;
	position: absolute;
	right: -1.5rem;
	top: -2rem;
	z-index: 1;
	transform-origin: bottom left;
}

#header_new .header_new_inner .nav .link li a {
	font-size: 1.4rem;
	display: block;
	border-radius: 3.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.8rem 2rem;
}

#main {
	background-color: #fff;
}

#footer {
	position: relative;
	background-color: #FAFAFA;
	padding: 2rem;
}

#footer .footer_inner {
	position: relative;
	max-width: 120rem;
	width: 100%;
	margin: 0 auto;
	display: block;
}

#footer .footer_inner .link {
	padding: 3.2rem 0;
	max-width: 83rem;
	display: flex;
	align-items: center;
}

#footer .footer_inner .link li a {
	font-size: 1.6rem;
	font-weight: 500;
	color: #4E4E4E;
}

#footer .footer_inner p {
	margin-top: 0.5rem;
	font-size: 1.4rem;
	color: #656565;
	display: block;
}

#footer .footer_inner .img_asset {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 2rem;
	display: flex;
	align-items: center;
	height: 4rem;
}

#footer .footer_inner .img_asset img {
	display: block;
	height: 100%;
	margin-right: 1rem;
}

#skip-nav a {
	display: block;
	text-align: center;
	height: 4rem;
	line-height: 4rem;
	font-size: 1.8rem;
	background-color: #333;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: -4rem;
	left: 0;
	width: 100%;
	z-index: 10;
}

#skip-nav a:focus, #skip-nav a:active {
	top: 0;
}

#scroll-top {
	position: fixed;
	right: 4rem;
	bottom: 3rem;
	border-radius: 50%;
	width: 9rem;
	height: 9rem;
	background-color: #5E5E5E;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: 0.25s all;
}

#scroll-top i {
	color: #fff;
	font-size: 2.4rem;
}

#scroll-top.disable {
	position: absolute;
	top: -5rem;
}

#scroll-top.on {
	opacity: 1;
}

@media ( max-width : 768px) {
	#header_new .header_new_inner {
		padding: 2.5rem 2rem 2.5rem 2rem;
	}
	#header_new .header_new_inner .nav .logo {
		font-size: 4.6rem;
	}
	#header_new .header_new_inner .nav .logo_gw {
		display: none;
	}
	#footer .footer_inner .link {
		overflow-x: auto;
	}
	#footer .footer_inner .link li a {
		white-space: nowrap;
		margin: 0 0.5rem;
	}
	#footer .footer_inner p {
		/*text-align: center;*/
	}
	#footer .footer_inner .img_asset {
		justify-content: center;
	}
	#scroll-top {
		width: 6.5rem;
		height: 6.5rem;
		right: 1.5rem;
		bottom: 1rem;
	}
	#scroll-top.disable {
		top: -3.25rem;
	}
}

@media ( max-width : 450px) {
	#header_new .header_new_inner {
		padding: 2rem;
	}
	#header_new .header_new_inner .nav .logo {
		font-size: 3.2rem;
	}
}

.vibration {
	animation: vibration 0.8s;
}

@
keyframes vibration { 0% {
	transform: rotate(1.2deg);
}
10%
{
transform




:


 


rotate




(-1
.2deg




);
}
20%
{
transform




:


 


rotate




(1
.2deg




);
}
30%
{
transform




:


 


rotate




(-1
.2deg




);
}
31%
{
transform




:


 


rotate




(0);
}
69%
{
transform




:


 


rotate




(0);
}
70%
{
transform




:


 


rotate




(1
.7deg




);
}
80%
{
transform




:


 


rotate




(-1
.7deg




);
}
90%
{
transform




:


 


rotate




(1
.7deg




);
}
100%
{
transform




:


 


rotate




(-1
.7deg




);
}
}