@charset "utf-8";
.text-align, .text-align-center {
	text-align: center;;
}
.top_widnow {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 1000;
	width: 180px;
	padding: 5px 0;
	text-align: center;
	background: #db3832;
	color: #fff;
	text-align: center;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s
}

.woldski_infobox01 {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 300px;
	z-index: 900;
	width: 180px;
	background: #333
}

.woldski_infobox01.main {
	display: block
}

.woldski_infobox01 ul {
	margin: 10px 10px;
	padding: 10px;
	border: 1px solid #fff;
	background: #3b3b3b
}

.woldski_infobox01 ul li {
	margin-bottom: 15px;
	text-align: center;
	color: #fff
}

.woldski_infobox01 ul li strong {
	font-size: 16px;
	font-family: 'swebDoh';
	border-bottom: 1px solid #fff
}

.woldski_infobox01 ul li span {
	display: block
}

.woldski_infobox01 ul li p {
	font-size: 14px
}

.top_widnow:hover {
	background: #333;
	text-decoration: none
}

.top_widnow p {
	font-size: 12px
}

.sns {
	margin-bottom: 10px
}

.sns:after {
	clear: both;
	display: block;
	content: ''
}

.sns li {
	display: inline-block;
	padding: 0 10px
}

.sns li a {
	font-size: 22px
}

figure {
	font-size: 0
}

.address_copy {
	display: inline-block;
	padding: 10px 50px;
	margin-bottom: 30px;
	border: 1px solid #9f0a0a;
	cursor: pointer;
	background: #db3832;
	color: #fff
}

.wrap {
	overflow: hidden
}

.wrap .container {
	min-height: 780px
}

.tb_box {
	display: table;
	width: 100%;
	height: 100%
}

.tb_box .tb_cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.header_wrap {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 500;
	width: 100%;
	height: 80px
}

.header_wrap .header {
	position: relative;
	max-width: 1180px;
	height: 80px;
	margin: 0 auto;
	background: #fff;
	border-top: 3px solid #db3832;
	background-image: url('../images/common/header_line.jpg');
	background-repeat: repeat-x;
	background-position: 0 100%
}

.phone_call {
	display: none
}

.header_wrap .header:after {
	clear: both;
	display: block;
	content: ''
}

.header_wrap .header .logo {
	float: left;
	width: 120px;
	padding: 20px 0;
	margin-left: 20px;
	margin-right: 130px
}

.header_wrap .header .logo a {
	display: block
}

.header_wrap .header .logo a img {
	width: 100%
}

.header_wrap .header .gnb {
	position: relative;
	z-index: 10;
	float: left;
	font-family: 'swebM';
	color: #333
}

.header_wrap .header .gnb ul {}

.header_wrap .header .gnb ul:after {
	clear: both;
	display: block;
	content: ''
}

.header_wrap .header .gnb ul li {
	float: left;
	width: 138px;
	height: 80px;
	line-height: 80px;
	padding: 0;
	text-align: center
}

.header_wrap .header .gnb ul li i {}

.header_wrap .header .gnb ul li a.dp1 {
	position: relative;
	display: inline-block
}

.header_wrap .header .gnb ul li a.dp1:after {
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: 10;
	display: block;
	width: 0%;
	height: 2px;
	content: '';
	background: #db3832;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s
}

.header_wrap .header .gnb ul li a.dp1:hover,
.header_wrap .header .gnb ul li a.dp1.active {
	color: #db3832
}

.header_wrap .header .gnb ul li a.dp1:hover:after {
	width: 100%
}

.header_wrap .header .gnb ul li a.dp1.active:after {
	width: 100%
}

.header_wrap .header .gnb ul li ul.dp2 li a.a_dp2:after {
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 10;
	display: block;
	width: 0%;
	height: 2px;
	content: '';
	background: #fff;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s
}

.header_wrap .header .gnb ul li ul.dp2 li a.a_dp2:hover:after {
	width: 100%
}

.header_wrap .header .gnb ul li ul.dp2 li a.a_dp2.active:after {
	width: 100%
}

.header_wrap .header .gnb ul li a:hover {
	text-decoration: none
}

.header_wrap .header .gnb ul li ul.dp2 {
	display: none;
	padding-top: 25px
}

