@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon/icomoona57c.eot?srf3rx");
	src: url("../fonts/icomoon/icomoona57c.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoona57c.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoona57c.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoona57c.svg?srf3rx#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
body {
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 1.8;
	font-size: 16px;
	background: #fff;
	color: #848484;
	font-weight: 400;
	overflow-x: hidden;
}
body.whs-offcanvas {
	overflow: hidden;
}

a {
	color: #2f9fd9;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
a:hover {
	text-decoration: none !important;
	color: #ffd054 !important;
}

p, ul, ol {
	margin-bottom: 1.5em;
	font-size: 18px;
	color: #333;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
}




h1, h2, h3, h4, h5, h6 {
	color: rgba(0, 0, 0, 0.9);
	font-weight: 400;
	margin: 0 0 30px 0;
}

figure {
	margin-bottom: 2em;
}

::-webkit-selection {
	color: #fcfcfc;
	background: #2f9fd9;
}

::-moz-selection {
	color: #fcfcfc;
	background: #2f9fd9;
}

::selection {
	color: #fcfcfc;
	background: #2f9fd9;
}

.btn {
	margin-right: 4px;
	margin-bottom: 4px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 16px;
	font-weight: 400;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.btn.btn-md {
	padding: 10px 20px !important;
}
.btn.btn-lg {
	padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
	box-shadow: none !important;
	outline: none !important;
	color: #fff !important;
}

.btn-primary {
	background: none;
	color: #fff;
	border: 2px solid #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background: #2f9fd9 !important;
	border-color: #2f9fd9 !important;
}


.btn-detail {
	background: none;
	color: #666;
	border: 1px solid #666;
	padding: 10px 20px 11px;
	border-radius: 3px;
}

.btn-detail:hover, .btn-primary:focus, .btn-primary:active {
	background: #2f9fd9 !important;
	border-color: #2f9fd9 !important;
}


.btn-primary.btn-outline {
	background: transparent;
	color: #2f9fd9;
	border: 2px solid #2f9fd9;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
	background: #2f9fd9;
	color: #fff !important;
}

.btn-success {
	background: #5cb85c;
	color: #fff;
	border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
	background: #4cae4c !important;
	border-color: #4cae4c !important;
}
.btn-success.btn-outline {
	background: transparent;
	color: #5cb85c;
	border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
	background: #5cb85c;
	color: #fff;
}

.btn-info {
	background: #5bc0de;
	color: #fff;
	border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
	background: #46b8da !important;
	border-color: #46b8da !important;
}
.btn-info.btn-outline {
	background: transparent;
	color: #5bc0de;
	border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
	background: #5bc0de;
	color: #fff;
}

.btn-warning {
	background: #f0ad4e;
	color: #fff;
	border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
	background: #eea236 !important;
	border-color: #eea236 !important;
}
.btn-warning.btn-outline {
	background: transparent;
	color: #f0ad4e;
	border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
	background: #f0ad4e;
	color: #fff;
}

.btn-danger {
	background: #d9534f;
	color: #fff;
	border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
	background: #d43f3a !important;
	border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
	background: transparent;
	color: #d9534f;
	border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
	background: #d9534f;
	color: #fff;
}

.btn-outline {
	background: none;
	border: 2px solid gray;
	font-size: 16px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
	box-shadow: none;
}

.btn.with-arrow {
	position: relative;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn.with-arrow i {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -8px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.btn.with-arrow:hover {
	padding-right: 50px;
}
.btn.with-arrow:hover i {
	color: #fff;
	right: 18px;
	visibility: visible;
	opacity: 1;
}

#whs-header {
	position: relative;
	margin-bottom: 0;
	z-index: 9999999;
}

.whs-cover,
.whs-hero {
	position: relative;
	height: 800px;
}
@media screen and (max-width: 800px) {
	.whs-cover,
	.whs-hero {
		height: 700px;
	}
}
.whs-cover.whs-hero-2,
.whs-hero.whs-hero-2 {
	height: 600px;
}
.whs-cover.whs-hero-2 .whs-overlay,
.whs-hero.whs-hero-2 .whs-overlay {
	position: absolute !important;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.7);
}

.whs-overlay {
	position: absolute !important;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.3);
}

.whs-cover {
	background-size: cover;
	position: relative;
}
@media screen and (max-width: 800px) {
	.whs-cover {
		heifght: inherit;
		padding: 3em 0;
	}
}
.whs-cover .btn {
	padding: 1em 2em;
	opacity: .9;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
}
.whs-cover.whs-cover_2 {
	height: 600px;
}
@media screen and (max-width: 800px) {
	.whs-cover.whs-cover_2 {
		heifght: inherit;
		padding: 3em 0;
	}
}
.whs-cover .desc {
	top: 50%;
	position: absolute;
	width: 100%;
	margin-top: -100px;
	z-index: 2;
	color: #fff;
}
@media screen and (max-width: 800px) {
	.whs-cover .desc {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.whs-cover .desc h2 {
	color: #fff;
	font-size: 55px;
	font-weight: 400;
	margin-bottom: 10px;
	line-height: 60px;
	letter-spacing: 1px;
}
@media screen and (max-width: 800px) {
	.whs-cover .desc h2 {
		font-size: 40px;
		line-height: 50px;
	}
}
.whs-cover .desc span {
	display: block;
	margin-bottom: 25px;
	font-size: 24px;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.8);
}
.whs-cover .desc span i {
	color: #151f2c;
}
.whs-cover .desc span a {
	color: rgba(255, 255, 255, 0.8);
}
.whs-cover .desc span a:hover, .whs-cover .desc span a:focus {
	color: #fff !important;
}
.whs-cover .desc span a.whs-site-name {
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

/* Superfish Override Menu */
.sf-menu {
	margin: 0 !important;
}

.sf-menu {
	float: right;
}

.sf-menu ul {
	box-shadow: none;
	border: transparent;
	min-width: 12em;
	*width: 12em;
}

.sf-menu a {
	color: rgba(0, 0, 0, 0.8);
	padding: 28px 28px 29px 10px!important;
	font-weight: normal;
	border-left: none;
	border-top: none;
	border-top: none;
	text-decoration: none;
	zoom: 1;
	font-size: 24px;
	border-bottom: none !important;
	font-weight: 400;
	letter-spacing:-2px;
}
.sf-menu a:hover, .sf-menu a:focus, .sf-menu a.active {
	background: #2f9fd9 !important;
	color: #fff !important;
}

.sf-menu li,
.sf-menu ul li,
.sf-menu ul ul li,
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: transparent;
}

.sf-menu ul li a,
.sf-menu ul ul li a {
	text-transform: none;
	padding: 0.25em 1em !important;
	letter-spacing: 1px;
}

.sf-menu li:hover a,
.sf-menu li.sfHover a,
.sf-menu ul li:hover a,
.sf-menu ul li.sfHover a,
.sf-menu li.active a {
	color: #000;
}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
	background: transparent;
}

.sf-menu ul li {
	background: transparent;
}

.sf-menu .custom_menu{background-color:#2f9fd9; color:#fff; width: 80px; text-align: center;padding:23px 0!important;}
.sf-menu .custom_menu2{background-color:#005871; color:#fff; width: 80px; text-align: center; padding:23px 0!important;}
.sf-menu .custom_menu3{background-color:#efefef; border-left: 1px solid #ddd;}
.sf-menu i{display:block;margin:5px 0;}
.sf-menu .icon-txt{font-size:15px;display:block; margin:5px 0;font-family: 'Noto Sans KR', sans-serif!important;}



.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	padding-right: 1em;
}

.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: #ccc;
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #ccc;
}

.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #ccc;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #ccc;
}

#whs-header-section {
	padding: 0;
	width: 100%;
	position:fixed;
	top:33px;
}
@media screen and (max-width: 800px) {
	#whs-header-section {
		padding: 2.4em 0;
	}
}

.nav-header {
	position: relative;
	float: left;
	width: 100%;
}

#whs-logo {
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 700;
	float: left;
	margin-bottom: 0;
	margin-top: 18px;
}
#whs-logo a {
	color: rgba(21, 31, 44, 0.8);
	/* border: 2px solid #2f9fd9; */
	padding: 0;
	position: relative;
	display: inline-block;
	width: 240px;
	height: 63px;

}

#whs-logo a img{width:240px;}

#whs-logo a i {
	color: #2f9fd9;
	font-size: 30px;
	padding-right: 12px;
}
#whs-logo a:hover, #whs-logo a:focus {
	color: rgba(0, 0, 0, 0.9) !important;
}
#whs-logo span {
	padding: 0;
	margin: 0;
	font-weight: 100;
}
@media screen and (max-width: 800px) {
	#whs-logo {width: 100%; float: none; margin-top: 0;}
}



