@charset "utf-8";

/* ------------------------------ font ------------------------------ */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* ------------------------------ common ------------------------------ */
* { margin: 0; padding: 0; }
html,body{ height:100%; font-family: 'Noto Sans KR', sans-serif; }
img,fieldset { border:0 }
menu,ul,ol { list-style:none }
em,address { font-style:normal }
hr,legend { display: none }
a { text-decoration: none; }
ul{ padding:0; margin:0; list-style:none; }
.topmenuList ul li { padding:0; margin:0; list-style:none; float:left; }
img { border:0; }
#wrap { width: 100%;  position: relative; min-width: 1450px; }

/* ------------------------------ header ------------------------------ */
#header {
	width:100%; height: 70px; position: fixed; z-index: 21; background-color: rgba(255,255,255,0.85);
	/*border-bottom: 1px solid #eee;*/ display: flex; justify-content: center; align-items: center;
}
#header .header_wrap { width:1050px; height:50px; min-width: 1050px; }
#header h1 { float:left; width:207px; height:70px; }
#header h1 a {  margin-top: 4px; display: block; }
#header .topmenuList { float:left; width:770px; height:50px; }
#header .topmenuList ul { width:799px; height:50px; }
#header .topmenuList ul li { width:100px; height:50px; line-height:50px; margin-left:60px; font-weight: 500; font-size:16px; text-align: center; }
#header .topmenuList ul li:first-child { margin-left:0px; }
#header .topmenuList ul li:hover { display:inline-block; width:100px; height:50px; }
#header .topmenuList ul li a {color:#000;}
#dropmenu {
	z-index: 20; position: fixed; top:-401px;
	width:100%; min-width: 1200px; height:275px; background-color: rgba(255,255,255,0.95); z-index: 20; border-bottom: 2px solid #ff6347;
}
#dropWrap {
	width:1050px; height:226px; margin:0 auto; font-family:gulim; font-size:12px; line-height:23px; padding-top:14px;
}
#dropWrap ul li { float:none; }
#dropWrap ul li a {color:#000;display:block;width:100%;padding:5px;}
#dropWrap ul li a:hover { color:#fff; }

/*회사소개서 download btn*/
#dropWrap .office_introduce_menu .downBtn { color:#555; position:absolute; top:20px; right:452px; border:1px solid #ddd; background:rgba(255,255,255,0.8) url(../images/gnb_company_info_down_btn.png)no-repeat 5% 50%; padding:2px 10px 2px 25px; font-size:13px;}
#dropWrap .office_introduce_menu .downBtn:hover { color:#fff; border:1px solid #ee3523; background:#ee3523 url(../images/gnb_company_info_down_btn_on.png)no-repeat 5% 50%;  }