.header_wrap .header .gnb ul li ul.dp2 li {
	float: none;
	height: 33px;
	line-height: 33px
}

.header_wrap .header .gnb ul li ul.dp2 li a.a_dp2 {
	position: relative;
	display: inline-block;
	color: #e3e1e1;
	font-family: 'swebR';
	font-size: 14px
}

.header_wrap .header .sns_kakao {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 77px;
	background: #db3832;
	color: #fff;
	text-align: center
}

.header_wrap .header .sns_kakao:hover {
	text-decoration: none
}

.header_wrap .header .sns_kakao span {
	display: block;
	font-family: 'swebM';
	font-size: 8px;
	line-height: 1
}

.header_wrap .header .sns_kakao .kakao {
	width: 30px;
	margin: 0 auto;
	padding-top: 15px
}

.header_wrap .header .sns_kakao .kakao img {
	width: 100%
}

.header_wrap .header .h_dim {
	position: absolute;
	top: 77px;
	left: 0;
	right: 0;
	display: none;
	height: 310px;
	background: rgba(0, 0, 0, 0.7)
}

.header_wrap .header .h_dim .list {
	position: absolute;
	left: 0;
	top: 0
}

.header_wrap .header .h_dim .list:after {
	clear: both;
	display: block;
	content: ''
}

.header_wrap .header .h_dim .list li {
	width: 180px
}

.header_wrap .header .h_dim .list li a {
	display: block
}

.header_wrap .header .h_dim .list li a img {
	width: 100%
}

.header_wrap .m_menu {
	display: none
}

.header_wrap .quick_bar {
	width: 1180px;
	margin: 0 auto;
	padding: 15px 0
}

.header_wrap .quick_bar:after {
	clear: both;
	display: block;
	content: ''
}

.header_wrap .quick_bar .list {
	float: right
}

.header_wrap .quick_bar .list:after {
	clear: both;
	display: block;
	content: ''
}

.header_wrap .quick_bar .list li {
	position: relative;
	float: left;
	padding: 0 5px
}

.header_wrap .quick_bar .list li:after {
	position: absolute;
	right: 0;
	top: 6px;
	z-index: 10;
	display: block;
	width: 1px;
	height: 15px;
	content: '';
	background: #fff
}

.header_wrap .quick_bar .list li:last-child:after {
	display: none
}

.header_wrap .quick_bar .list li a {
	padding: 5px 10px;
	color: #fff;
	font-size: 12px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s
}

.header_wrap .quick_bar .list li a:hover {
	text-decoration: none;
	color: #db3832
}

.header_wrap .quick_bar .list li a i {
	margin-right: 4px
}

.header_wrap .quick_bar .list li.ski_team {}

.header_wrap .quick_bar .list li.ski_team a {
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 4px
}

.header_wrap .quick_bar .list li.ski_team a:hover {
	color: #fff;
	background: #db3832;
	border-color: #db3832
}

.header_wrap .quick_bar .list li.bar_none:after {
	display: none
}

.bottom_quick {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background: #333
}

.bottom_quick ul {}

.bottom_quick ul:after {
	clear: both;
	display: block;
	content: ''
}

.bottom_quick ul li {
	position: relative;
	float: left;
	width: 25%;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	font-size: 10px
}

.bottom_quick ul li:after {
	position: absolute;
	left: 0;
	top: 11px;
	z-index: 10;
	display: block;
	width: 1px;
	height: 15px;
	content: '';
	background: rgba(255, 255, 255, .4)
}

.bottom_quick ul li:first-child:after {
	display: none
}

.bottom_quick ul li a {
	display: inline-block
}
.new_ft_copy {
	font-size: 14px;
	color: #555;
    padding: 0 20px;
}
#ft_copy {
	font-size: 14px
}

@keyframes z {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px
	}

	50% {
		background-position: 500px 500px, 100px 200px, -100px 150px
	}

	100% {
		background-position: 500px 1000px, 200px 400px, -100px 300px
	}
}

@-webkit-keyframes z {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px
	}

	50% {
		background-position: 500px 500px, 100px 200px, -100px 150px
	}

	100% {
		background-position: 500px 1000px, 200px 400px, -100px 300px
	}
}