.nav-custom{border-bottom: 1px solid rgba(255,255,255,0.25); position: fixed; top: 0px; width: 100%; background-color: transparent;}
.nav-custom .custom-menu{text-align:right; margin: 0;}
.nav-custom .custom-menu li{display:inline-block; color:#fff}
.nav-custom .custom-menu li a{color:#fff; margin-left:10px; font-weight: 400; font-size: 14px; margin-top: 4px; vertical-align: top; display: inline-block;}
.nav-custom  .custom-menu .left-custommenu{float:left}
.nav-custom  .custom-menu .left-custommenu a{margin:4px 10px 0 0;}
.nav-custom  .custom-menu .left-custommenu .custommenu-icon{margin-right:2px;vertical-align: top;display: inline-block;margin-top: 2px;}
.nav-custom  .custom-menu .left-custommenu .custommenu-icon img{width:20px;}
.header-section{background-color: transparent;}
.header-section .sf-menu a{color:#fff;}
.header-section .sf-menu .sf-with-ul:after{color:rgba(255, 255, 255, 0.6) !important;}


.nav-custom.slide-down{background-color: #FFF;border-bottom: 1px solid #eee;}
.nav-custom.slide-down .custom-menu li a{color:#333;}

.header-section.slide-down{-webkit-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22); -ms-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22); 	-o-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);	box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);}

.header-section.slide-down{background-color: #FFF;border-bottom: 1px solid #eee;}
.header-section.slide-down .nav-header #whs-logo a{background: url(../../../../52ch.kr_443/theme/52ch/images/52logo.png) center 0/cover!important;}
.header-section.slide-down .sf-menu a{color:#333;!important;}

#whs-menu-wrap {
	position: relative;
	z-index: 2;
	display: block;
	float: right;
}

#whs-primary-menu > li > ul li.active > a {
	color: #2f9fd9 !important;
}
#whs-primary-menu > li > .sf-with-ul:after {
	border: none !important;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	float: right;
	margin-right: 4px;
	top: 47%;
	margin-top: -7px;
	content: "\e922";
	color: rgba(0, 0, 0, 0.4);
}
#whs-primary-menu > li > .sf-with-ul:hover:after, #whs-primary-menu > li > .sf-with-ul:focus:after {
	color: #fff !important;
}
#whs-primary-menu > li > .sf-with-ul.active:after {
	color: white;
}
#whs-primary-menu > li > ul li {
	position: relative;
}
#whs-primary-menu > li > ul li > .sf-with-ul:after {
	border: none !important;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	float: right;
	margin-right: 10px;
	top: 20px;
	font-size: 16px;
	content: "\e924";
	color: rgba(0, 0, 0, 0.5);
}

#whs-primary-menu .whs-sub-menu {
	padding: 10px 7px 10px;
	background: #fff;
	left: 0;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
#whs-primary-menu .whs-sub-menu > li > .whs-sub-menu {
	left: 100%;
}

.site-header.has-image #primary-menu .sub-menu {
	border-color: #ebebeb;
	-webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
	-ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
	-o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
	box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
}
.site-header.has-image #primary-menu .sub-menu:before {
	display: none;
}

#whs-primary-menu .whs-sub-menu a {
	letter-spacing: 0;
	padding: 0 15px;
	font-size: 18px;
	line-height: 28px;
	color: #575757 !important;
	text-transform: none;
	background: none;
}
#whs-primary-menu .whs-sub-menu a:hover {
	color: #2f9fd9 !important;
	background: none !important;
}

#whs-hero {
	min-height: 700px;
	background: #fff url(../images/loader.gif) no-repeat center center;
}



#whs-hero .btn {
	font-size: 24px;
}
#whs-hero .btn.btn-primary {
	display: inline-block;
	padding: 14px 25px 15px !important;
	height: auto;
	border:3px solid #fff;
	color:#fff;
	border-radius: 35px;
	letter-spacing: -2px;
}
#whs-hero .flexslider {
	border: none;
	z-index: 1;
	margin-bottom: 0;
	overflow: hidden;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
}
#whs-hero .flexslider .slides {
	position: relative;
	overflow: hidden;
}
#whs-hero .flexslider .slides li {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 700px;
	position: relative;
}
#whs-hero .flexslider .slides li:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}
#whs-hero .flexslider .flex-control-nav {
	bottom: 40px;
	z-index: 1000;
}
#whs-hero .flexslider .flex-control-nav li a {
	background: rgba(255, 255, 255, 0.2);
	box-shadow: none;
	width: 12px;
	height: 12px;
	cursor: pointer;
}
#whs-hero .flexslider .flex-control-nav li a.flex-active {
	cursor: pointer;
	background: rgba(255, 255, 255, 0.7);
}
#whs-hero .flexslider .flex-direction-nav {
	/* display: none; */
}
#whs-hero .flexslider .slider-text {
	display: table;
	opacity: 0;
	min-height: 800px;
	z-index: 9;
	margin-top:80px;
}
#whs-hero .flexslider .slider-text a:hover {
	color: #fff !important;
}
#whs-hero .flexslider .slider-text > .slider-text-inner {
	display: table-cell;
	vertical-align: middle;
	min-height: 800px;
}
#whs-hero .flexslider .slider-text > .slider-text-inner h2 {
	font-size: 50px;
	font-weight: 400;
	color: #fff;
	letter-spacing: -6px;
	font-family: 'Noto Serif KR', serif;

}
#whs-hero .flexslider .slider-text > .slider-text-inner h4 {
	font-size: 32px;
	font-weight: 400;
	color: #fff;
	letter-spacing: -3px;
}

#whs-hero .flexslider .slider-text > .slider-text-inner p .btn:hover {
	color: #fff !important;
}
#whs-hero .flexslider .slider-text > .slider-text-inner .whs-lead {
	font-size: 20px;
	color: #fff;
}
#whs-hero .flexslider .slider-text > .slider-text-inner .whs-lead .icon-heart {
	color: #d9534f;
}



#whs-banner{
	height: 200px;
	background: #fff url(../images/loader.gif) no-repeat center center;
	margin-bottom:100px;
}

#whs-banner .flexslider ul li{height:200px;
	border-radius: 10px;
}
@media screen and (max-width: 800px) {
	#whs-banner .flexslider ul li{height:150px;}
	.flex-direction-nav a{top: 38%;}
	#whs-banner .flex-control-nav{bottom: -15px!important;}
}


#whs-services-section,
#whs-pricing-section,
#whs-blog-section,
#whs-counter-section,
#whs-about-section,
#whs-contact-section {
	padding: 60px 0;
	/*min-height: 1280px;*/
}

.whs-portfolio-section {
	padding-top: 7em;
	min-height: 600px;

}

.grey-bg {
	background: rgba(45, 64, 89, 0.1);
}

#whs-section {
	/* background: rgba(45, 64, 89, 0.1); */
	margin: 40px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
}



#whs-subtitle{
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
}



.col-half {
	width: 50%;
	float: left;
}
@media screen and (max-width: 992px) {
	.col-half {
		width: 100%;
	}
}
.col-half.col-half-2 {
	padding: 0;
	height:340px;
	border:5px solid #fff;
}