.dim-layers .sitemap_content .downBtnSM { //position: absolute; //top: 420px; //left: 444px; color:#555; background:rgba(255,255,255,1) url(../images/gnb_company_info_down_btn.png)no-repeat 5% 50%; padding:7px 10px 7px 25px; font-size:13px;} /*margin:120px 0 0 28px;  */
.dim-layers .sitemap_content .downBtnSM:hover { color:#fff; background:#ee3523 url(../images/gnb_company_info_down_btn_on.png)no-repeat 5% 50%;  }




#navArr { position: absolute; top: 54px; z-index: 5; display: none; }
button { border: none; }
#popup_base { display:none; position:fixed; width:100%; height:100%; color: #fff; font-size: 70px; text-align: center; }
#popup_base p {
	margin: 200px auto; width: 550px; height: 565px; line-height: 110px; font-weight: 100;
	background: url('../images/ham_title.png');
}
#popup_base p button { font-size: 50px; width: 80px; height: 70px; position: absolute; top: -200px; right: -500px; background: none; color: #fff; }
#popup_base p a { color: #fff; opacity: 1; }
a.effect-underline:after {
	content: '';
	position: absolute;
	left: 37%;
	padding-bottom: 20px;
	display: inline-block;
	height: 1em;
	width: 150px;
	border-bottom: 1px solid;
	margin-top: 10px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

a.effect-underline:hover:after {
  opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* ------------------------------ right slide menu ------------------------------ */
.kwebtoggle {
	position: fixed; _position:absolute;
	right: -150px; top: 0px; z-index:22; width: 150px; height: 100%; border-left: 1px solid #d5d5d5; background: #fff;
}
.kwebtoggle_menu { width:130px; margin:0 auto; }
.kwebtoggle_menu li{ text-align:center;  display:block; padding:5.5px 0; }
.kwebtoggle_menu a{ display:block; position:relative; }
.kwebtoggle_menu a.fav{ /*left:-1px;*/ bottom:-1px; z-index:10; }
.openMask { _display: none; cursor: pointer; }
.openMask > button{background:none;}
.openMask > button > img {cursor:pointer;}
.kwebtoggle_menu .board_box { width:100%; }
.kwebtoggle_menu .board_box ul { width:130px; }
.kwebtoggle_menu .board_box li{ float: left; }
.kwebtoggle_menu .board_box li a {
	color:#000; width:130px; padding:7px 0; box-sizing:border-box; border:1px solid #929292; background: none repeat scroll 0% 0% #fff;
	text-align: center; display: block; font-size:14px; letter-spacing: -1px; font-weight: bold;
}
.kwebtoggle_menu .board_box li a:hover { color:#fff; background: none repeat scroll 0% 0% #000;border:1px solid #000; }

/* ------------------------------ section ------------------------------ */
#container { width:100%; min-height:3531px; background-color: #fff; }
.swiper-container > .swiper-wrapper > .swiper-slide > img { width: 100%; height: 800px; }
#sub_container { width:100%; min-height:auto;font-family: 'NoTo Sans KR';}
.swiper-slide-text {
	position: absolute; top: 30%; left: 50%; margin: 0 0 0 -600px; width: 1200px; height: 180px;
	font-size: 75px; z-index: 2; text-align: center; color: #fff; font-weight: 500; line-height:75px;
}
.swiper-slide-text > font {font-size:60px;text-shadow: 5px 5px 10px rgba(0,0,0,0.5);}
.second_section {
	width: 100%; height: 1020px; overflow:hidden;
}
.second_section > .second_title > h2 {
	font-size: 42px;
	font-weight: 300;
	margin: 100px auto 50px auto;
	text-align: center;
	line-height:50px;
	letter-spacing: -1.4px;
	color: #393939;
}
.second_section > .second_title > h2 span{font-weight:500;}

.second_section > .second_title > p {
	font-size: 20px;
	width: 1000px;
	font-weight: 400;
	margin: -30px auto;
	text-align: center;
	color: #000;
	letter-spacing: -1px;
	line-height: 25px;
}
.second_img {
	width:100%;
	margin: 150px auto;
	height: 250px;
	text-align:center;
}

/*두번째 섹션 슬릭슬라이더 부분 CSS*/
.second_section .slide_wrap{width:1920px; position:relative; left:50%; margin-left:-1020px;}
.second_section .com_slide{margin:0 auto;height:500px; overflow:hidden;}
.second_section .com_slide .slick-list{height:500px;overflow:hidden;}
.second_section .com_slide .slick-list .slick-slide div div{position:relative;}
.second_section .com_slide div div img{opacity:0.5; transition: all 300ms ease; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;
margin-top:57px;transform: scale(0.6);}
.second_section .com_slide div img:nth-child(2){opacity:0;}
.second_section .com_slide .slick-center img{transform: scale(1); opacity:1; }
.second_section .com_slide .slick-center img:nth-child(2){position:absolute; top:134px; right:-99px; -webkit-transition: all 0.7s;transition: all 0.7s;opacity:1;}


.second_sub_img {
	width: 1050px;
	height: 200px;
	margin: 20px auto;
}
.counter_wrap {
	width: 100%;
	height: 945px;
	background-image: url("../images/counter_bg_kweb.png");
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:100% 100%;
}
.counter_kweb {
	width: 100%;
	height: 820px;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}
.counter_number {
	width: 600px;
	height: 900px;
	position: relative;
	left: -4%;
	min-width: 600px;
}
.counter_circle {
	width: 420px;
	height: 420px;
	border-radius: 350px;
	border: 1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: 100;
	margin: 100px auto;
	line-height: 20px;
}
.counter_bottom {
	width: 1008px;
	height: 50px;
	margin: -60px auto;
	border-radius: 10px;
}
.counter_sub_bottom2, .counter_sub_bottom3, .counter_sub_bottom4, .counter_sub_bottom5, .counter_sub_bottom6, .counter_sub_bottom7 {
	width: 166px;
	height: 50px;
	float: left;
}
.counter_sub_bottom2 {
	border-radius: 10px 0 0 10px;
	margin-right:1px;
}
.counter_sub_bottom3, .counter_sub_bottom4, .counter_sub_bottom5, .counter_sub_bottom6 {margin-right:1px;}
.counter_sub_bottom7 {
	border-radius: 0 10px 10px 0;
}


/* ------------------------------ office introduce ------------------------------ */
.office_introduce_container { width: 100%; height: 185px; }
.office_introduce {
	float: left;
	width: 210px; height: 170px;
	font-family: 'Noto Sans KR', sans-serif;
	padding-top: 10px;
	line-height: 15px;
}
.office_introduce h1 { font-size: 20px; }
.office_introduce p { line-height: 15px; font-weight: 300; font-size: 12px; }
.office_introduce img { clear: left; margin-top: 10px; }
.office_introduce_menu {
	float: left;
	width: 200px;
	height: 245px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 15px;
	line-height: 25px;
	border-right: 1px solid #eee;
}
.office_introduce_menu ul li {
	width: 190px;
	cursor:pointer;
}
.office_introduce_menu ul li:hover {
	color: #fff;
	background-color: #ee3523;
}
.office_introduce_img {
	width: 600px;
	height: 245px;
	float: left;
	padding-top:16px;
}

/* ------------------------------ making service ------------------------------ */
.making_service_container { width: 100%; height: 185px; }
.making_service {
	float: left;
	width: 210px; height: 170px;
	font-family: 'Noto Sans KR', sans-serif;
	padding-top: 10px;
	line-height: 15px;
}
.making_service h1 { font-size: 20px; }
.making_service p { line-height: 15px; font-weight: 300; font-size: 12px; }
.making_service img { clear: left; margin-top: 10px; }
.making_service_img {
	width: 400px;
	height: 245px; /* same ####################################################### */
	float: left;
	padding: 0 0 0 20px;
}
.online_marketing_menus {
	float: left;
	width: 400px;
	height: 245px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 15px;
	line-height: 25px;
	border-right: 1px solid #eee;
}
.online_marketing_menus li:first-child {color:#ee3523;font-weight:bold;font-size:20px;}
.online_marketing_menus ul li {
	width: 190px;
	cursor:pointer;
}
.online_marketing_menus ul {float:left;}
.online_marketing_menus ul li:hover {
	color: #fff;
	background-color: #ee3523;
	cursor:pointer;
}
.online_marketing_menus ul li:hover a {color:#fff!important;}

/* ------------------------------ online marketing ------------------------------ */
.online_marketing_container { width: 100%; height: 185px; }
.online_marketing {
	float: left;
	width: 200px; height: 170px;
	font-family: 'Noto Sans KR', sans-serif;
	padding-top: 10px;
	line-height: 15px;
}
.online_marketing h1 { font-size: 20px; }
.online_marketing p { line-height: 15px; font-weight: 300; font-size: 12px; }
.online_marketing img { clear: left; margin-top: 10px; }
.online_marketing_menu {
	float: left;
	width: 600px;
	height: 245px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 15px;
	line-height: 25px;
	border-right: 1px solid #eee;
}
.online_marketing_menu li:first-child {color:#ee3523;font-weight:bold;font-size:20px;}
.online_marketing_menu ul li {
	width: 190px;
	cursor:pointer;
}
.online_marketing_menu ul {float:left;}
.online_marketing_menu ul li:hover {
	color: #fff;
	background-color: #ee3523;
	cursor:pointer;
}
.online_marketing_img {
	width: 200px;
	height: 245px;
	float: left;
	padding: 0 0 0 20px;
}

/* ------------------------------ portfolio ------------------------------ */
.portfolio_container { width: 100%; height: 185px; }
.portfolio {
	float: left;
	width: 210px; height: 170px;
	font-family: 'Noto Sans KR', sans-serif;
	padding-top: 10px;
	line-height: 15px;
}
.portfolio h1 { font-size: 20px; }
.portfolio p { line-height: 15px; font-weight: 300; font-size: 12px; }
.portfolio img { clear: left; margin-top: 10px; }
.portfolio_menu {
	float: left;
	width: 200px;
	height: 245px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 15px;
	line-height: 25px;
	border-right: 1px solid #eee;
}
.portfolio_menu ul li {
	width: 190px;
	cursor:pointer;
}
.portfolio_menu ul li:hover {
	color: #fff;
	background-color: #ee3523;
	cursor:pointer;
}
.portfolio_img {
	width: 600px;
	height: 245px;
	float: left;
	padding: 0 0 0 20px;
}

/* ------------------------------ customer ------------------------------ */
.customer_container { width: 100%; height: 185px; }
.customer {
	float: left;
	width: 210px; height: 170px;
	font-family: 'Noto Sans KR', sans-serif;
	padding-top: 10px;
	line-height: 15px;
}
.customer h1 { font-size: 20px; }
.customer p { line-height: 15px; font-weight: 300; font-size: 12px; }
.customer img { clear: left; margin-top: 10px; }
.customer_menu {
	float: left;
	width: 200px;
	height: 245px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 15px;
	line-height: 25px;
	border-right: 1px solid #eee;
}
.customer_menu ul li {
	width: 190px;
	cursor:pointer;
}
.customer_menu ul li:hover {
	color: #fff;
	background-color: #ee3523;
}
.customer_img {
	width: 600px;
	height: 245px;
	float: left;
	padding: 0 0 0 20px;
}
/*  ------------------------------ third section ------------------------------ */
.third_section {
	width: 100%;
	height: 1000px;
	background-color: #f2f2f2;
}
.third_section_center {
	width: 1450px;
	height: 1000px;
	margin: 0 auto;
}
.img_sub_div { width: 300px; height: 200px; position: relative; top: 150px; left: 100px; float: left; z-index: 3; }
.img_sub_div2 { width: 280px; height: 235px; position: relative; top: 175px; left: 85px; float: left; box-shadow: 40px 40px 40px rgba(0,0,0,.15); z-index: 2; }
.img_sub_div3 { width: 155px; height: 125px; position: relative; top: 100px; left: 25px; float: left; box-shadow: 12px 12px 10px rgba(0,0,0,.1); z-index: 3; }
.img_sub_div4 { width: 215px; height: 170px; box-shadow: 15px 15px 15px rgba(0,0,0,.15); position: relative; top: 175px; left: -20px; float: left; z-index: 4; }
.img_sub_div5 { width: 240px; height: 210px; box-shadow: 30px 30px 30px rgba(0,0,0,.15); position: relative; top: 205px; left: -50px; float: left; }
.img_sub_div6 { width: 220px; height: 195px; box-shadow: 40px 40px 40px rgba(0,0,0,.15); position: relative; top: 300px; left: -80px; float: left; }
.img_sub_div7 { width: 185px; height: 165px; box-shadow: 30px 30px 30px rgba(0,0,0,.15); position: relative; top: 140px; left: 270px; float: left; clear: left; z-index: 1; }
.img_sub_div8 { width: 270px; height: 170px; box-shadow: 30px 30px 30px rgba(0,0,0,.1); position: relative; top: 230px; left: 130px; float: left; }
.img_sub_div9 { width: 185px; height: 135px; box-shadow: 40px 40px 40px rgba(0,0,0,.15); position: relative; top: 290px; left: 160px; float: left; z-index: 1; }
.img_sub_div10 { width: 210px; height: 170px; box-shadow: 30px 30px 30px rgba(0,0,0,.1); position: relative; top: 135px; left: 5px; float: left; }
.img_sub_div11 { width: 190px; height: 175px; box-shadow: 30px 30px 30px rgba(0,0,0,.15); position: relative; top: 180px; left: 5px; float: left; z-index: 1; }
.img_sub_div12 { width: 170px; height: 140px; box-shadow: 30px 30px 30px rgba(0,0,0,.1); position: relative; top: 310px; left: -15px; float: left; }
.img_sub_div13 { width: 170px; height: 130px; box-shadow: 15px 15px 15px rgba(0,0,0,.15); position: relative; top: 225px; left: 510px; float: left; clear: left;}
.img_sub_div14 { width: 195px; height: 140px; box-shadow: 30px 30px 30px rgba(0,0,0,.1); position: relative; top: 275px; left: 565px; float: left;}
.img_sub_div15 { width: 220px; height: 140px; box-shadow: 15px 15px 15px rgba(0,0,0,.15); position: relative; top: 320px; left: 545px; float: left;}

/*  ------------------------------ fourth section ------------------------------ */
.fourth_section {
	width: 100%;
	/*height: 1350px;*/
	display: flex;
	align-items: center;
	padding:100px 0;
}
.fourth_center {
	width: 1200px;
	/*height: 1200px;*/
	margin:0 auto;
	min-width: 1200px;
}
.fourth_center > h1 {
	width: 250px;
	font-size: 50px;
	text-align: center;
	height: 100px;
	margin: 0 auto;
	font-weight: 100;
}
.fourth_center > h1:after {
	content: "";
	display: block;
	width: 60px;
	border-bottom: 1px solid #000;
	margin:10px auto;
}
.fourth_list {
	width: 100%;
	/*height: 1100px;*/
	margin-top: 70px;
	overflow: hidden;
}
.photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo11, .photo12 {
	width: 290px;
	height: 290px;
	transition: 1s;
	overflow: hidden;
	cursor:pointer;
}
.photo1, .photo2, .photo3, .photo5, .photo6, .photo7, .photo9, .photo10, .photo11 {
	margin: 0 10px 10px 0;
}
.photo4, .photo8 { margin-bottom: 10px;}

/*  ------------------------------ 실시간 진행현황 ------------------------------ */
.real_time_div {
	width: 100%;
	height: 900px;
}
.real_time_div > h2 {
	width: 365px;
	height: 70px;
	margin: 0 auto;
	text-align: center;
	font-size: 50px;
	font-weight: 100;
}
.real_time_div > h3 {
	width: 1000px;
	height: 50px;
	margin: 20px auto;
	font-weight: 100;
	font-size: 30px;
	display: flex;
	justify-content: center;
}
.real_time_div > h3 > span {
	font-weight: bold;
	color: #ee3523;
	font-size: 50px;
	line-height: 35px;
	letter-spacing: -1px;
}
.real_time_list {
	width: 1210px;
	height: 550px;
	margin: 0 auto;
}
.real_time_list_left {
	width: 920px;
	height: 550px;
	float: left;
}
.real_time_first, .real_time_second, .real_time_third, .real_time_fourth {
	width: 920px;
	height: 102px;
	border: 1px solid #ccc;
	margin-bottom: 7px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.real_time_fifth {
	width: 920px;
	height: 102px;
	border: 1px solid #ccc;
	display:flex;
	align-items:center;
	justify-content:center;
}

/*  ------------------------------ 무료 전화상담신청 ------------------------------ */
.real_time_list_right {
	float: left;
	width: 270px;
	height: 550px;
	margin-left: 10px;
	background-image: url("../images/free_advice_phone.png");
	background-repeat: no-repeat;
}
.real_time_list_right_title {
	width: 160px;
	height: 80px;
	margin: 0px auto;
	margin-top: 80px;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -1px;
	padding: 5px 0 5px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.real_time_list_right_title > h2 {font-weight:100;}
.real_time_list_right_title > h2 > span {font-weight: 400; font-size: 35px;}
.real_time_list_right_sub_title {
	width: 170px;
	height: 80px;
	margin: 0px auto;
	margin-top: 20px;
	text-align: center;
	font-size: 11px;
	line-height: 25px;
	letter-spacing: -1px;
	color: #fff;
}
.real_time_list_right_sub_titles {
	width: 180px;
	height: 40px;
	margin: 0px auto;
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -1px;
	font-weight: 100;
}
.real_time_list_right_sub_title h2 { font-weight:300; }
.real_time_list_right_sub_titles h4 { font-weight:300; }
.real_time_list_right_form {
	width: 240px;
	height: 70px;
	margin: 0 auto;
	margin-top: 10px;
	letter-spacing: -1px;
	font-weight: 100;
}

.real_time_list_right_form > form {
	width: 240px;
	height: 70px;
	padding: 1px;
}
form div + div { margin-top: 1px; }
label {
	display: inline-block;
	width: 60px;
	height: 30px;
	text-align: left;
}
input {
	width: 171px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #ccc;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-indent:10px;
	outline:none;
}
.number_input {
	width: 54px;
	margin-right: 2px;
}
input:focus { border-color: #000; }
.check_phone {
	width: 15px;
	height: 15px;
}
.check_text {
	font-size: 11px;
	padding-left: 5px;
}
.check_button {
	background-color: #000;
	color: #fff;
	width: 27px;
	height: 17px;
	font-size: 12px;
	margin-left: 15px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	border: 1px solid #000;
}
.check_button:hover {
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
}
.submit_phone {
	width: 230px;
	height: 30px;
	border-radius: 5px;
	background-color: #333;
	color: #fff;
	border: none;
	margin: 35px auto;
	cursor: pointer;
}
.submit_phone:hover {
	border: 1px solid #333;
	background-color: #fff;
	color: #333;
}
/*  ------------------------------ 케이웹미디어 갤러리 ------------------------------ */
.kweb_gallery {
	width: 100%;
	height: 1000px;
}
.kweb_gallery > h2 {
	width: 350px;
	height: 70px;
	text-align: center;
	font-weight: 100;
	font-size: 50px;
	margin: 0 auto;
}
.kweb_gallery > h2 > span {
	font-weight: normal;
	color: orange;
}
.kweb_gallery_sub_title {
	width: 518px;
	height: 30px;
	margin: 0 auto;
	display: block;
	text-align: center;
	color: #666;
	font-size: 18px;
	font-weight: 300;
}
.kweb_gallery_list, .kweb_gallery_list2, .kweb_gallery_list3 {
	float: left;
	width: 370px;
	height: 350px;
	margin: 0 30px 30px 0;
	cursor: pointer;
}
.kweb_gallery_list4 {
	clear: left;
	float: left;
	width: 370px;
	height: 350px;
	margin: 0 30px 0 0;
	cursor: pointer;
}
.kweb_gallery_list5 {
	float: left;
	width: 370px;
	height: 350px;
	margin: 0 30px 0 0;
	cursor: pointer;
}
.kweb_gallery_list6 {
	float: left;
	width: 370px;
	height: 350px;
	cursor: pointer;
}
figure.snip1384 {
  position: relative;
  float: left;
  overflow: hidden;
  width: 370px;
  height: 350px;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  background-color: #000000;
}
figure.snip1384 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.snip1384 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}
figure.snip1384:after,
figure.snip1384 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
figure.snip1384:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
figure.snip1384 figcaption {
  z-index: 1;
  padding: 40px;
}
figure.snip1384 h3,
figure.snip1384 .links {
  width: 100%;
  margin: 5px 0;
  padding: 0;
}
figure.snip1384 h3 {
  line-height: 1.1em;
  font-weight: 200;
  font-size: 40px;
  text-transform: uppercase;
  opacity: 0;
}
figure.snip1384 p {
  font-size: 15px;
  font-weight: 100;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
figure.snip1384 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
figure.snip1384:hover img,
figure.snip1384.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
figure.snip1384:hover:after,
figure.snip1384.hover:after {
  opacity: 1;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
figure.snip1384:hover h3,
figure.snip1384.hover h3,
figure.snip1384:hover p,
figure.snip1384.hover p {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}


figure.snip1368 {
  font-family: 'Roboto', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  min-width: 230px;
  max-width: 370px;
  width: 100%;
  color: #ffffff;
  line-height: 1.4em;
  border:1px solid #ccc;
}
figure.snip1368 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
figure.snip1368 img {
  opacity: 1;
  width: 100%;
  vertical-align: top;
}
figure.snip1368 h3 {
  position: absolute;
  top: 44%;
  width: 100%;
  z-index: 1;
  padding: 15px 0px 40px 15px;
  margin: 0;
  font-weight: 300;
  font-size: 1.3em;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  color:#fff;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
figure.snip1368 h3:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
}
figure.snip1368 figcaption {
  padding: 5px 25px 20px;
  position: absolute;
  width: 100%;
  z-index: 2;
  bottom: 0%;
  background-color: #fff;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
}
figure.snip1368 figcaption:before {
  position: absolute;
  content: '';
  bottom: 100%;
  left: 0;
  width: 0;
  height: 0;
}
figure.snip1368 .icons {
  margin-top: 20px;
  color:#000;
  font-size: 13px;
  letter-spacing:-1px;
}
figure.snip1368 i {
  padding: 0px 8px;
  display: inline-block;
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  opacity: 0.7;
}
figure.snip1368 i:hover {
  opacity: 1;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

figure.snip1368:hover figcaption,
figure.snip1368.hover figcaption {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.mediain_date {font-weight:100!important;float:right;margin-right:20px;color:#ccc;}
/*  ------------------------------ footer ------------------------------ */
#corp_info {width:100%; height: 710px;clear:both;position:relative;}
#corp_info > .bgwrap > div > img {width:100%;height:710px;box-sizing:border-box;position:absolute; top:0; left:0;}
#corp_info > h2 {
	width: 500px;
	height: 80px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	font-size: 50px;
	font-weight: 100;
	padding-top: 50px;
	padding-bottom:50px;
}
.footer_zindex{
	width:1200px;height:600px;position:absolute;top:0;z-index:1;left:50%;
	margin-left:-600px;
}
.footer_zindex > h2 {font-size:48px;color:#fff;text-align:center;font-family:'NoTo Sans KR';padding:40px 0 40px 0;font-weight:200;}
.footer_container {
	width: 1200px;
	height: 530px;
	margin: 0px auto;
}
.footer_left {
	width: 600px;
	height: 530px;
	float: left;
}
.footer_map {
	overflow:hidden;
	width: 600px;
	height: 225px;
	float: left;
}
.footer_map > iframe { overflow: hidden; width: 600px; height: 260px; }
.footer_information {
	width: 600px;
	height: 140px;
	margin-top: 20px;
	float: left;
	clear: left;
}
.footer_information > table {
	width: 580px;
	border: none;
	color: #fff;
	font-weight: 100;
	font-size: 14px;
	margin: 0 auto;
	text-align:left;
}
.footer_bottom {
	width: 609px;
	height: 80px;
	margin-top: 20px;
	float: left;
	clear: left;
}
.footer_bottom > ul > li > a {color:#fff;}
.footer_bottom > ul > li {
	width: 146px;
	display: inline-block;
	border: 1px solid #fff;
	font-weight: 100;
	text-align: center;
	color: #fff;
	padding: 10px 0 10px 0;
	font-size: 14px;
	cursor: pointer;
	transition:0.2s;
}
.footer_bottom > ul > li:hover{background-color:#fff;color:#000;transition:0.2s;}
.footer_bottom > ul > li:hover a{color:#000;transition:0.2s;}
.footer_container > form {
	width: 550px;
	height: 530px;
	float: left;
	margin-left: 35px;
}
.footer_container > form > .footer_name {
	width: 270px;
	height: 45px;
	border: 1px solid #fff;
	border-radius: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: transparent;
	margin-right: 9px;
	color: #fff;
	float: left;
	text-indent: 10px;
	outline:none;
}
.footer_container > form > .footer_phone {
	width: 270px;
	height: 45px;
	border: 1px solid #fff;
	border-radius: 0;
	background-color: transparent;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	float: left;
	text-indent: 10px;
	outline:none;
}
.footer_container > form > .footer_money {
	width: 270px;
	height: 45px;
	border: 1px solid #fff;
	border-radius: 0;
	background-color: transparent;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 9px;
	margin-right: 9px;
	color: #fff;
	clear: left;
	float: left;
	text-indent: 10px;
	outline:none;
}
.footer_container > form > .footer_file {
	width: 270px;
	height: 45px;
	border: 1px solid #fff;
	border-radius: 0;
	background-color: transparent;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 9px;
	color: #fff;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	text-indent: 10px;
	outline:none;
}
.footer_container > form > .input_title {
	width: 550px;
	height: 30px;
	border-bottom: 1px solid #fff;
	clear: left;
	float: left;
	color: #fff;
	text-indent: 10px;
	font-size: 14px;
	margin: 9px auto;
	outline:none;
}
.footer_container > form > textarea {
	width: 550px;
	height: 205px;
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	margin-top: 1px;
	padding: 1em 1em;
	clear: left;
	float: left;
	outline:none;
}
.footer_submit {
	width: 110px;
	height: 45px;
	background-color: transparent;
	border: 1px solid #fff;
	clear: both;
	float: right;
	color: #fff;
	border-radius: 0px;
	cursor: pointer;
	margin-top: 15px;
	transition: 1s;
	outline:none;
}
.footer_submit:hover {
	background-color: #fff;
	color: #000;
	transition: 1s;
}
.footers {
	width: 100%;
	height: 112px;
	background-color: #131415;
	display: flex;
	align-items: center;
}
.footers_center {
	width: 1222px;
	height: 40px;
	margin: 0 auto;
	color: #ccc;
	font-weight: 100;
	min-width: 1222px;
}
.footers_center > p {
	float: left;
}
.sns_img_kweb > img {
	float: left;
	margin-right: 10px;
	border-radius: 40px;
}

.footers_center .select_menu_family { float:left; margin: 6px 0 0 12px; } /*width:110px; height:30px; background:red; */
.footers_center .select_menu_family .ui-selectmenu-button.ui-button { width:116px; }
.footers_center .select_menu_family .ui-button { padding: 2px 8px; }
.footers_center .select_menu_family .ui-selectmenu-text { font-size: 14px; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-menu .ui-menu-item { font-size:14px; }

/* 패밀리사이트 셀렉트 버튼 스타일 시작*/
.footers_center .dropup_menu { position: relative;display: inline-block; }
.footers_center .dropbtn { background:#3f3f3f url(../img/ico_select_top_w4.png)no-repeat 94% 50%; color: white; padding: 5px 8px; font-size: 14px; border: none; width:120px; font-weight: 300; text-align:left;
transition:all 0.2s;}
.footers_center .dropup-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 120px; bottom: 30px; z-index: 1; }
.footers_center .dropup-content a { color: black; padding: 5px 8px; text-decoration: none; display: block; font-size: 14px; font-weight: 300; text-align:left; border-top:1px solid rgba(255,255,255,0.7); transition:all 0.2s;
color: black; padding: 5px 16px; text-decoration: none; display: block; font-size: 14px; font-weight: 300; text-align:center; border-top:1px solid rgba(255,255,255,0.7); transition:all 0.2s; -moz-animation-duration:0.3s; -webkit-animation-duration:0.3s; animation-duration:0.3s; -moz-animation-name:slidein; -webkit-animation-name:slidein; animation-name:slidein;
	}
	@keyframes slidein {
		from { margin-bottom:-15px; }  to { margin-bottom:0px;
	}
}
.footers_center .dropup-content a:hover { background-color: #ccc; }
.footers_center .dropup_menu:hover .dropup-content { display: block; }
.footers_center .dropup_menu:hover .dropbtn { background-color: #2980B9; }
/* 패밀리사이트 셀렉트 버튼 스타일 종료*/


/* ------------------------------ 포토갤러리 2017-11-29 ------------------------------ */
.dysania-filters{background-color:#1b1b1b;margin-bottom:20px;padding-bottom: 15px;}
.dysania-filters li{padding:16px 0px 0px 15px;}
.dysania-filters li a{padding:5px 10px 5px 10px;font-size:16px;}
.dysania-filters li a{color:#ffffff;}
.dysania-filters li a:hover{background-color:#000;}
.dysania-filters li a.active, .dysania-grid li a{background-color:#000;}
.dysania-grid li .dysaniacaption{font-size:14px;}
.dysania-grid li a div span{color:#ffffff;border-bottom:1px solid #da2f10;border-top:1px solid #262626;}
.dysania-grid li a img{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.dysania-grid li a img:hover{
	opacity:0.3;transform: scale(1.5); /* rotate(15deg); */-webkit-transform: scale(1.1); /* rotate(15deg); */
	-ms-transform: scale(1.5); /* rotate(15deg); */
}
.dysania-grid li a.dysania-photo{
	background-image:url('https://dysania-plugin.wp4life.com/wp-content/plugins/dysania-grid-gallery/css/images/zoom.png');
}
.dysania-grid li a.dysania-iframe{
	background-image:url('https://dysania-plugin.wp4life.com/wp-content/plugins/dysania-grid-gallery/css/images/iframe.png');
}
.dysania-grid li a.dysania-link{
	background-image:url('https://dysania-plugin.wp4life.com/wp-content/plugins/dysania-grid-gallery/css/images/link.png');
}
.dysania-grid li.no-effect{opacity:0.2;}
.dysania-grid li .dysaniacaption {background-color:#1b1b1b;color:#ffffff;}
.kweb_video_slide {
	position:relative;
	height:900px;
	width:100%;
	overflow:hidden;
	background-color:rgba(61,61,61,0.53);
}
#videobcg {
	position:relative;
	top:0;left:0;
	min-width:100%;min-height:100%;
	height:auto;width:auto;z-index:-100;
}
.footer_last{
	margin-right:26px;
}
.login_btn {
	border:1px solid #fff;
	border-radius:20px;
	color:#ccc;
	font-size:12px;
	font-family:'NoTo Sans KR';
	float:right;
	margin-top:7px;
	padding:5px 15px 5px 15px;
	transition:.5s;
}
.login_btn:hover{display:block;background-color:#fff;color:#333;font-weight:bold;transition:.5s;}
input::input-placeholder {color:#fff;}
input::-webkit-input-placeholder {color:#fff;}
input:-ms-input-placeholder {color:#fff;}
input::-ms-input-placeholder {color:#fff;}
textarea::input-placeholder {color:#fff;}
textarea::-webkit-input-placeholder {color:#fff;}
textarea:-ms-input-placeholder {color:#fff;}
textarea::-ms-input-placeholder {color:#fff;}

/* 메인 슬라이드 버튼 css 조정 2018-01-17 */
#kwebmedia_slide > .swiper-pagination-bullet { width: 15px; height: 15px; }

/* SITE MAP MODAL CONTENT 2018-01-17 */
.pop-layers .pop-containers {
	padding: 20px 25px;
	font-family:'NoTo Sans KR';
}

.pop-layers p.ctxts {
  color: #666;
  line-height: 25px;
}

.pop-layers .btn-rs {
  width: 100%;
  text-align:right;
}

.pop-layers {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color:rgba(61,3,10,.95);
	color:#fff;
}

.dim-layers {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layers .dimBgs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layers .pop-layers {
  display: block;
}

a.btn-layerCloses {
  display: inline-block;
  height: 25px;
  position:relative;
  right:319px;
  top:20px;
}

.pop-contss > h2 { text-align:center; font-size:30px; letter-spacing:-0.5px;padding-bottom:40px;}
.sitemap_content {width:1080px;height:600px;margin:0 auto;}
.sitemap_content1 {width:200px;height:400px;float:left;font-weight:300;}
.sitemap_content1 > ul > li:first-child{
	margin:0 auto;font-size:18px;font-weight:bold;
	border:4px solid #fff;width:131px;height:33px;display:block;
	display:flex;justify-content:center;align-items:center;
	padding:3px;
}
.sitemap_content1 > ul > li,
.sitemap_content2 > ul > li,
.sitemap_content3 > ul > li,
.sitemap_content4 > ul > li,
.sitemap_content5 > ul > li{font-weight:200;}
.sitemap_content1 > ul > li:nth-child(2),
.sitemap_content2 > ul > li:nth-child(2),
.sitemap_content3 > ul > li:nth-child(2),
.sitemap_content4 > ul > li:nth-child(2),
.sitemap_content5 > ul > li:nth-child(2){
	margin-top:20px;
}
.sitemap_content2 {width:240px;height:550px;float:left;}
.sitemap_content2 > ul > li:first-child{
	margin:0 auto;font-size:18px;font-weight:bold;
	border:4px solid #fff;width:131px;height:33px;display:block;
	display:flex;justify-content:center;align-items:center;
	padding:3px;
}
.sitemap_content3 {width:240px;height:400px;float:left;}
.sitemap_content3 > ul > li:first-child{
	margin:0 auto;font-size:18px;font-weight:bold;
	border:4px solid #fff;width:131px;height:33px;display:block;
	display:flex;justify-content:center;align-items:center;
	padding:3px;
}
.sitemap_content4 {width:200px;height:400px;float:left;}
.sitemap_content4 > ul > li:first-child{
	margin:0 auto;font-size:18px;font-weight:bold;
	border:4px solid #fff;width:131px;height:31px;display:block;
	display:flex;justify-content:center;align-items:center;
	padding:3px;
}
.sitemap_content5 {width:200px;height:400px;float:left;}
.sitemap_content5 > ul > li:first-child{
	margin:0 auto;font-size:18px;font-weight:bold;
	border:4px solid #fff;width:131px;height:31px;display:block;
	display:flex;justify-content:center;align-items:center;
	padding:3px;
}

.sitemap_content2 > ul > li:nth-child(2) > a{color:#ffd800;font-size:16px;font-weight:bold;}
.sitemap_content2 > ul > li:nth-child(6) > a{color:#ffd800;font-size:16px;font-weight:bold;margin-top:40px;}
.sitemap_content3 > ul > li:nth-child(2) > a{color:#ffd800;font-size:16px;font-weight:bold;}
.sitemap_content3 > ul > li:nth-child(7) > a{color:#ffd800;font-size:16px;font-weight:bold;margin-top:40px;}
.sitemap_content3 > ul > li:nth-child(11) > a{color:#ffd800;font-size:16px;font-weight:bold;margin-top:40px;}

.sitemap_content1 > ul > li,
.sitemap_content2 > ul > li,
.sitemap_content3 > ul > li,
.sitemap_content4 > ul > li,
.sitemap_content5 > ul > li {padding: 2px 0 2px 0;}
.sitemap_content1 > ul > li > a,
.sitemap_content2 > ul > li > a,
.sitemap_content3 > ul > li > a,
.sitemap_content4 > ul > li > a,
.sitemap_content5 > ul > li > a{color:#fff;}

.midd_left1 {width: 120px; height: 140px; position: fixed; z-index: 999; bottom: 470px; right: 15px;}
.midd_left2 {width: 120px; height: 140px; position: fixed; z-index: 999; bottom: 318px; right: 15px;}
.midd_left3 {width: 120px; height: 140px; position: fixed; z-index: 999; bottom: 165px; right: 15px;}

.company_info_down_btn {  position:fixed; bottom:90px; right:25px; border-radius:50%; z-index:9999; color:#4e66ff; }
.company_info_down_btn a { display:block; width:62px; height:60px; border-radius: 50%;
background-color:#4e66ff; background-size:55%;box-shadow:3px 3px 5px rgba(0,0,0,0.15);  font-size:13px; padding:10px 0; }
.company_info_down_btn p { font-size:13px; text-align:center; margin-bottom:4px; color:#fff; background: #4e66ff; border-radius: 3px; padding: 3px; }

.plus_kakao {  position:fixed; bottom:22px; right:25px; border-radius:50%; z-index:9999; color:#4e66ff; }
.plus_kakao a { display:block; width:62px; height:60px; border-radius: 50%;
background:#4e66ff url(../images/kakao.png)no-repeat 44% 46%;  background-size:100%;box-shadow:3px 3px 5px rgba(0,0,0,0.15); }