@-moz-keyframes z {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px
	}

	50% {
		background-position: 500px 500px, 100px 200px, -100px 150px
	}

	100% {
		background-position: 500px 1000px, 200px 400px, -100px 300px
	}
}

@-o-keyframes z {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px
	}

	50% {
		background-position: 500px 500px, 100px 200px, -100px 150px
	}

	100% {
		background-position: 500px 1000px, 200px 400px, -100px 300px
	}
}

@-ms-keyframes z {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px
	}

	50% {
		background-position: 500px 500px, 100px 200px, -100px 150px
	}

	100% {
		background-position: 500px 1000px, 200px 400px, -100px 300px
	}
}

.tit_box {
	position: relative;
	z-index: 50;
	padding: 100px 0 50px 0;
	text-align: center
}

.tit_box.type02 {
	text-align: left;
	border-bottom: 1px solid #333;
	padding-bottom: 0px;
	margin-bottom: 50px
}

.tit_box.type02 .com_tit01 {
	padding-left: 15px;
	padding-bottom: 0;
	font-size: 32px
}

.tit_box.type02 .com_tit01:after {
	left: 0;
	top: 10px;
	width: 2px;
	height: 25px
}

.com_tit01 {
	position: relative;
	display: inline-block;
	padding: 0px 0 15px 0;
	margin: 0 auto;
	font-family: 'eng3', 'swebM';
	font-size: 30px;
	color: #333
}

.com_tit01:after {
	position: absolute;
	left: 0;
	top: -10px;
	z-index: 10;
	display: block;
	width: 100px;
	height: 2px;
	content: '';
	background: #ed1d25
}

.com_tit01 span {
	font-size: 34px;
	font-family: 'swebDoh';
	color: #db3832
}

.com_copy01 {
	padding: 0 10px;
	font-family: 'swebL';
	font-size: 18px;
	text-align: center
}

#world_conf {
	position: fixed;
	right: 50%;
	margin-right: -130px;
	top: 50px;
	z-index: 500;
	width: 260px;
	max-height: 500px;
	padding: 0;
	background: url('../images/common/conf_bg01.jpg') no-repeat;
	background-size: cover;
	text-align: center
}

#world_conf #world_conf_cnt {
	padding: 16px 20px
}

#world_conf h4 {
	display: inline-block;
	margin-bottom: 20px;
	font-family: 'swebM';
	font-size: 22px;
	color: #fff;
	text-align: center;
	border-bottom: 2px solid #fff
}

#world_conf .btn_submit {
	width: 100%;
	background: #333;
	margin-bottom: 5px;
	font-size: 12px
}

#world_conf .btn_cancel {
	width: 100%;
	background: #a40000;
	font-size: 12px
}

#world_conf input[type=text],
#world_conf input[type=password] {
	float: left;
	width: 170px;
	height: 28px;
	font-size: 12px;
	border-radius: 0;
	border: 0
}

#world_conf .pop_info_world {
	overflow: scroll;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background: #fafafa;
	width: 100%;
	height: 100%;
	padding: 10px
}

#world_conf .pop_info_world p {
	font-size: 14px;
	padding-top: 47px
}

#world_conf .pop_info_world.active {
	display: block
}

#world_conf .pop_info_world .world_cf_cc {
	font-size: 14px;
	background: #333;
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px 20px;
	color: #fff;
	width: 100%
}

#world_conf .write_div {
	margin-bottom: 5px
}

#world_conf .write_div:after {
	clear: both;
	display: block;
	content: ''
}

#world_conf .n_fs {
	float: left;
	width: 50px;
	padding-top: 3px;
	color: #fff;
	font-family: 'swebR';
	font-size: 14px
}

#world_conf .info_box {
	padding: 20px 0 5px 0;
	color: #fff;
	font-size: 12px
}

#world_conf .info_box p {
	padding-bottom: 15px;
	text-align: center
}

#world_conf .info_box a {
	display: block;
	padding: 5px 5px;
	background: #ddd;
	color: #333;
	text-align: center;
	font-family: 'swebM';
	font-size: 12px
}

#world_conf .info_box a:hover {
	text-decoration: none
}