.col-half.col-half-2 .featured-top h2{display:inline-block; margin-right:30px; vertical-align: top;}
.col-half.col-half-2 .featured-btn{display:inline-block; float: right; padding-right:20px; padding: 5px 0 0 0;}
.col-half.col-half-2 .featured-btn .btn_tgl{border: 1px solid #ccc; padding: 2px 10px 4px; line-height: initial; vertical-align: top; margin-top: 5px;}

.col-half .btn-outline {
	background: none;
	border: 1px solid #fff !important;
	font-size: 16px;
	color: #fff;
	padding: 5px 20px 6px;
	border-radius: 3px;
}
.col-half .btn-outline:hover {
	background: transparent !important;
	color: #fff !important;
}
.col-half .btn-outline:hover i {
	color: #fff !important;
}
.col-half h2 {
	font-weight: 500;
	margin: 0;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 32px;
	letter-spacing: -2px;
}


.featured-top{
	height:60px;
}

.col-half .featured-inner {
	height:330px;
	position: relative;
}


.col-half .featured-bottom{position: absolute; bottom: 0; padding: 20px;		width: 100%; background: url(../images/bg_gra.png) center; background-repeat-y: no-repeat;}


.col-half .featured-inner i {
	float: left;
	font-size: 40px;
	color: #2f9fd9;
}
.col-half .featured-inner .desc {
	padding-left: 5em;
}
.col-half .featured-inner h3 {
	font-size: 24px;
	color:#fff;
	margin-bottom:15px;
}

.featured-inner p{margin-bottom:0; color:#fff;}

.btn-inner {margin-top:10px;}
.btn-inner .btn_normal{padding: 5px 20px 6px; border: 1px solid #fff; color:#fff;}
.btn-inner .btn_normal:hover{background-color:#2f9fd9; color:#fff!important;}


.col-half.col-half-color {
	background: #2f9fd9;
	margin-top: 60px;
}
.col-half.col-half-color h2, .col-half.col-half-color h3, .col-half.col-half-color p {
	color: #fff;
	margin:10px 0;
	line-height: 22px;
}





.col-half.col-half-color p {
	color: rgba(255, 255, 255, 0.9);
}
.col-half.col-half-color .row-half {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	margin: 0;
	overflow: hidden;
	height:165px!important;
}
.col-half.col-half-color .row-half .col-half-inner {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	background-size: cover;
	background-position: center center;
	position: relative;
	width: 50%;

	min-height: 165px;
	border:5px solid #fff;
}
@media screen and (max-width: 480px) {
	.col-half.col-half-color .row-half .col-half-inner {
		width: 100%;
	}
}
.col-half.col-half-color .row-half .col-half-inner.col-half-inner-bg {
	background: #df3d3b!important;
}
.col-half.col-half-color .row-half .col-half-inner.col-half-inner-bg2 {
	background: #2f9fd9 !important;
}
.col-half.col-half-color .row-half .col-half-inner.col-half-inner-bg3 {
	background: #e55b2f !important;
}
.col-half.col-half-color .row-half .col-half-inner.col-half-inner-bg4 {
	background: #f4951f !important;
}
.col-half.col-half-color .row-half .col-half-inner .desc {
	padding: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
}

.bg_ico{font-size: 60px;position: absolute; right: 30px; bottom: 20px; color: rgba(255, 255, 255, 0.3)!important;}


.col-half.col-half-color .row-half .col-half-inner .desc h3{
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 24px;
	letter-spacing: -2px;
}

.col-half.col-half-color .row-half .col-half-inner .desc blockquote {
	border: none;
	padding: 0;
}
.col-half.col-half-color .row-half .col-half-inner .desc blockquote .client {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
}
.col-half.col-half-color .row-half .grid-item {
	overflow: hidden;
}
.col-half.col-half-color .row-half .grid-item:after {
	position: absolute;
	background: rgba(0, 173, 181, 0.7) !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	z-index: 1;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.col-half.col-half-color .row-half .grid-item .desc2 {
	padding: 30px;
	position: absolute;
	bottom: -100px;
	left: 0;
	right: 0;
	z-index: 9;
	opacity: 0;
	-webkit-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}
.col-half.col-half-color .row-half .grid-item .desc2 h3 {
	margin-bottom: 10px;
}
.col-half.col-half-color .row-half .grid-item .desc2 span {
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
}
.col-half.col-half-color .row-half .grid-item:hover:after, .col-half.col-half-color .row-half .grid-item:focus:after {
	opacity: 1 !important;
}
.col-half.col-half-color .row-half .grid-item:hover .desc2, .col-half.col-half-color .row-half .grid-item:focus .desc2 {
	bottom: 5px;
	opacity: 1;
}

.services {
	margin-bottom: 1.5em;
	padding: 50px 25px 25px 25px;
	border: 2px solid rgba(45, 64, 89, 0.1);
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	min-height: 350px;
}
.services span {
	display: block;
	margin-bottom: 20px;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
}
.services span i {
	font-size: 30px;
	color: #2f9fd9;
	border: 2px solid rgba(45, 64, 89, 0.1);
	padding: 20px;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.services p{text-align:left}

#whs-portfolio-section {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
}
#whs-portfolio-section .portfolio-row-half {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	width: 100%;
}
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item {
	background-size: cover;
	background-position: center center;
	position: relative;
	width: 25%;
	height: 250px;
	float: left;
	overflow: hidden;
}
@media screen and (max-width: 992px) {
	#whs-portfolio-section .portfolio-row-half .portfolio-grid-item {
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	#whs-portfolio-section .portfolio-row-half .portfolio-grid-item {
		width: 100%;
	}
}
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item:after {
	position: absolute;
	background: rgba(0, 173, 181, 0.7) !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	z-index: 1;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item .desc2 {
	padding: 30px;
	height: 120px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	opacity: 1;
	-webkit-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	background: url(../images/bg_gra.png) top;
	background-repeat-y: no-repeat;
}
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item .desc2 h3 {
	margin-bottom: 5px;
	color: #fff;
}
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item .desc2 span {
	color: #fff;
	line-height: 20px;
	display:block;
}
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item .desc2 i {
	color: #fff;
	position: absolute;
	top: 35px;
	right: 30px;
	font-size: 20px;
}
/* #whs-portfolio-section .portfolio-row-half .portfolio-grid-item:hover:after, #whs-portfolio-section .portfolio-row-half .portfolio-grid-item:focus:after { */
/* opacity: 1 !important; */
/* } */
/* #whs-portfolio-section .portfolio-row-half .portfolio-grid-item:hover .desc2, #whs-portfolio-section .portfolio-row-half .portfolio-grid-item:focus .desc2 { */
/* bottom: 5px; */
/* opacity: 1; */
/* } */
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item-color {
	position: relative;
	width: 25%;
	height: 250px;
	float: left;
	background: #F36363;
}
@media screen and (max-width: 992px) {
	#whs-portfolio-section .portfolio-row-half .portfolio-grid-item-color {
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	#whs-portfolio-section .portfolio-row-half .portfolio-grid-item-color {
		width: 100%;
	}
}
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item-color:after {
	position: absolute;
	top: 110px;
	right: -20px;
	width: 0;
	height: 0;
	content: '';
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #F36363;
	z-index: 9;
}
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc {
	padding: 30px;
}
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc h2, #whs-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc p {
	color: #fff;
	line-height: 24px;
}
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc .btn-outline {
	background: none;
	border: 2px solid #fff !important;
	font-size: 16px;
	color: #fff;
}
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc .btn-outline:hover {
	background: transparent !important;
	color: #fff !important;
}
#whs-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc .btn-outline:hover i {
	color: #fff !important;
}

#whs-pricing-section .price-box {
	border: 2px solid #ECEEF0;
	text-align: center;
	padding: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 40px;
	position: relative;
}
#whs-pricing-section .price-box.popular {
	border: 2px solid #2f9fd9;
}
#whs-pricing-section .price-box.popular .popular-text {
	top: 0;
	left: 50%;
	margin-left: -54px;
	margin-top: -2em;
	position: absolute;
	padding: 4px 20px;
	background: #2f9fd9;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
#whs-pricing-section .price-box.popular .popular-text:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border-top: 10px solid black;
	border-top-color: #2f9fd9;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
#whs-pricing-section .pricing-plan {
	margin: 0;
	padding: 0;
	font-size: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
}
#whs-pricing-section .price {
	font-size: 50px;
	color: #000;
}
#whs-pricing-section .price .currency {
	font-size: 20px;
	top: -1.2em;
}
#whs-pricing-section .price small {
	font-size: 16px;
}
#whs-pricing-section .pricing-info {
	padding: 0;
	margin: 0 0 30px 0;
}
#whs-pricing-section .pricing-info li {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.testimony {
	border: 2px solid rgba(255, 255, 255, 0.3);
	padding: 50px 20px 20px 20px;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
