@charset "utf-8";

/*----------------------------------------------------------------------------------------------------------------------------------------
	File : layout.css
	Company : The Webstyle co.,ltd
    CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
    CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
    CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, font/color, align, etc
------------------------------------------------------------------------------------------------------------------------------------------*/

.wrapper {position:relative; overflow:hidden; width:100%; min-width:1360px; min-height:100%;}

/* Header */
.header-wrap {
	position:fixed;
	top:0px;
	left:0px;
	z-index:300;
	width:100%;
	min-width:1420px;
	height:104px;
	border-bottom:1px solid #999;
	background-color:rgba(243, 243, 243, 0.95);
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
}
.header-wrap:before {
	content:"";
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:43px;
	border-bottom:2px solid #cf152d;
	background-color:#111;
	transition:all 0.2s ease-out;
}
.header-wrap .header {position:relative; z-index:20; width:1196px; margin:0 auto;}
.header .gnb-wrap {width:100%; height:43px;}
.header .gnb-wrap .familyBrand {overflow:hidden; padding-top:5px;}
.header .gnb-wrap .familyBrand li {float:left;}
.header .gnb-wrap .familyBrand li a {display:block; height:36px; padding:0 19px; font-size:16px; line-height:31px; color:#666;}
.header .gnb-wrap .familyBrand li a:hover {color:#fff;}
.header .gnb-wrap .familyBrand li.on a {color:#fff; background-color:#cf152d;}
.header .gnb-wrap .familyBrand li.point a {color:#ffa800;}
.header .gnb-wrap .gnb {display:inline-block; position:absolute; top:5px; right:0px; overflow:hidden;}
.header .gnb-wrap .gnb li {float:left; margin-left:35px;}
.header .gnb-wrap .gnb li a {display:block; font-size:14px; line-height:31px; color:#c8c8c8;}
.header .gnb-wrap .gnb li a.cart {position:relative; padding-left:38px; background:url('../../images/common/ico_cart.png') left 4px no-repeat;}
.header .gnb-wrap .gnb li a.cart .txt {font-size:0;}
.header .gnb-wrap .gnb li a.cart .count {display:inline-block; position:absolute; top:1px; right:0; min-width:20px; height:20px; padding:0 5px; border-radius:20px; line-height:20px; color:#fff; text-align:center; background-color:#cf152d;}
.header .lnb-wrap {position:relative; width:100%; height:60px; text-align:center}
.header .lnb-wrap .logo-header { display:inline-block; overflow:hidden; height:60px; padding:5px 0; margin-left:60px; margin-right:40px; top:0}
.header .lnb-wrap .logo-header a {display:table-cell; vertical-align:middle;}
.header .lnb-wrap .lnb {display:inline-block; vertical-align:top; position:absolute; right:0px;}
.header .lnb-wrap .lnb:after {content:""; display:block; clear:both;}
.header .lnb-wrap .lnb li.node1 {position:relative; float:left; margin:0 45px;}
.header .lnb-wrap .lnb li.node1:first-child {margin-left:0px;}
.header .lnb-wrap .lnb li.node1:last-child {margin-right:0px;}
.header .lnb-wrap .lnb li.node1 a.depth1 {display:block;font-size:20px;line-height:60px;color:#111;letter-spacing:-1px;text-align:center;transition:all 0.3s ease-out;}
.header .lnb-wrap .lnb li.node1:hover a.depth1 {color:#cf152d;}
.header .lnb li.node1 .submenu {display:none; position:relative; top:0px; left:0px; height:345px; margin:0 -70px; padding:40px 0;}
.header .lnb li.node1 .submenu li.node2 {position:relative; margin-top:32px; text-align:center;}
.header .lnb li.node1 .submenu li.node2:first-child {margin-top:0px;}
.header .lnb li.node1 .submenu li.node2 a.depth2 {font-size:16px; color:#111; transition:all 0.3s ease-out;}
.header .lnb li.node1 .submenu li.node2 a.depth2:hover {color:#cf152d;}

.header-wrap .bg-lnb {
	display:none;
	position:absolute;
	top:104px;
	left:0px;
	width:100%;
	height:385px;
	background-color:rgba(243,243,243,0.95);
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);
}
.header-wrap.open .bg-lnb {height:234px;}

.header .lnb-wrap .callNumber {
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	padding-left:25px;
	font-family:"NanumSquareOTFB";
	font-size:24px;
	line-height:60px;
	color:#111;
	letter-spacing:-1px;
	background:url('../../images/common/ico_callNumber.png') left center no-repeat;
}
.header .lnb-wrap .todayCount {
	display:inline-block;
	position:absolute;
	top:0px;
	left:0px;
	padding-left:36px;
	font-family:"NanumSquareOTFB";
	font-size:16px;
	line-height:60px;
	color:#d1112a;
	background:url('../../images/common/ico_people.png') left center no-repeat;
}

/* Container */
.container {position:relative; padding:104px 0 300px 0;}
/*.container.main {padding:0;}*/

.btn_scrollTop {
	display:none;
	position:fixed;
	bottom:120px;
	right:20px;
	z-index:200;
	width:50px;
	height:50px;
	font-size:0;
	background:url('../../images/common/btn_scrollTop.png') center center no-repeat;
	background-size:100%;
}
.btn_scrollTop.active {display:block;}

/* Breadcrumb */
.breadcrumb-wrap {position:relative; width:100%; height:37px; background-color:#555555;}
.breadcrumb-wrap .breadcrumb {position:relative; overflow:hidden; width:1196px; margin:0 auto;}
.breadcrumb-wrap .breadcrumb li {
	float:left;
	margin-left:13px;
	padding-left:40px;
	font-family:"NanumSquareOTFR";
	font-size:14px;
	line-height:37px;
	color:#eee;
	background:url('/images/common/ico_breadcrumb.png') left center no-repeat;
}
.breadcrumb-wrap .breadcrumb li:first-child {padding-left:0px; background:none;}
.breadcrumb-wrap .breadcrumb li a {display:block; font-family:"NanumSquareOTFR"; font-size:14px; line-height:37px; color:#eee;}
.breadcrumb-wrap .breadcrumb .menu a {display:inline-block; margin-right:25px;}
.breadcrumb-wrap.type2 {background-color:#555;}

.wrapper.scrolled .header-wrap {height:63px;}
.wrapper.scrolled .bg-lnb {top:63px;}
.wrapper.scrolled .header-wrap:before {top:-41px;}
.wrapper.scrolled .header .lnb-wrap .logo-header {height:63px;}
.wrapper.scrolled .gnb-wrap {display:none;}
.wrapper.scrolled .header .lnb-wrap {height:63px;}
.wrapper.scrolled .container {padding-top:63px; padding-bottom:300px;}

.content {position:relative; width:1196px; margin:0 auto; padding:68px 0 130px;}
.main .content {width:100%; height:100%; padding:0;}
.main .content .inner {position:relative; /*width:1196px;*/ margin:0 auto;}
.content.content-wide {width:100%;}
.content.content-wide2 {width:100%; padding:0;}
.content.content-menuView {padding-top:0;}

/* content header, sub title */
.content-header {display:block; height:340px;}
.content-header h1 {padding:113px 0 20px; font-size:50px; line-height:58px; color:#fff;}
.content-header p {font-size:16px; font-family:"NanumSquareOTFR"; line-height:24px; color:#fff;}
.content-header.consulting {background:url('../../images/common/bg_content_header01.jpg') no-repeat left top;}
.content-header.brand {background:url('../../images/common/bg_content_header02.jpg') no-repeat left top;}
.content-header.brandstory {background:url('../../images/common/bg_content_header05.jpg') no-repeat left top;}
.content-header.presentation {background:url('../../images/common/bg_content_header03.jpg') no-repeat left top;}
.content-header.story {background:url('../../images/common/bg_content_header04.jpg') no-repeat left top;}
.content-header.changup {background:url('../../images/common/bg_content_header05.jpg') no-repeat left top;}

/* family banner */
.family-banner {display:block; position:absolute; left:0; bottom:330px; width:100%; background:#fff; border-top:1px solid #f7d1af; overflow:hidden;}
.familyBrand {display:block; position:relative;}
.familyBrand ul {display:inline-block; position:relative; float:left; height:222px; line-height:80px;}
.familyBrand ul:after {content:''; display:block; clear:both;}
.familyBrand ul li {display:block; float:left;}
.familyBrand ul li + li {margin-left:20px;}
.familyBrand ul li a {display:inline-block; position:relative; width:256px; height:160px; margin-top:29px; padding:27px 14px; font-size:14px; font-family:"NanumSquareOTFR"; line-height:20px; color:#333; text-align:center; letter-spacing: -0.025em; border:solid 1px #e9e9e9; border-radius:2px; }
.familyBrand ul li a:hover {border-color:#c3172e;}
.familyBrand ul li a img {margin:14px 0 0 0;}
.familyBrand ul li:nth-child(2) a {padding:37px 14px;}
.familyBrand ul li:nth-child(2) a img {margin:23px 0 0 0;}
.familyBrand ul li a:after {position:absolute; left:51px; bottom:59px; content:''; display:block; width:154px; height:1px; background:#e5e5e5;}
.customerTel {display:inline-block; position:relative; float:left; margin: 26px 0 0 54px;line-height:40px; }
.customerTel p {padding-top:26px; font-size:18px; color:#444; font-family:"NanumSquareOTFR"; line-height:22px; letter-spacing: -0.28px;}
.customerTel p span {display:block; position:relative; margin:3px 0 0 0; font-size:28px; color:#111; line-height:40px; letter-spacing:-1.4px;}
.customerTel p .time {display:block; margin:4px 0 0 0; font-size:14px; color:#252525; line-height:22px; }


/* Footer */
.footer-wrap {position:absolute; left:0px; bottom:0px; z-index:100; width:100%;  background-color:#252525;height:430px; padding-bottom:40px;}
.footer-wrap:after {content:""; display:block; position:absolute; top:60px; left:0px; z-index:1; width:100%; height:1px; background-color:#6c6c6c;}
.footer {position:relative; z-index:10; width:1196px; margin:0 auto;height: 100%;}
/*height:362px; */
.footer .familySite {display:table; width:100%; table-layout:fixed;margin-bottom:41px;}
.footer .familySite li {display:table-cell; height:60px; text-align:center; vertical-align:middle;}
.footer .familySite li a {display:block; font-size:18px; color:#666; line-height:60px;}
.footer .familySite li a:hover {color:#fff;}
.footer .fnb-wrap {position:relative;}
.footer .logo-footer {margin-bottom:9px;}
.footer .fnb {overflow:hidden;}
.footer .fnb li {float:left; margin-left:37px;}
.footer .fnb li:first-child {margin-left:0px;}
.footer .fnb li a {display:block; font-size:16px; color:#fff; line-height:38px;}
.footer .footer-addr {margin-bottom:10px; font-size:16px; line-height:24px; color:#999;}
.footer .footer-addr span {margin:0 7px;}
.footer .copyright {font-size:14px; color:#999;}
.footer .footer-sns {display:inline-block; position:absolute; top:0px; right:0px; overflow:hidden;}
.footer .footer-sns li {float:left; margin-right:19px;}
.footer .footer-sns li a {display:block; width:28px; height:28px; font-size:0px;}
.footer .footer-sns li a.sns_facebook  {background:url('../../images/common/btn_footer_sns_facebook.png') center top no-repeat;}
.footer .footer-sns li a.sns_instagram {background:url('../../images/common/btn_footer_sns_instagram.png') center top no-repeat;}
.footer .footer-sns li a.sns_youtube   {background:url('../../images/common/btn_footer_sns_youtube.png') center top no-repeat;}
.footer .footer-sns li a.sns_blog      {background:url('../../images/common/btn_footer_sns_blog.png') center top no-repeat;}
.footer .footer-sns li a:hover {background-position:center bottom;}
.footer .fnb-wrap .callNumber {	display:inline-block; font-family:"NanumSquareOTFB"; font-size:18px; line-height:24px;	color:#999; letter-spacing:-1px; margin-bottom:14px;}
.footer .fnb li a {font-family: "NotoSans-Regular";}

/* Quick Menu */
.quickMenu {position:fixed;top:182px;right:20px;width:112px;border-radius:6px;background-color:#ffa800;transition:all 0.2s ease-out;z-index:200; overflow:hidden}
.scrolled .quickMenu {top:93px;}
.quickMenu .menuList {display:table; width:100%;}
.quickMenu .menuList li {display:table-row; }
.quickMenu .menuList li:nth-child(3) {background:#d1112a}
.quickMenu .menuList li a {display:table-cell; height:120px; border-top:1px solid rgba(0,0,0,.2); text-align:center; vertical-align:middle;}
.quickMenu .menuList li:first-child a {border-top:0px;}
.quickMenu .menuList li a span {display:inline-block; padding-top:43px; font-family:"NanumSquareOTFR"; font-size:16px; color:#fff;}
.quickMenu .menuList li a span strong {display:inline-block; margin-bottom:5px}
.quickMenu .menuList li:nth-child(1) a span {background:url('/images/common/icon_startup.png') center top no-repeat;}
.quickMenu .menuList li:nth-child(2) a span {background:url('/images/common/icon_calculator.png') center top no-repeat;}
.quickMenu .menuList li:nth-child(3) a span {background:url('/images/common/open_qna.png') center top no-repeat;}
.quickMenu .menuList li:nth-child(4) a span {background:url('/images/common/consulting.png') center top no-repeat;}
.quickMenu .menuList li:nth-child(5) a span {background:url('/images/common/story.png') center top no-repeat;}


.quickMenu.left_menu {left:20px; width:112px !important;}


@media all and (max-width:1500px) {
	.quickMenu {width:50px; right:17px;}
	.quickMenu.left_menu  {left:17px}
	.quickMenu .menuList li a {height:80px}
	.quickMenu .menuList li a span {width:40px; padding-top:30px; font-size:0px; background-position:center center !important;}
}