.section-main03 {}

.section-main03:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background-image: url('../images/main/package_bg_0.jpg');
	background-repeat: no-repeat;
	background-position: 50% 350px
}

.section-main03 .article-main03 {
	max-width: 100%;
	padding-bottom: 100px
}

.article-main03 .list {
	max-width: 1080px;
	margin: 0 auto
}

.article-main03 .list:after {
	clear: both;
	display: block;
	content: ''
}

.article-main03 .list li {
	position: relative;
	float: left;
	width: 18%;
	min-height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0;
	transform: skew(-10deg);
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s
}

.article-main03 .list li.active {
	width: 36%
}

.article-main03 .list li.active:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 0, 0, .5);
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s
}

.article-main03 .list li a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	color: #fff;
	font-size: 24px
}

.article-main03 .list li a:hover {
	text-decoration: none
}

.article-main03 .list li.bg1 {
	background-image: url('../images/main/package_bg01.jpg')
}

.article-main03 .list li.bg2 {
	background-image: url('../images/main/package_bg02.jpg')
}

.article-main03 .list li.bg3 {
	background-image: url('../images/main/package_bg03.jpg')
}

.article-main03 .list li.bg4 {
	background-image: url('../images/main/package_bg04.jpg')
}

.article-main03.sub-special .list li.bg1 {
	background-image: url('../images/sub/info/info_img01.jpg')
}

.article-main03.sub-special .list li.bg2 {
	background-image: url('../images/sub/info/info_img02.jpg')
}

.article-main03.sub-special .list li.bg3 {
	background-image: url('../images/sub/info/info_img03.jpg')
}

.article-main03.sub-special .list li.bg4 {
	background-image: url('../images/sub/info/info_img04.jpg')
}

.real_time_ch {
	position: fixed;
	right: 10px;
	bottom: 65px;
	z-index: 1000;
	text-align: center;
	color: #fff;
	text-align: center
}

.real_time_ch p {
	line-height: 1;
	padding: 5px 5px 10px 5px;
	font-size: 16px
}

.skiteam_go {
	text-align: center
}

.skiteam_go a {
	display: inline-block;
	padding: 0 40px;
	background: #327ddb;
	text-align: center;
	color: #fff;
	line-height: 40px;
	height: 40px;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	border: 1px solid #0a3f9f
}

.skiteam_go a:hover {
	background: #333;
	text-decoration: none
}

.notice_board {
	padding-bottom: 30px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ddd
}

.notice_board:after {
	clear: both;
	display: block;
	content: ''
}

.notice_board dt {
	float: right;
	width: 30%
}

.notice_board dt figure.img_box {
	padding-bottom: 50%;
	text-indent: -99999px;
	background-size: cover;
	background-position: 50% 50%
}

.notice_board dd {
	float: left;
	width: 70%;
	padding-right: 70px
}

.notice_board dd a {
	display: block;
	color: #222;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s
}

.notice_board dd a:hover {
	color: #db3832;
	text-decoration: none
}

.notice_board dd a:hover p {
	color: #555;
	text-decoration: none
}