@media screen and (max-width: 800px) {
	.testimony {
		margin-bottom: 60px;
	}
}
.testimony .quote {
	position: absolute;
	top: -40px;
	left: 50%;
	right: 0;
	margin-left: -40px;
}
.testimony .quote i {
	font-size: 30px;
	width: 80px;
	height: 80px;
	padding-top: 25px;
	color: rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0;
	top: 0;
	background: white;
	-webkit-box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
	-ms-box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
	-o-box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
	box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.testimony blockquote {
	border: none;
	position: relative;
}
.testimony blockquote p {
	font-size: 20px;
	line-height: 1.6em;
	color: rgba(255, 255, 255, 0.6) !important;
}
.testimony blockquote span {
	color: rgba(255, 255, 255, 0.7);
}
.testimony blockquote span a {
	font-size: 16px;
}

.feature-full-1col {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	width: 100%;
	margin-bottom: 30px;
}
.feature-full-1col .image, .feature-full-1col .desc {
	float: left;
	width: 50%;
}
@media screen and (max-width: 800px) {
	.feature-full-1col .image, .feature-full-1col .desc {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		position: relative;
		width: 100%;
	}
}
.feature-full-1col .image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
@media screen and (max-width: 800px) {
	.feature-full-1col .image {
		height: 300px;
	}
}
.feature-full-1col .desc {
	padding: 50px;
	background: #fff;
}
@media screen and (max-width: 800px) {
	.feature-full-1col .desc {
		padding: 30px;
	}
}
.feature-full-1col .desc.desc2 {
	background: rgba(45, 64, 89, 0.05);
}

.feature-full-2col {
	margin-bottom: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
	.feature-full-2col {
		flex-wrap: wrap;
		width: 100%;
	}
}
.feature-full-2col .blog-inner {
	float: left;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
	.feature-full-2col .blog-inner {
		width: 100%;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 800px) {
	.feature-full-2col .blog-inner {
		width: 100%;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
}
.feature-full-2col .blog-inner .image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/* position: absolute; */
	/* top: 0; */
	/* right: 0; */
	/* bottom: 0; */
}
@media screen and (max-width: 480px) {
	.feature-full-2col .blog-inner .image {
		position: relative;
		height: 200px;
	}
}
.feature-full-2col .blog-inner .image{
	width: 100%;
	height:200px;
}
.feature-full-2col .blog-inner .desc {
	width: 100%;
}
.feature-full-2col .blog-inner .desc h3{
	font-size:24px;
	padding:30px 20px 10px;
	margin:0;
}
.feature-full-2col .blog-inner .desc p{
	padding:0px 20px;
	font-size:16px;
	line-height: 22px;
}
.feature-full-2col .blog-inner .desc .btn_group{text-align:center;}

/* @media screen and (max-width: 480px) { */
/* .feature-full-2col .blog-inner .image, .feature-full-2col .blog-inner .desc { */
/* width: 100%; */
/* } */
/* } */
.feature-full-2col .blog-inner .desc {
	padding: 0;
	background: #fff;
}
.feature-full-2col .blog-inner .desc.desc2 {
	background: rgba(45, 64, 89, 0.05);
}

.whs-counters {
	padding: 3em 0;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.whs-counters .counter-wrap {
	border: 1px solid red !important;
}
.whs-counters .whs-counter {
	font-size: 44px;
	display: block;
	color: rgba(0, 0, 0, 0.7);
	font-family: 'Noto Sans KR', sans-serif;
	width: 100%;
	font-weight: 400;
	margin-bottom: .3em;
}
.whs-counters .whs-counter-label {
	color: rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 5px;
	margin-bottom: 2em;
	display: block;
}

.about-wrap {
	border: 2px solid rgba(45, 64, 89, 0.1);
	padding: 100px 30px 30px;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
@media screen and (max-width: 992px) {
	.about-wrap {
		margin-bottom: 6em;
	}
}
.about-wrap .about {
	position: absolute;
	top: -70px;
	left: 0;
	right: 0;
	width: 100%;
	margin-bottom: 40px;
}
.about-wrap .about > img {
	width: 140px;
	height: 140px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.about-wrap .desc h3 {
	margin-bottom: 10px;
}
.about-wrap .desc .pos {
	font-size: 13px;
	letter-spacing: 3px;
	color: rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
}

.googleplus-color {
	color: #dc4e41 !important;
}

.facebook-color {
	color: #3b5998 !important;
}

.twitter-color {
	color: #55acee !important;
}

.whs-heading {
	margin-bottom: 2.5em;
}
.whs-heading i {
	font-size: 40px;
	color: #2f9fd9;
	padding: 10px;
	display: block;
	margin-bottom: 20px;
}
.whs-heading h2 {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 34px;
	letter-spacing: -2px;
	margin-bottom:15px;
}

.whs-table,
.whs-table-cell,
.whs-parallax {
	height: 770px;
}

.whs-parallax2 {
	padding-top: 10em;
	height: inherit !important;
}
@media screen and (max-width: 992px) {
	.whs-parallax2 {
		padding-bottom: 10em;
	}
}

.whs-parallax {
	/* background-color: #555; */
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	margin-top: 30px;
}
.whs-parallax .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: black;
	opacity: .7;
}

@media screen and (max-width: 800px) {
	.whs-parallax {
		height: inherit;
		padding: 4em 0;
	}
}
.whs-parallax .whs-intro h1 {
	color: #fff;
	font-size: 34px;
	font-weight: 400;
	margin-bottom: 10px;
}
@media screen and (max-width: 800px) {
	.whs-parallax .whs-intro h1 {
		font-size: 30px;
	}
}
.whs-parallax .whs-intro p {
	color: #fff;
}
.whs-parallax .whs-intro p a {
	color: #fff;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.whs-parallax .whs-intro p a:hover {
	color: #fff;
}
.whs-parallax .whs-intro.box-area {
	padding: 40px;
	background: #222831;
}

.whs-table {
	display: table;
}

.whs-table-cell {
	display: table-cell;
	vertical-align: middle;
}

#whs-contact-section .contact-info {
	margin: 0;
	padding: 0;
}
#whs-contact-section .contact-info li {
	list-style: none;
	margin: 0 0 20px 0;
	position: relative;
	padding-left: 40px;
}
#whs-contact-section .contact-info li i {
	position: absolute;
	top: .3em;
	left: 0;
	font-size: 22px;
	color: rgba(0, 0, 0, 0.5);
}
#whs-contact-section .contact-info li a {
	font-weight: 400 !important;
	color: rgba(0, 0, 0, 0.3);
}
#whs-contact-section .form-control {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border: none;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 18px;
	font-weight: 400;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
}
#whs-contact-section .form-control:focus, #whs-contact-section .form-control:active {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
#whs-contact-section input[type="text"] {
	height: 50px;
}
#whs-contact-section .form-group {
	margin-bottom: 30px;
}

.section-title {
	font-weight: 700;
}

#map {
	width: 100%;
	height: 500px;
	position: relative;
}
@media screen and (max-width: 800px) {
	#map {
		height: 200px;
	}
}

.whs-social-icons > a {
	padding: 4px 5px;
	color: #2f9fd9;
}
.whs-social-icons > a i {
	font-size: 24px;
}
.whs-social-icons > a:hover, .whs-social-icons > a:focus, .whs-social-icons > a:active {
	text-decoration: none;
	color: #212121;
}

#footer {
	padding: 5em 0;
	float: left;
	width: 100%;
	background: rgba(21, 31, 44, 0.9);
	-webkit-box-shadow: inset 0px 4px 15px -12px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0px 4px 15px -12px rgba(0, 0, 0, 0.75);
	-ms-box-shadow: inset 0px 4px 15px -12px rgba(0, 0, 0, 0.75);
	-o-box-shadow: inset 0px 4px 15px -12px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0px 4px 15px -12px rgba(0, 0, 0, 0.75);
}
#footer a {
	color: #848484;
	text-decoration: underline;
}
#footer a:hover {
	color: #2f9fd9;
}
#footer h3 {
	font-size: 18px;
	color: #BAD2E8;
}
#footer p {
	color: #fff;
}
#footer ul.link {
	padding: 0;
	margin: 0;
}
#footer ul.link li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#footer #form-subscribe .form-field {
	position: relative;
}
#footer #form-subscribe input[type="email"] {
	background: #fff;
	padding: 5px 70px 5px 15px;
	border: none;
	height: 45px;
	line-height: 30px;
	width: 100%;
}
#footer #form-subscribe input[type="submit"] {
	background: #3c4146;
	border: none;
	color: #fff;
	height: 45px;
	padding: 5px 15px;
	position: absolute;
	right: 0;
	top: 0;
}
#footer .social-icons {
	padding: 0;
	margin: 0;
}
#footer .social-icons li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#footer .social-icons li a {
	font-size: 30px;
	text-decoration: none;
}
#footer .social-icons li a:hover, #footer .social-icons li a:focus, #footer .social-icons li a:active {
	outline: none;
	text-decoration: none;
}
#footer .social-icons li a:hover i, #footer .social-icons li a:focus i, #footer .social-icons li a:active i {
	text-decoration: none;
}
#footer .logo_s{width:100%;}

.js .animate-box {
	opacity: 0;
}

#whs-wrapper {
	overflow-x: hidden;
	position: relative;
}

.whs-offcanvas {
	overflow: hidden;
}
.whs-offcanvas #whs-wrapper {
	overflow: visible !important;
}

#whs-page {
	position: relative;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.whs-offcanvas #whs-page {
	-moz-transform: translateX(-240px);
	-webkit-transform: translateX(-240px);
	-ms-transform: translateX(-240px);
	-o-transform: translateX(-240px);
	transform: translateX(-240px);
}

@media screen and (max-width: 800px) {
	#whs-menu-wrap {
		display: none;
	}
}

#offcanvas-menu {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 99;
	background: #eee;
	right: -240px;
	width: 240px;
	padding: 0;
	overflow-y: scroll !important;
	border-left: 1px solid #2f9fd9;
}
#offcanvas-menu ul {
	padding: 0;
	margin: 0;
}
#offcanvas-menu ul li {
	padding: 0;
	margin: 0 0 10px 0;
	list-style: none;
}
#offcanvas-menu ul li a {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.4);
}
#offcanvas-menu ul li a:hover {
	color: #03A9F4!important;
	background-color: #eee;
}
#offcanvas-menu ul li > .whs-sub-menu {
	margin-top: 9px;
	padding-left: 20px;
}
#offcanvas-menu ul li.active > a {
	color: #2f9fd9;
}
#offcanvas-menu ul .whs-sub-menu {
	/* display: block !important; */
}

.whs-nav-toggle {
	margin-top: -8px !important;
	cursor: pointer;
	text-decoration: none;
}
.whs-nav-toggle.active i::before, .whs-nav-toggle.active i::after {
	background: #000;
}
.whs-nav-toggle.dark.active i::before, .whs-nav-toggle.dark.active i::after {
	background: #000;
}
.whs-nav-toggle:hover, .whs-nav-toggle:focus, .whs-nav-toggle:active {
	outline: none;
	border-bottom: none !important;
}
.whs-nav-toggle i {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 30px;
	height: 2px;
	color: #000;
	font: bold 14px/.4 Helvetica;
	text-transform: uppercase;
	text-indent: -55px;
	background: #000;
	transition: all .2s ease-out;
}
.whs-nav-toggle i::before, .whs-nav-toggle i::after {
	content: '';
	width: 30px;
	height: 2px;
	background: #000;
	position: absolute;
	left: 0;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.whs-nav-toggle.dark i {
	position: relative;
	color: #000;
	background: #000;
	transition: all .2s ease-out;
}
.whs-nav-toggle.dark i::before, .whs-nav-toggle.dark i::after {
	background: #000;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.whs-nav-toggle i::before {
	top: -10px;
}

.whs-nav-toggle i::after {
	bottom: -10px;
}

.whs-nav-toggle:hover i::before {
	top: -10px;
}

.whs-nav-toggle:hover i::after {
	bottom: -10px;
}

.whs-nav-toggle.active i {
	background: transparent;
}

.whs-nav-toggle.active i::before {
	top: 0;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.whs-nav-toggle.active i::after {
	bottom: 0;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}

.whs-nav-toggle {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 9999;
	display: block;
	margin: 0 auto;
	display: none;
	cursor: pointer;
}
@media screen and (max-width: 800px) {
	.whs-nav-toggle {
		display: block;
		top: 0px;
	}
}

@media screen and (max-width: 480px) {
	.col-xxs-12 {
		float: none;
		width: 100%;
	}
}

.row-bottom-padded-lg {
	padding-bottom: 7em;
}
@media screen and (max-width: 800px) {
	.row-bottom-padded-lg {
		padding-bottom: 2em;
	}
}

.row-top-padded-lg {
	padding-top: 7em;
}
@media screen and (max-width: 800px) {
	.row-top-padded-lg {
		padding-top: 2em;
	}
}

.row-bottom-padded-md {
	padding-bottom: 4em;
}
@media screen and (max-width: 800px) {
	.row-bottom-padded-md {
		padding-bottom: 2em;
	}
}

.row-top-padded-md {
	padding-top: 4em;
}
@media screen and (max-width: 800px) {
	.row-top-padded-md {
		padding-top: 2em;
	}
}

.row-bottom-padded-sm {
	padding-bottom: 2em;
}
@media screen and (max-width: 800px) {
	.row-bottom-padded-sm {
		padding-bottom: 2em;
	}
}

.row-top-padded-sm {
	padding-top: 2em;
}
@media screen and (max-width: 800px) {
	.row-top-padded-sm {
		padding-top: 2em;
	}
}

.border-bottom {
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.lead {
	line-height: 1.8;
}

.no-js #loader {
	display: none;
}

.js #loader {
	display: block;
	position: absolute;
	left: 100px;
	top: 0;
}

.whs-loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/hourglass.html) center no-repeat #222222;
}
/* 정충상 작업*/
#whs-hero .flexslider .flex-direction-nav a{height:60px; }
#whs-hero .flexslider .flex-direction-nav .flex-nav-prev a:before	{font-family:simple-line-icons; content: "\e605"; box-sizing: border-box; height:auto; width: auto; -webkit-tap-highlight-color:initial!important; color:#fff;text-shadow:initial;}
#whs-hero .flexslider .flex-direction-nav .flex-nav-next a:before	{font-family:simple-line-icons; content: "\e606"; box-sizing: border-box; height:auto; width: auto; -webkit-tap-highlight-color:initial!important; color:#fff;text-shadow:initial;}

#whs-banner .flexslider{position:relative; height: 190px; }
#whs-banner .flex-control-nav{bottom: -70px;}
#whs-banner .flexslider .flex-direction-nav a{height:56px;}
#whs-banner .flexslider .flex-direction-nav .flex-nav-prev a:before	{font-family:simple-line-icons; content: "\e07a"; box-sizing: border-box; height:auto; width: auto; -webkit-tap-highlight-color:initial!important; color:#333;text-shadow:initial;}
#whs-banner .flexslider .flex-direction-nav .flex-nav-next a:before	{font-family:simple-line-icons; content: "\e079"; box-sizing: border-box; height:auto; width: auto; -webkit-tap-highlight-color:initial!important; color:#333;text-shadow:initial;}

#whs-services-section{}
#whs-services-section .flexslider3{position:relative;}
#whs-services-section .flexslider3 .slides > li {padding: 50px 0 20px;}
#whs-services-section .flexslider3 .flex-direction-nav a{height:60px; opacity:1;}
#whs-services-section .flexslider3 .flex-direction-nav .flex-nav-prev a:before	{font-family:simple-line-icons; content: "\e605"; box-sizing: border-box; height:auto; width: auto; -webkit-tap-highlight-color:initial!important; color:#333;text-shadow:initial;}
#whs-services-section .flexslider3 .flex-direction-nav .flex-nav-next a:before	{font-family:simple-line-icons; content: "\e606"; box-sizing: border-box; height:auto; width: auto; -webkit-tap-highlight-color:initial!important; color:#333;text-shadow:initial;}


#whs-blog-section .whs-heading p{ line-height:24px;}
#whs-blog-section .services-content{min-height: 162px; display: inline-block;}
#whs-blog-section .flexslider4{background-color:initial; border:0; position:relative;}
#whs-blog-section .flexslider4 .slides > li .desc {padding: 30px 20px 20px; background-color: rgba(0, 0, 0, 0.5); border-radius:10px;}
#whs-blog-section .flexslider4 .slides > li .desc p{font-size:15px;color:#fff;}
#whs-blog-section .flexslider4 .slides li .desc h3{color:#fff;}
#whs-blog-section .flexslider4 .slides li .desc .btn-detail{color:#fff; border:1px solid #fff;}
#whs-blog-section .flexslider4 .flex-control-nav{bottom: -70px;}
#whs-blog-section .flexslider4 .flex-direction-nav a{height:60px; opacity:1;}
#whs-blog-section .flexslider4 .flex-direction-nav .flex-nav-prev a:before	{font-family:simple-line-icons; content: "\e605"; box-sizing: border-box; height:auto; width: auto; -webkit-tap-highlight-color:initial!important; color:#fff;text-shadow:initial;}
#whs-blog-section .flexslider4 .flex-direction-nav .flex-nav-next a:before	{font-family:simple-line-icons; content: "\e606"; box-sizing: border-box; height:auto; width: auto; -webkit-tap-highlight-color:initial!important; color:#fff;text-shadow:initial;}
/*# sourceMappingURL=style.css.map */





#cmb_my, #sod_fin, #ctt, #bo_gall, #bo_list, #bo_v, #bo_w{padding: 120px 0 30px;}
#sod_fin header h1, #cmb_my header h1, #ctt header h1, #people_cate h1, #bo_list h1, #bo_gall h1, #bo_v h1, #bo_w h1{font-family: 'Noto Serif KR', serif!important; text-align:center; margin-bottom: 10px; letter-spacing: -3px;}
#sod_fin header .sub_desc, #cmb_my header .sub_desc, #ctt header .sub_desc{text-align: center; display: block; color: #999; line-height: 18px;}
#sod_fin_no{background-color:#fff; margin-top: 36px; padding: 10px; text-align: center; font-size: 30px; font-weight: 400;}
#sod_fin_no strong{font-weight: 400; color:#e55a2e;}

#edu_apply{text-align: center}
#edu_apply h3{text-align: center;background: #fff;padding: 20px 0 24px;margin-top: 50px;}
#edu_apply table tr td{text-align: left!important;}
#edu_apply table tr td textarea{width: 100%; min-height: 120px}
#edu_apply .btn-apply{background: #0f75ac; color: #fff; display: inline-block; padding: 5px 30px 6px; text-align: center; height: auto; margin-top: 30px}





.pg_wrap .pg .pg_current, .pg_wrap .pg .pg_page{border-radius: 20px; width: 40px; height: 40px; font-weight: 300; line-height: 36px; text-align: center; margin: 4px 1px 0 0;}
.mmenu-top{display:none;}
.favorite-menu{display:none;}

.ctt_stream #ctt_con .wrapper {padding:30px 0 10px;}
#stream_01,#stream_02,#stream_03{margin:0 auto;}


#bo_w .btn_submit{border:0}