.notice_board dd strong {
	display: block;
	font-family: 'swebM';
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.notice_board dd p.txt_top {
	padding-bottom: 10px;
	color: #777;
	font-size: 16px
}

.notice_board dd p.txt_bottom {}

.notice_board dd p.txt_bottom span {
	display: inline-block;
	padding-right: 10px
}

.notice_board dd p.txt_bottom .name {}

.notice_board dd p.txt_bottom .date {}

.notice_board dd p.txt_bottom .count {}

.list_cf {}

.list_cf:after {
	clear: both;
	display: block;
	content: ''
}

.list_cf li {
	float: left;
	padding-right: 20px
}

.reply_ok {
	display: inline-block;
	padding: 5px 7px;
	background: #ddd;
	font-size: 12px;
	color: #333;
	width: 100%;
	text-align: center
}

.reply_ok.active {
	background: #db3832;
	color: #fff
}

.sweb_latest_two {
	margin-top: 100px;
	margin-bottom: 80px
}

.sweb_latest_two strong {
	font-family: 'swebM';
	font-size: 20px;
	color: #ed6478
}

.sweb_latest_two ul {}

.sweb_latest_two ul li {
	position: relative;
	border-bottom: 1px solid #ddd;
	padding-left: 20px
}

.sweb_latest_two ul li:after {
	position: absolute;
	left: 10px;
	top: 30px;
	z-index: 10;
	display: block;
	width: 5px;
	height: 5px;
	content: '';
	background: #555
}

.sweb_latest_two ul li a {
	display: block;
	padding: 20px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 80%;
	color: #777;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s
}

.sweb_latest_two ul li a:hover {
	color: #db3832
}

.sweb_latest_two ul li span.date {
	position: absolute;
	right: 10px;
	top: 20px;
	color: #777
}

@media only screen and (max-width:1440px) {
	.woldski_infobox01.main {
		display: none
	}

	section.section-main02 {
		background-size: 110%
	}
}

@media only screen and (max-width:1180px) {
	.header_wrap .quick_bar {
		width: 100%
	}
}

@media only screen and (max-width:1024px) {
	.sweb_latest_two {
		margin-bottom: 0;
		margin-top: 50px
	}

	.sweb_latest_two ul li a {
		width: 60%;
		font-size: 14px
	}

	.sweb_latest_two ul li span.date {
		font-size: 14px
	}

	.notice_board {
		margin-bottom: 20px
	}

	.notice_board dt {
		float: none;
		width: auto;
		margin-bottom: 10px
	}

	.notice_board dd {
		float: none;
		width: auto;
		padding-right: 0
	}

	.notice_board dd strong {
		font-size: 16px
	}

	.notice_board dd p.txt_top {
		font-size: 14px
	}

	.notice_board dd p.txt_bottom span {
		font-size: 14px
	}

	.top_widnow {
		width: 50px;
		bottom: 40px;
		right: 5px
	}

	.real_time_ch {
		display: none;
		left: 10px;
		right: auto;
		bottom: 35px
	}

	.real_time_ch.active {
		display: block
	}

	#world_conf {
		margin-right: auto;
		right: 0
	}

	.tit_box.type02 {
		font-size: 18px
	}

	.tit_box.type02 .com_tit01 {
		font-size: 18px;
		padding-left: 10px
	}

	.tit_box.type02 .com_tit01:after {
		top: 5px;
		height: 15px
	}

	.section-main02 .video_box:after {
		background: rgba(0, 0, 0, .6)
	}

	.section-main02 .articvle-main02:after {
		background-size: 100%;
		background-position: 50% 0px
	}

	.owl-carousel .owl-nav .owl-prev,
	.owl-carousel .owl-nav .owl-next {
		display: block
	}

	.section-main02 .articvle-main02 .slide_list li p {
		font-size: 14px
	}

	.section-main02 .com_tit01 {
		font-size: 16px
	}

	.section-main02 .video_box {
		top: 20px;
		width: 320px;
		margin-left: -160px
	}

	.section-main02 .articvle-main02 .text_list li {
		font-size: 14px
	}

	.section-main02 .articvle-main02 .text_list {
		margin: 10px 0 10px 0
	}

	.section-main02 .video_box video {
		display: none
	}

	.section-main02 .video_box .img_box {
		display: block
	}

	.section-main02 .video_box .img_box img {
		width: 100%
	}

	.bx-wrapper .bx-caption span {
		font-size: 14px;
		padding: 0
	}

	section.section-main02 {
		margin-top: 0;
		padding-bottom: 20px
	}

	.section-main02 .articvle-main02 {
		max-width: 760px
	}

	.tit_box {
		padding: 50px 0 30px 0
	}

	.com_tit01 {
		padding: 0 0 10px 0;
		font-size: 18px
	}

	.com_tit01 span {
		font-size: 20px
	}

	.com_copy01 {
		font-size: 14px
	}

	.bx-wrapper .bx-controls-direction a {
		width: 16px;
		height: 31px
	}

	.bx-wrapper .bx-prev {
		background-size: cover
	}

	.bx-wrapper .bx-next {
		background-size: cover;
		background-position: -20px 0px
	}

	.m1dp_list {
		display: block !important
	}

	.notice_lat {
		display: block
	}

	.bottom_quick {
		display: block
	}

	.main_sec01 {
		margin-top: 0px
	}

	.main_sec01 .tb_cell {
		font-size: 18px
	}

	.main_sec01 .tb_cell p+p {
		padding-bottom: 0
	}

	.main_sec01 .cover img {
		width: 100%
	}

	.main_sec01 video {
		left: 0;
		width: 100%;
		height: auto;
		margin-left: 0
	}

	.section-main02 .com_copy01 {
		font-size: 12px
	}

	#ft_copy {
		font-size: 12px
	}

	.mbtm20 {
		margin-bottom: 20px
	}

	.header_wrap .header .h_dim {
		background: rgba(0, 0, 0, .9)
	}

	.header_wrap .quick_bar {
		display: none
	}

	.header_wrap .header .gnb ul li a.dp1:after {
		bottom: 5px
	}

	.header_wrap .m_menu {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 47px;
		background: #db3832;
		color: #fff;
		text-align: center
	}

	.header_wrap .m_menu a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%
	}

	.header_wrap .m_menu span {
		position: absolute;
		left: 13px;
		display: block;
		width: 26px;
		height: 2px;
		background: #fff;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.header_wrap .m_menu span.a {
		top: 14px
	}

	.header_wrap .m_menu span.b {
		top: 22px
	}

	.header_wrap .m_menu span.c {
		top: 30px
	}

	.header_wrap .m_menu a.active span.a {
		top: 21px;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg)
	}

	.header_wrap .m_menu a.active span.b {
		opacity: 0;
		transform: translateX(40px);
		-webkit-transform: translateX(40px);
		-moz-transform: translateX(40px);
		-o-transform: translateX(40px);
		-ms-transform: translateX(40px)
	}

	.header_wrap .m_menu a.active span.c {
		top: 21px;
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg)
	}

	.header_wrap .header .gnb {
		position: absolute;
		left: 0;
		top: 16px;
		float: none;
		width: 100%;
		height: 0
	}

	.header_wrap .header .gnb ul.dp1_p {
		position: fixed
	}

	.header_wrap .header .gnb ul.dp1_p,
	.header_wrap .header .h_dim {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.header_wrap .header.active {}

	.header_wrap .header.active .gnb {
		height: auto
	}

	.header_wrap .header.active .gnb ul,
	.header_wrap .header.active .h_dim {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-o-transform: translateX(0%);
		-ms-transform: translateX(0%)
	}

	.header_wrap .header .gnb ul li {
		font-size: 14px
	}

	.header_wrap .header .gnb ul li i,
	.header_wrap .header .gnb ul li a.dp1 {
		color: #fff;
		font-size: 16px
	}

	.header_wrap .header .gnb ul li a.dp1.active i {
		color: #db3832
	}

	.phone_call {
		right: auto;
		left: 0;
		width: 50px;
		height: 47px
	}

	.header_wrap {
		top: 0;
		height: 50px
	}

	.header_wrap .header .logo {
		float: none;
		width: 90px;
		height: 33px;
		padding: 8px 0;
		margin: 0 auto
	}

	.header_wrap .header {
		height: 50px;
		line-height: 50px
	}

	.header_wrap .header .h_dim {
		position: fixed;
		top: 0;
		z-index: -1;
		display: block;
		height: 100%
	}

	.header_wrap .header .h_dim .list {
		display: none
	}

	.header_wrap .header .gnb ul.dp1_p {
		position: relative;
		padding-top: 15px
	}

	.header_wrap .header .gnb ul>li {
		padding-left: 35px
	}

	.header_wrap .header .gnb ul>li ul.dp2 li {
		padding-left: 0
	}

	.header_wrap .header .gnb ul li {
		width: 50%;
		height: auto;
		line-height: 40px;
		text-align: left
	}

	.header_wrap .header .gnb ul li ul.dp2 li {
		width: 100%
	}

	.header_wrap .header .gnb ul li ul.dp2 {
		display: block;
		padding-top: 0
	}

	.header_wrap .header .gnb ul li ul.dp2 li a.a_dp2 {
		color: #8b8b8b
	}

	.header_wrap .header .sns_kakao {
		right: auto;
		left: 0;
		width: 50px;
		height: 47px
	}

	.header_wrap .header .sns_kakao .kakao {
		width: 25px;
		padding-top: 8px
	}

	.header_wrap .header .sns_kakao span {
		display: none
	}

	.section-main03 .article-main03 {
		padding-bottom: 50px
	}

	.section-main03:after {
		background-position: 50% 230px;
		background-size: 150%
	}

	.article-main03 .list {
		margin: 0 20px
	}

	.article-main03 .list li {
		width: 25% !important;
		min-height: 250px
	}

	.article-main03 .list li:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: rgba(0, 0, 0, .2)
	}

	.article-main03 .list li a {
		font-size: 12px
	}
}