#bo_cate{border-radius: 30px;}
#bo_cate #bo_cate_ul{}
#bo_cate #bo_cate_ul li{}
#bo_cate #bo_cate_ul li a{border-radius: 20px; font-size: 16px; padding: 1px 15px 3px;}
#bo_cate #bo_cate_ul li #bo_cate_on{}

/*팝업*/
#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%;}


@media screen and (max-width: 800px) {

	/*팝업*/
	#hd_pop .hd_pops .hd_pops_con{width:100%!important; height: auto!important;}
	.hd_pops{left:0!important; }



	body, ul li {font-size:16px;}
	#whs-logo a{width:150px; height: 39px; background: url(../../../../52ch.kr_443/theme/52ch/images/52logo.png) center 39px/cover!important;}
	#whs-header-section{padding:10px 0; top:0}
	.header-section.slide-down{}
	.whs-nav-toggle i, .whs-nav-toggle i:before, .whs-nav-toggle i:after{background-color:#fff;}
	.header-section.slide-down .whs-nav-toggle i, .header-section.slide-down .whs-nav-toggle i:before, .header-section.slide-down .whs-nav-toggle i:after{background-color:#000;}
	.whs-nav-toggle{top: 8px; right: 10px}
	.col-half h2{font-size:28px;}
	.btn-inner .btn_normal{padding: 2px 10px 1px; margin: 5px 0; display: inline-block; font-size: 14px;}
	.col-half.col-half-color .row-half .col-half-inner{width:50%;}
	#whs-section{margin-bottom:20px;}
	#whs-banner{margin-bottom:50px;}
	.nav-custom{display:none;}
	#footer{padding:50px 0}
	#footer .logo_s{width:200px; margin-bottom:30px;}
	#footer p{font-size:16px; line-height:24px; margin:0}

	#whs-hero{}
	#whs-hero .flexslider .slider-text{min-height:600px;}
	#whs-hero .flexslider .slider-text > .slider-text-inner{}
	#whs-hero .flexslider .slider-text > .slider-text-inner h2{font-size: 38px; line-height: 46px; letter-spacing: -4px;}
	#whs-hero .flexslider .slider-text > .slider-text-inner h4{font-size: 24px; line-height: 32px; letter-spacing: -2px;}
	#whs-hero .flexslider .slider-text > .slider-text-inner p{}
	#whs-hero .btn.btn-primary{white-space: initial; line-height: 28px; font-size: 18px; letter-spacing: -1px;}



	/*모바일에서의 컨텐츠게시판 조정*/
	#peopledetail_wrap{padding:10px;}

	#whs-blog-section{}
	#plandetail_wrap{padding:10px;}


	#ctt, #cmb_my, #sod_fin{padding:30px 10px 10px;}
	#ctt_con h2{font-size:30px;}
	#ctt_con{padding:30px 10px;}
	#ctt_con .section{padding:0;}
	#ctt_con .box{padding:5px;}

	#sod_fin .sub_desc, #cmb_my .sub_desc, #ctt .sub_desc{line-height: 20px;}




	/*모바일에서의 게시판조정*/
	#bo_gall .gall_img a,#bo_gall .gall_img a span {height:200px!important;}
	#bo_gall .gall_text_href{line-height: 20px; font-size: 16px;min-height: 60px;}
	#bo_gall .gall_img .no_image{line-height: 20px; padding: 90px 10px; font-size: 16px;}
	.td_speechimg{width:100px;}
	.td_speechimg .speech_img{width:100%; height: 60px; vertical-align: middle;}
	#52-location ul li {font-size:16px}

	.td_num2{display:none;}
	#bo_gall, #bo_list, #bo_v, #bo_w{padding:30px 10px 10px;}
	#bo_list .tbl_head01 td{padding:10px 0;height:auto;}
	#bo_list .tbl_head01 a{font-size:16px;line-height: 20px!important;display: inline;}

	#bo_v .view_wrap, #bo_w .view_wrap, #bo_list .view_wrap{margin: 30px 0 10px;}
	#bo_v_title .bo_v_tit, #bo_v_title .bo_v_cate{font-size:24px; display: inline;}

	.view_wrap{padding:20px!important}

	#bo_v_file .bo_v_file_cnt{display:block; position: initial; line-height: 16px; font-size: 12px;}

	/*사이드메뉴*/
	.mmenu-top{display:block!important; background-color: #666; padding: 15px;font-size:16px;font-weight: 400;}
	.mmenu-top a{display:block; color:#fff;}

	.favorite-menu{display:block!important;}
	#offcanvas-menu ul li > .sub0 li{line-height: 36px; height: 39px;}


	.favorite-menu a{display:block; color:#fff; width: 33.333%; float: left; background-color: #00BCD4; text-align: center; font-size: 13px; line-height: 16px; padding: 10px 0; border-right: solid 1px #029baf; border-bottom: 1px solid #029baf;	}
	.favorite-menu a i{font-size: 22px;}
	#nav-toggle-close{position: absolute; right: 27px; top: 20px;}

	#bo_list .bo_tit .fa-heart{display: none;}


	.top{width: 100px; border-bottom: 1px solid #118dc5; margin: 0; line-height: 46px; background-color: #2f9fd9; text-align: center; font-weight: 500; display: block; height: 50px;}
	.whs-sub-ddown{color: #fff!important; width: 100px; display: block; height: 49px!important;}
	.whs-sub-menu{position: absolute; top: 0; left: 110px; width: 160px; margin-top: 0!important;}
	.whs-sub-menu li{border-bottom:1px solid #ccc}
	.whs-sub-menu li a{color:#666!important}
	#offcanvas-menu ul li > .whs-sub-menu{padding-left:0; text-align: left; }
	#offcanvas-menu ul li{margin:0}
	#offcanvas-menu ul li a{font-size:16px;font-weight: 400;}
	#whs-hero .flexslider .slider-text {margin-top:0px}

	.col-half.col-half-color .row-half .col-half-inner .desc{padding:10px;}
	.col-half.col-half-color .row-half .col-half-inner .desc p{font-size:16px;line-height: 20px;}
	.col-half.col-half-color .row-half .col-half-inner .desc .bg_ico{font-size:40px;bottom: 10px; right: 10px;}




	/*갤러리*/
	#bo_gall #gall_ul{padding:30px 10px!important;}
	#bo_gall #gall_ul li{padding:0}




	/*동영상*/
	.mainspeech{padding:0}
	.mainspeech iframe{height:150px;}
	#bo_list .tbl_head01 .bo_tit{font-size: 22px; line-height: 24px; width: 75%}
	#bo_list .tbl_head01 .bo_tit a{line-height: 24px}
	.mainspeech .speech_date{padding:10px; font-size:16px;line-height: 20px;width: 60px;}

	#bo_w .sub_desc, #bo_list .sub_desc, #bo_v .sub_desc{line-height: 20px;}
	#bo_v #bo_v_atc iframe{width:100%!important; height:200px;}
	#bo_v_con{width: 100%!important;}





	.register_wrap .tbl_wrap{padding:10px}

	/*회원가입관련*/
	#fregister h2{font-size:20px;}
	#fregister .fregister_agree{position:initial}
	#fregister_private table th, #fregister_private table td{font-size:14px; width:33.3%; line-height: 20px; padding: 5px;}
	#fregister .fregister_agree{line-height:20px;}

	/*동영상강의*/
	.li_border{text-align:center;}
	.cct li.cct_li .goods_price{display:block; position:initial}
	.cct_li .li_border{border: 1px solid #ddd; padding: 10px; height: 360px;}


	/*로그인관련*/
	.mbskin h1{margin:20px 0 10px; font-size: 24px;}
	#login_fs{padding: 20px 20px 0 20px;}
	#mb_login{padding-bottom:15px!important;}
	#mb_login #login_info{padding: 10px 20px 0!important;}
	#mb_login .login_exp{margin-bottom: 0;  font-size: 12px; letter-spacing: -1px; line-height: 15px;}
	#sns_login .sns-wrap{padding: 0 20px 5px!important;}
	#sns_login h3{font-size:18px;}
	#mb_login #login_info a{padding: 5px;}

	/*메인유튜브*/
	.col-half .featured-inner {height:260px!important;}
	.col-half .featured-inner iframe{height:260px!important;}
	.col-half{margin-top:0!important;}


	#whs-section .container{margin-right: 0!important; margin-left: 0!important; width:100%;}

}

/*로그인관련*/

#login_fs .btn_submit{font-weight:400!important; margin-bottom:10px!important;}
#login_fs label{font-weight:400!important;}
#sns_login h3{letter-spacing: -2px; font-weight:400; text-align:center; margin: 0;}
#sns_login .sns-wrap{padding: 0 50px;}
#sns_login .sns-wrap .sns-naver .txt {color:#fff; font-weight:400!important;}
#sns_login .sns-wrap .sns-kakao .txt {color:#3c1e1e; font-weight:400!important;}
#sns_login .sns-wrap .sns-google .txt {color:#fff; font-weight:400!important;}
#mb_login{padding:0 0 30px;}
#mb_login #login_info{padding: 20px 0 0;}
#mb_login #login_info a{font-weight:400!important;}


.register_wrap{padding:0}

/*회원가입관련*/
#fregister h2{margin:0!important}
#fregister textarea{height:250px;}

.copyright .copyright_txt{font-size:16px; line-height: 24px; margin-bottom:20px!important; }
.social-icons{text-align: right;}
.social-icons li{display: inline-block; width: 53px;text-align: center;}
.social-icons li a{color: #fff!important;font-size: 12px!important;line-height: 24px; text-align: center; letter-spacing:-1px}
.social-icons li a img{width:40px;}

#bo_v_title .bo_v_cate{color: #2f9fd9;}
#bo_v_file h2{font-size:20px; margin:0}

#bo_v_con{margin: 0 auto; width: 100%; line-height: 1.7em; min-height: 200px; word-break: break-all; overflow: hidden; color: #333; padding: 30px 0;	 border-bottom: 0; }
#bo_v_con a{color:#2f9fd9;}
#bo_v_atc{border:0; border-bottom: 1px solid #ccc;}
#bo_v_atc iframe{width:70%; height:430px;margin: 0 auto;display: block;}

.bo_vc_act li a{font-size:16px; border:1px solid #999; background-color:#fff; color:#999; border-radius:3px;}



.tbl_frm01 h2{font-size:24px;letter-spacing: -2px; margin-top:30px; color:#000}
.tbl_frm01 label{font-size:14px; font-weight: 400; width:100%; display: inline;}
.tbl_frm01 .frm_txt{display:block;}
#reg_mb_mailling, #reg_mb_sms, #reg_mb_open{width:20px;}

.tbl_frm01 .frm_info{font-size:14px!important; font-weight: 400; color: #f4951f!important;}
.tbl_frm01 ul li input{width:100%;}
.tbl_frm01 a.btn_frmline{font-size:16px;}
#fregisterform .frm_address{margin:0}


.bo_notice .notice_icon{width: initial; line-height: initial; padding: 1px 7px 3px;}

a.btn_admin, .btn_admin{padding: 5px 20px 6px; margin: 0; background-color: #d04b58; border-radius: 3px; color: #fff; margin-top: 5px; height: inherit; line-height: initial; font-weight:400;} /*관리자*/
a.btn_b02, .btn_b02{padding: 5px 20px 6px; margin: 0; background-color: #01a853; border-radius: 3px; color: #fff; margin-top: 5px; height: inherit; line-height: initial; font-weight:400;} /*등록*/
.tbl_head01 td{height: initial;}
#bo_list .txt_rdy, #bo_v_rel .txt_rdy{padding: 5px 10px 6px; margin: 0;border-radius: 3px;height: inherit; line-height: initial; font-weight:400;font-size: 14px; letter-spacing: -1px;} /*답변대기*/
#bo_list .txt_done, #bo_v_rel .txt_done{padding: 5px 10px 6px; margin: 0;border-radius: 3px;height: inherit; line-height: initial; font-weight:400;font-size: 14px; letter-spacing: -1px;} /*답변완료*/
.btn_bo_user li button{border:0}/*선택삭제*/
#bo_list a.btn_b01{padding: 5px 20px 6px; margin: 0; background-color: #4c4f6f; border-radius: 3px; color: #fff; margin-top: 5px; height: inherit; line-height: initial; font-weight:400;} /*목록*/
#bo_sch .sch_btn{float: right;}
#bo_list .tbl_head01 a{color: #333; font-weight:400; line-height: 22px; display: inline-block}
#bo_list .tbl_head01 td{font-style: initial;}

#bo_w .sub_desc, #bo_v .sub_desc, #bo_list .sub_desc {text-align: center; color: #999; display: block;}
#bo_cate #bo_cate_ul{padding: 0; margin: 0;}


#bo_list .tbl_head01 thead th{color: #555; border-bottom: 3px solid #999; height: 50px;}
#bo_list .tbl_head01 thead .tbl_subj{color: #555;border-bottom: 3px solid #555;}

#bo_v header{border:0}
.view_wrap{background-color: #fff; padding: 40px; margin: 40px 0; border-radius: 10px; }
#bo_v_title{padding: 12px 10px 14px; text-align: center; background-color: #eee; letter-spacing: -2px; font-size: 30px; margin: 0 0 10px 0;}
#bo_v_title .bo_v_cate{border: 0; font-size: inherit;}
#bo_v_title .bo_v_tit{font-weight: 500!important;}
#bo_v_info {padding: 3px 0 15px;margin: 0 0 20px; border:0; border-bottom: 1px solid #ccc;color: #666; background: #fff; ;}



#bo_v a.btn_b01{padding: 5px 20px 6px; margin: 0; background-color: #4c4f6f; border-radius: 3px; color: #fff; margin-top: 5px; height: inherit; line-height: initial; font-weight:400;}/*목록*/

.btn_cke_sc {display:none;}/*단축키삭제*/


#bo_v_ans_form .btn_submit{padding: 5px 20px 6px; margin: 0; background-color: #4c4f6f; border-radius: 3px; color: #fff; height: inherit; line-height: initial; font-weight:400;}/*답변쓰기*/

#bo_w .btn_cancel{padding: 5px 20px 6px; margin: 0; border-radius: 3px; color: #fff; height: inherit; line-height: initial; font-weight:400;}
#bo_w button.btn_submit{padding: 5px 20px 6px; margin: 0; background-color: #4c4f6f; border-radius: 3px; color: #fff; height: inherit; line-height: initial;}

#bo_w .bo_w_flie .frm_file{padding-left: 50px; font-size: 16px;}
#bo_w .frm_info{margin-bottom:0; font-weight:400;}

#bo_v_ans .add_qa{padding: 5px 20px 6px; margin: 0; border-radius: 3px;height: inherit; line-height: initial; font-weight:400;}
#ans_add .btn_b03{padding: 5px 20px 6px; margin: 0; border-radius: 3px;height: inherit; line-height: initial; font-weight:400; color:#b9bdd3}
#ans_add .btn_b03:hover{background-color:#b9bdd3;}
#bo_v_ans h2{padding:10px; margin:0}
#bo_v_ans #ans_datetime{font-style: initial;}


/*마이페이지*/
#cmb_my_ov{margin-top:36px;}
#cmb_my_act {text-align: center;}
#cmb_my_act ul li{display:inline-block;}
#cmb_my_act ul li a{padding: 5px 20px 6px; margin: 0;border-radius: 3px; margin-top: 5px; height: inherit; line-height: initial; font-weight:400;}
#cmb_my_act ul li a.btn02{border:0}
#cmb_my .tbl_wrap table tr td{text-align:center;}
#cmb_my h2{margin: 40px 0 20px; font-size: 26px; letter-spacing: -2px;}

#cmb_my_od, #cmb_my_charge, #cmb_my_wish{position:relative;}
#cmb_my .cmb_my_more{position:absolute; right:0;top:0}
#cmb_my .cmb_my_more a{padding: 5px 10px 6px; margin: 0;border-radius: 3px; height: inherit; line-height: initial; font-weight:400; font-size:14px;}
#cmb_my .tbl_wrap table{margin-bottom:0}


/*마이페이지*/
#sod_fin_list{margin-top:36px;}
#sod_fin_act {text-align: center;}
#sod_fin_act ul li{display:inline-block;}
#sod_fin_act ul li a{padding: 5px 20px 6px; margin: 0;border-radius: 3px; margin-top: 5px; height: inherit; line-height: initial; font-weight:400;}
#sod_fin_act ul li a.btn02{border:0}
#sod_fin .tbl_wrap table tr td{text-align:center; font-weight:400}
#sod_fin .tbl_wrap table tr td strong{font-weight:400; color:#e55a2e;}
#sod_fin h2{margin: 40px 0 20px; font-size: 26px; letter-spacing: -2px;}
#sod_fin h3{margin: 40px 0 20px; font-size: 26px; letter-spacing: -2px;}

#sod_fin_od, #sod_fin_charge, #sod_fin_wish{position:relative;}
#sod_fin .sod_fin_more{position:absolute; right:0;top:0}
#sod_fin .sod_fin_more a{padding: 5px 10px 6px; margin: 0;border-radius: 3px; height: inherit; line-height: initial; font-weight:400; font-size:14px;}
#sod_fin .tbl_wrap table{margin-bottom:0}

#cmb_my section{position: relative;}
/*주문내역*/
#sod_fin_list .tbl_head02 table th{font-weight:400; vertical-align:middle; text-align:center;}
#sod_fin_list .tbl_head02 table .td_imgsmall{border-right:1px solid #ddd;}
#sod_fin_list .tbl_head02 table #th_img{border-right:1px solid #ddd;}
#sod_bsk_tot th, #sod_bsk_tot td{width:50%;}
#sod_fin_view .tbl_head01 .table tr th{background-color:#fff; font-weight:400; text-align:center;}
#sod_fin_view .tbl_head01 .table tr td{color:#e55a2e;}
#sod_fin_view .tbl_head01 .table tr th, #sod_fin_view .tbl_head01 .table tr td{width:50%;}


#sod_fin_tot .tbl_head01 .table tr th{background-color:#fff; font-weight:400; text-align:center;}
#sod_fin_tot .tbl_head01 .table tr td{color:#e55a2e;}
#sod_fin_tot .tbl_head01 .table tr th, #sod_fin_tot .tbl_head01 .table tr td{width:50%;}

#sod_fin table td, #sod_fin table th{border-bottom:1px solid #ccc!important;}
.td_mngsmall a{border:1px solid #2f9fd9; background-color:#2f9fd9; color:#fff; font-size: 14px; padding: 2px 8px 3px; border-radius: 3px;}


/*동영상강의*/
.cct_li .li_border{border-radius:3px;}
.cct li.cct_li .cct_tit .goods_basic{margin-top:10px;}
.li_border a img{width:150px; height:150px;}
.ctt_lecture h2{margin-top: 30px;}
.ctt_lecture .h2_desc{margin-bottom: 10px!important;}
.cct li.cct_li .cct_price{padding:10px 0}
.cct li.cct_li .cct_tit .goods_tit{overflow: inherit; white-space: normal; font-size: 22px;}
.cct li.cct_li .goods_price{top: 10px;}

/*상품소개*/

#cct_hd{display:none;}
#cit_warpper{padding: 120px 0 30px;}
#cit_warpper h1{font-family: 'Noto Serif KR', serif!important; text-align: center; margin-bottom: 10px;letter-spacing: -3px;font-size: 36px;}
#cit_warpper .sub_desc{text-align: center; display: block; color: #999; }
#cit{padding: 40px 40px;line-height: 1.6em;margin-top: 36px;min-height: 400px;background-color: #fff;border-radius: 10px;letter-spacing: -1px; width:100%; border:0}
#cit_ov_wrap{margin:0}
#cit_pvi{border:0;}
#cit_pvi_big{width:100%;}
#cit_pvi_big a img{border: 1px solid #ccc; width: 100%;}
#cit_opt{width:100%; padding:0}
#cit_opt table td, #cit_opt table th{width:initial!important;}
#cit_opt table .t_c{text-align: center}

#cit_opt table th{text-align:center}
.cit_qty .it_qty{height: 23px;}
#cit_btn_wish{display:none;}
/*#cit_btn_cart{display:none;}*/
.cct_wrap{width:100%;}




/*주문하기*/
#codfrm_warpper{padding: 120px 0 30px;}
#codfrm_warpper h1{font-family: 'Noto Serif KR', serif!important; text-align: center; margin-bottom: 10px;letter-spacing: -3px;font-size: 36px;}
#codfrm_warpper .sub_desc{text-align: center; display: block; color: #999; }
#codfrm_warpper #cod_frm{padding: 40px 40px; line-height: 1.6em; margin-top: 36px; min-height: 400px; background-color: #fff; border-radius: 10px; letter-spacing: -1px;}
#codfrm_warpper #cod_frm #cod_list .sod_img{width:160px;}
#codfrm_warpper #cod_frm #cod_list .sod_img img{width:100%; height:150px;}
#codfrm_warpper .table th, #codfrm_warpper .table td{font-weight:400}
#codfrm_warpper label{font-weight:400}
#codfrm_warpper strong{color: #e55a2e;font-weight:400}
#codfrm_warpper  #od_memo{width:100%;}
#codfrm_warpper .sod_frm_pt{background-color:#efefef; padding:10px; border-radius:3px;}
#codfrm_warpper .sod_frm_pt p{margin-bottom:10px;}
#codfrm_warpper #sod_frm_paysel{    border: 3px solid #999; margin: 20px 0 10px; padding: 10px 20px; font-size:20px;}
#codfrm_warpper #sod_frm_paysel legend{border:0}
#codfrm_warpper .btn_confirm{text-align:center;}
#codfrm_warpper .btn_confirm .btn_submit, #codfrm_warpper .btn_confirm .btn01{padding: 5px 20px 6px; margin: 0;border-radius: 3px; margin-top: 5px; height: inherit; line-height: initial; font-weight:400;}
#codfrm_warpper #settle_bank{padding:10px 20px; background-color: #2f9fd9; font-size: 16px; color: #fff; border-radius: 3px; margin: 10px 0;}
#codfrm_warpper #settle_bank .frm_input{margin-left:20px; padding: 2px 7px 3px; height: auto;}


/*장바구니*/
#codbsk_warpper{padding: 120px 0 30px;}
#codbsk_warpper h1{font-family: 'Noto Serif KR', serif!important; text-align: center; margin-bottom: 10px;letter-spacing: -3px;font-size: 36px;}
#codbsk_warpper .sub_desc{text-align: center; display: block; color: #999; }
#codbsk_warpper #cod_bsk{padding: 40px 40px; line-height: 1.6em; margin-top: 36px; min-height: 400px; background-color: #fff; border-radius: 10px; letter-spacing: -1px;}
#codbsk_warpper #cod_bsk #cod_list .sod_img{width:160px;}
#codbsk_warpper #cod_bsk #cod_list .sod_img img{width:100%; height:150px;}
#codbsk_warpper .table th, #codbsk_warpper .table td{font-weight:400}
#codbsk_warpper label{font-weight:400}
#codbsk_warpper strong{color: #e55a2e;font-weight:400}
#codbsk_warpper  #od_memo{width:100%;}
#codbsk_warpper .sod_frm_pt{background-color:#efefef; padding:10px; border-radius:3px;}
#codbsk_warpper .sod_frm_pt p{margin-bottom:10px;}
#codbsk_warpper #sod_frm_paysel{    border: 3px solid #999; margin: 20px 0 10px; padding: 10px 20px; font-size:20px;}
#codbsk_warpper #sod_frm_paysel legend{border:0}
#codbsk_warpper .mod_option{padding: 5px 20px 6px; margin: 0;border-radius: 3px; border: 1px solid #ccc}
#codbsk_warpper .btn_confirm{text-align:center;}
#codbsk_warpper .btn_confirm .btn_submit, #codbsk_warpper .btn_confirm .btn_cancel{padding: 5px 20px 6px; margin: 0;border-radius: 3px; margin-top: 5px; height: inherit; line-height: initial; font-weight:400; border: 0}
#codbsk_warpper #cod_bsk_act{text-align:center;}
#codbsk_warpper #cod_bsk_act .btn_submit, #codbsk_warpper #cod_bsk_act .btn01{padding: 5px 20px 6px; margin: 0;border-radius: 3px; margin-top: 5px; height: inherit; line-height: initial; font-weight:400;}
#codbsk_warpper #settle_bank{padding:10px 20px; background-color: #2f9fd9; font-size: 16px; color: #fff; border-radius: 3px; margin: 10px 0;}
#codbsk_warpper #settle_bank .frm_input{margin-left:20px; padding: 2px 7px 3px; height: auto;}




/*소셜회원가입*/

#register_member{margin-top:36px;}
#register_member .right_i{    padding: 4px 10px 5px; margin: 0; height: initial; line-height: initial;}
#register_member label{font-weight:400;}
#register_member .mbskin .all_agree{font-weight:400;}
#register_member #fregisterform .btn_confirm .btn_submit{font-weight:400;}
#register_member #fregisterform .btn_confirm .btn_cancel{font-weight:400;}
#register_member .member_connect .strong{font-weight:400;}
#register_member .member_connect button{font-weight:400;}

#sns-link-pnl .connect-fg{letter-spacing: -2px; font-size: 14px;     line-height: 20px;}
#sns-link-pnl #login_fs .login_submit{height:initial; padding: 5px 0 7px;border-radius: 3px; margin-bottom:0;}
#sns-link-pnl .connect-fg{height: initial;}

/*장바구니버튼*/
.btn_cart{width: 100px; height: 100px; background: #2f9fd9; ; display: inline-block; position: fixed; top: 330px; right: 10px; border-radius: 50px; text-align: center; padding-top: 22px; line-height: 22px;}
.btn_cart a{color: #fff}
.btn_cart a:hover{color: #ffff00!important;}
.btn_cart a i{font-size: 30px; display: block}
@media screen and (max-width:768px) {
	.btn_cart {width: 100%; position: initial; height: auto; line-height: initial; padding: 10px 0; margin: 10px 0}
	.btn_cart a i{display: inline-block; font-size: 16px;}
}



/*메인 인터넷생중계*/
.custom_menu_live{color: #fff!important; background-color: #FF5722; padding: 0px 10px 0px; font-size: 12px!important; display: inline-block; vertical-align: top; margin-top: 5px!important; border-radius: 3px;}