@media only screen and (max-width:768px) {
	section.section-main07 {
		margin-top: 0px
	}

	.section-main07 .img_list {
		padding: 0 10px
	}

	.sweb_latest .title_box a .btn_more {
		top: 8px
	}

	.sweb_review .btn_more {
		font-size: 12px
	}

	.sweb_review ul li span.name {
		padding-top: 20px;
		font-size: 12px;
		width: 80px
	}

	.sweb_review ul li {
		height: 60px;
		padding: 10px 20px 10px 110px;
		font-size: 12px
	}

	.sweb_review ul li .plus_icon {
		right: 15px;
		top: 21px;
		font-size: 18px
	}

	.section-main07 .img_list li {
		width: 25%
	}

	.section-main07 .img_list li a {
		height: 170px;
		margin: 0;
		font-size: 12px;
		background-size: 150%
	}

	.section-main07 .img_list li.bg05 {
		display: none
	}

	.section-main07 .com_tit01 {
		font-size: 18px
	}

	.section-main05 .tit_box .btn_more {
		width: 20px
	}

	.section-main05 .article-main05 ul li {
		width: 50%
	}

	.section-main05 .article-main05 ul li:nth-child(5),
	.section-main05 .article-main05 ul li:nth-child(6),
	.section-main05 .article-main05 ul li:nth-child(7),
	.section-main05 .article-main05 ul li:nth-child(8) {
		display: none
	}

	section.section-main02 {
		background-position: 50% 20px
	}

	.section-main04 ul li a {
		height: 110px
	}

	.section-main04 ul li a .link_btn {
		bottom: 5px;
		font-size: 12px
	}

	.section-main04 ul li a:hover .tb_wrap {
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		opacity: 1
	}

	.section-main04 ul li a:hover:after {
		background: rgba(22, 4, 76, 0.8)
	}

	.com_tit01:after {
		top: -10px;
		width: 50px
	}

	section.section-main02 {
		background-size: 110%
	}

	section.section-main02 .tit_box {
		padding-top: 60px;
		padding-bottom: 20px
	}

	.owl-carousel .owl-nav .owl-next {
		margin-left: 0;
		left: auto;
		right: 0px
	}

	.owl-carousel .owl-nav .owl-prev {
		margin-left: 0;
		left: 5px
	}

	.owl-carousel .owl-nav .owl-prev,
	.owl-carousel .owl-nav .owl-next {
		top: 90%
	}

	.section-main04 .cssarrow {
		bottom: 2px
	}

	.section-main04:after {
		padding-bottom: 5px;
		background-size: cover
	}

	.section-main04 .article-main04 .tb_box .tb_cell strong {
		font-size: 14px
	}

	.section-main04 .article-main04 .tb_box .tb_cell p {
		font-size: 12px
	}

	.section-main04 ul li {
		float: none;
		width: auto;
		padding: 0 20px
	}

	.sweb_latest {
		padding: 10px;
		margin: 5px 10px
	}

	.section-main06 {
		position: relative;
		z-index: 100;
		padding-bottom: 50px;
		background-size: cover;
		background-position: 15% 0
	}

	.section-main06 .article-main06 .lay_left {
		float: none;
		width: auto
	}

	.section-main06 .article-main06 .lay_right {
		float: none;
		width: auto
	}

	.section-main06 .com_tit01 {
		font-size: 18px
	}

	.sweb_latest ul li a {
		font-size: 12px
	}

	.sweb_latest ul li span.date {
		font-size: 12px
	}

	#bo_w .bo_w_flie .file_wr {
		font-size: 12px !important
	}
}