@charset "utf-8";

/* Sub layout
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#subContainer{padding:100px 20px; width:100%; min-height:calc(100% - 422px); /* 푸터 높이 */}
	#subContainer img{max-width:100%;}
	#productContainer{width:100%;}

	.content-tit{margin-bottom:30px;}
	.content-tit h3{text-align:center; font-weight:400; font-size:24px;}

	.content-tab-wrap{position:relative; margin-top:10px; width:100%; height:19px; overflow:hidden;}
	.content-tab-wrap .left-grd{position:absolute; top:0; left:0; width:15px; height:19px; 
								background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
								background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
								background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */}
	.content-tab-wrap .right-grd{position:absolute; top:0; right:0; width:15px; height:19px;
								background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
								background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
								background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}

	.content-tab{width:100%; height:36px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
	.content-tab ul{margin:0 auto; height:19px; line-height:0; font-size:0; text-align:center;}
	.content-tab li{display:inline-block; padding:0 10px; line-height:0; font-size:0; border-left:1px solid #58595b;}
	.content-tab li:first-child{border-left:0;}
	.content-tab li a{line-height:19px; font-size:15px; letter-spacing:-1px;}
	.content-tab li.active a{font-weight:700;}

	.sub-contents .serif{font-family:'NanumMyeongjo';}

/* About
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* 브랜드 소개 */
	
	.about-brand .txt-area{text-align:center;margin-top: 50px; }
	.about-brand .txt-area h4{text-align:center; font-size:23px; font-weight:600; line-height:1.3; margin-bottom: 20px;}
	.about-brand .txt-area p{line-height:1.9; font-size:14px;white-space: pre-line;} 

	.about-brand .txt-area2{text-align: right; background:url('/images/basic_blue/sub/m_about_brand_bg.jpg')no-repeat center 100%; color:#fff; background-size: 100%; padding: 37px 15px; width:100%; margin-top:50px;}
	.about-brand .txt-area2 h4{text-align:right; font-size:23px; font-weight:600;}
	.about-brand .txt-area2 p{line-height:1.3; font-size:16px; white-space: pre-line;}

	.about-brand .txt-box{margin-top:50px; padding:30px 20px; background:#e6e7e8;}
	.about-brand .txt-box h4{margin-bottom:20px; text-align:left; font-size:23px; font-weight:600; line-height:1.3;}
	.about-brand .txt-box ul li{margin-bottom: 10px;}
	.about-brand .brand-name{margin-top:50px; text-align:center;}
    .about-brand div._partner{display:inline-block; padding:30px 0; text-align:center; width:100%;}

	/* 연혁 */
	.about-history .txt-box{margin-bottom:10px; padding:40px 20px 0; text-align:center; background:#e6e7e8;}
	.about-history h4{margin-bottom:15px; font-size:22px; line-height:1;}
	.about-history h5{font-weight:300; font-size:22px; line-height:1;}
	.about-history .txt-box p{margin-top:20px; line-height:1.3; font-size:16px; white-space:pre-line;}

	.history-list{position:relative; padding:8% 5%; margin-top:30px; background:#e6e7e8 url('/images/basic_blue/sub/history_bg.gif') repeat-y left top/100%;}
	.history-list li{line-height:1.3;}
	.history-list > li{display:table; margin-top:40px; width:100%;}
	.history-list > li:first-child{margin-top:0;}
	.history-list li.year-1997{margin-top:0;}
	.history-list li.year-1997 h5:before{content:""; display:block; margin:10px 70%; width:2px; height:40px; background:#58595b;}
	.history-list h5{display:table-cell; padding-right:4%; width:30%; vertical-align:top; text-align:right; line-height:1; font-size:40px; font-weight:400;}
	.history-list .month-list{display:table-cell; width:70%; vertical-align:top;}
	.history-list .month-list > li{display:table; margin-top:15px; width:100%;}
	.history-list .month-list > li:first-child{margin-top:0;}
	.history-list h6{display:table-cell; width:22%; vertical-align:top; text-align:center; line-height:0.9; font-size:40px; font-weight:300;}
	.history-list .work-list{display:table-cell; width:80%; vertical-align:middle; font-weight:400;}

	@media all and (max-width:480px){
		.history-list li{font-size:13px;}
		.history-list > li{margin-top:25px;}
		.history-list .month-list > li{margin-top:10px;}

		.history-list h5,
		.history-list h6{font-size:23px;}
	}

	/* 경영진 인사말 */
	.about-greeting .txt-area{padding:7% 0; text-align:center; border-top:2px solid #e6e7e8;}
	.about-greeting .txt-area p{font-size:14px; font-weight:400; color:#000; white-space:pre-line;}
	.about-greeting .txt-area .serif{line-height:1.4; font-size:22px; color:#575756;}
	.about-greeting .ceo{padding:5px 10px; text-align:right; letter-spacing:-0.5px; line-height:1; font-size:16px; color:#575756; background:#e6e7e8;}
	.about-greeting .ceo strong{font-weight:500;}
	.about-greeting .ceo-img{margin-bottom:-26px; max-width:160px;}
	
	/* 오시는 길 */
	.location-tab{position:relative; padding-top:34px;}
	.location-tab h4{display:block; position:absolute; top:0; width:50%; line-height:34px; font-size:14px; text-align:center; background:#d1d3d4; color:#58595b; cursor:pointer;padding: 15px 0; line-height: 1.2;white-space: pre-line;}
	.location-tab .active h4{background:#6d6e71; color:#fff;}
	.location-tab > li:first-child h4{left:0;}
	.location-tab > li + li h4{left:50%;}
	.location-tab .location-con{position:absolute; height:0; overflow:hidden;}
	.location-tab .active .location-con{position:static; height:auto;margin-top: 30px;}

	.location-info{margin-top:30px; padding:30px 25px; background:#e6e7e8;}
	.location-info:after{content:""; display:block; clear:both;}
	.location-info .left-area{float:left; width:36%;}
	.location-info .right-area{float:right; width:64%;}

	.location-info h5{margin-bottom:10px; line-height:1; font-size:16px; font-weight:700;}
	.location-info p + h5{margin-top:15px;}
	.location-info dt{margin:15px 0 5px; font-size:14px; font-weight:700;}
	.location-info dt:nth-of-type(1){margin-top:0;}
	.location-info p,
	.location-info dd{line-height:1.3; font-size:13px; font-weight:400;}

	/* zerocare */
	.sub-contents.zerocare{text-align:center;}
	.zerocare_01{position:relative; width:100%; height:310px; white-space:pre-line;
    background: url(http://www.babyseat.net/images/basic_blue/sub/zerocare_logo.png) no-repeat left; background-size: 41%;}
	.zerocare_02{text-align:left; position: absolute;text-align: left; white-space:pre-line; width:57%; right:0; margin-top:15px;}
	.zerocare_02 h1{font-size:25px; line-height: 1.2;}
	.zerocare_02 p{line-height: 1.4; font-size:13px;}
	.zerocare_03{text-align:left; font-size:14px;}
	.zerocare_03 h1{text-align:center; color:#8cbf56; margin:30px 0; font-size:25px; white-space:pre-line; font-weight: 500;}
	.zerocare_03 p{white-space:pre-line; margin:15px 0;}
	.zerocare_03 p span{color:#8cbf56;}
	
	
	

	


/* Product Main
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#productMain{position:relative; width:100%; height:100vh; background:#e6e7e8; overflow:hidden;}

	.product-tab{z-index:666; position:absolute; top:55px; left:0; right:0; margin:auto; line-height:0; font-size:0; text-align:center;}
	.product-tab li{display:inline-block; margin:0 28px; line-height:0; font-size:0;}
	.product-tab li a{letter-spacing:-1px; line-height:34px; font-size:34px;}
	.product-tab li.active:before{content:""; display:block; clear:both; margin-bottom:10px; width:100%; height:4px; background:#58595b;}
	.product-tab li.active a{font-weight:500;}


	/* Slick Slider Plugin */
	.slick-slider{position:relative; display:block; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}

	.slick-list{position:relative; overflow:hidden; display:block; margin:0; padding:0; height:100%;}
	.slick-list:focus{outline:none;}
	.slick-loading .slick-list{background:#fff url("./ajax-loader.gif") center center no-repeat;}
	.slick-list.dragging{cursor:pointer; cursor:hand;}

	.slick-slider .slick-track{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

	.slick-track{position:relative; left:0; top:0; display:block; height:100%;}
	.slick-track:before, .slick-track:after{content:""; display:table;}
	.slick-track:after{clear:both;}
	.slick-loading .slick-track{visibility:hidden;}

	.slick-slide{display:none; position:relative; float:left; min-height:1px; height:100%;}
	[dir="rtl"] .slick-slide{float:right;}
	.slick-slide.slick-loading img{display:none;}
	.slick-slide.dragging img{pointer-events:none;}
	.slick-initialized .slick-slide{display:block;}
	.slick-loading .slick-slide{visibility:hidden;}
	.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}

	/* Custom ------------------------------------- */
	.product-slide{position:absolute; top:50%; left:0; right:0; margin:0 auto; width:100%; height:300px; transform:translateY(-50%);}
	@media all and (max-width:320px){
		.product-slide{height:250px;}
	}
	.product-slide > .slick-list{overflow:unset;}
	.product-slide > .slide{position:relative; width:100%; height:100%;}
	.product-slide h3{position:relative; top:-30px; width:100%; line-height:1; letter-spacing:-1px; text-align:center; font-size:28px;}
	.product-slide h3 span{display:block; margin-top:7px; font-size:15px; letter-spacing:0; font-weight:300;}

	.product-list{margin:0 auto; width:100%; line-height:0; font-size:0; text-align:center;}
	.product-list ul:after{content:""; display:block; clear:both;}
	.product-list li{float:left; width:100%; text-align:center; vertical-align:top; transition:.3s all cubic-bezier(0.4, 0, 1, 1);}
	.product-list li a{display:inline-block; width:100%; height:100%;}
	.product-list li:hover{transform:translateY(-20px);}
	.product-list .img-frame{margin:0 auto; height:calc(100% - 50px);}
	.product-list .img-frame img{max-width:100%; max-height:100%;}

	.product-list h4{margin-top:30px; line-height:1.4; font-weight:300; font-size:14px;}

	/* Arrows - Fake */
	.product-nav{position:absolute; top:-80px; width:100%; height:15px;}
	.product-nav p{position:absolute; top:0; width:86px; height:19px; letter-spacing:-0.5px; font-size:13px; border-top:1px solid #58595b;}
	.product-slide.carrier .product-nav p{width:95px;}
	.product-nav .prev{left:0; text-align:right;}
	.product-nav .next{right:0; text-align:left;}

	/* Arrows */
	.product-slide > .slick-arrow{z-index:666; position:absolute; top:-80px; width:86px; height:19px; line-height:0; font-size:0; cursor:pointer; background:rgba(255,255,255,0); color:transparent; border:none; outline:none;}
	.product-slide.carrier > .slick-arrow{width:95px;}
	.product-slide > .slick-prev{left:0;}
	.product-slide > .slick-next{right:0;}

	.product-list > .slick-arrow{z-index:666; position:absolute; top:50%; margin-top:-35px; width:19px; height:37px; line-height:0; font-size:0; cursor:pointer; color:transparent; border:none; outline:none;}
	.product-list > .slick-prev{left:20px; background:url('/images/basic_blue/sub/btn_list_prev.png') no-repeat center center;}
	.product-list > .slick-next{right:20px; background:url('/images/basic_blue/sub/btn_list_next.png') no-repeat center center;}

	.scroll-next{position:absolute; bottom:0; left:0; right:0; margin:auto; width:50px; height:41px; text-align:center; font-size:14px; animation:scrollUpdown .8s infinite linear;}
	.scroll-next:after{content:""; display:block; margin:0 auto; width:1px; height:20px; background:#58595b;}


/* Product Main - 우리 아이 카시트 찾기
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#findCarseat{}
	
	/* 선택영역 */
	#myOption{position:relative; padding:50px 20px; width:100%; background:#7C7C7C;}
	.my-option .tit-head h3{text-align:center;}
	.my-option .tit-head h3 img{max-width:100%;}
	.my-option .tit-head p{margin:15px 0 30px; text-align:center; line-height:1.3; font-weight:100; font-size:16px; color:#fff; word-break:keep-all;}

	.my-option-area:after{content:""; display:block; clear:both;}
	.my-option-area > div{float:left; width:25%;}

	.my-option-area h5{margin-bottom:10px; width:100%; height:40px; text-align:center; text-indent:-5px; line-height:40px; font-size:13px; color:#fff; background:#000;}
	.my-option-area > div:last-child h5{text-indent:0;}
	
	.my-option-area ul{text-align:left; width:calc(100% - 5px);}
	.my-option-area > div:last-child ul{width:100%;}
	.my-option-area li{margin-top:10px;}
	.my-option-area li:first-child{margin-top:0;}

	.my-option-area input[type="radio"]{display:none;}
	.my-option-area label{display:block; width:100%; height:40px; text-align:center; line-height:40px; font-size:12px; color:#fff; background:#686868; transition:.5s all; cursor:pointer;}
	.my-option-area label br{display:none;}
	.my-option-area input[type="radio"]:checked + label{background:#231f20;}
	.my-option .btn-submit{display:block; margin:50px auto 0; width:260px; height:50px; text-align:center; line-height:50px; font-size:16px; color:#fff; background:#231f20;} 
	
	@media screen and (max-width:414px){
		.my-option-area label{padding:8px 0; height:auto; line-height:1.3;}
		.my-option-area > div:last-child label{padding:15.5px 0;}
		.my-option-area label br{display:block;}

		.my-option .btn-submit{width:100%;}
	}


	/* 결과영역 */
	#myCarseat{/* display:none;  */position:fixed; top:0; left:0; width:100%; height:100%; min-width:320px;}
	.my-carseat-bg{width:100%; height:100%; background:rgba(0,0,0,0.9);}
	.my-carseat-pop{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; padding:34px 20px; width:calc(100% - 40px); height:519px; text-align:center; background:#5A5A5A; transform:translateY(50px);}
	.my-carseat-pop .btn-close{position:absolute; top:-40px; right:0; width:30px; height:30px; cursor:pointer;}
	.my-carseat-pop .btn-close span{position:absolute; top:50%; left:50%; display:inline-block; margin-left:-19px; width:38px; height:1px; background:rgba(255,255,255,0.7);}
	.my-carseat-pop .btn-close span:first-child{transform:rotate(45deg);}
	.my-carseat-pop .btn-close span:last-child{transform:rotate(-45deg);}

	.my-carseat h4{line-height:1; font-weight:100; font-size:16px; color:#fff;}
	.my-carseat .btn-area{line-height:0; font-size:0;}
	.my-carseat .btn-area a{display:inline-block; width:100%; height:50px; text-align:center; line-height:50px; font-size:16px; color:#fff; background:#231f20;}

	.recommend-slide{margin:50px 0 30px; width:100%; height:305px; overflow:hidden;}
	.recommend-slide .slide{width:390px; text-align:center;}

	.recommend-slide .img-frame{position:relative; width:100%; height:260px; overflow:hidden;}
	.recommend-slide .img-frame img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:100%; max-height:100%;}
	.recommend-slide .pdt-tit{margin-top:30px; line-height:16px; font-size:14px; color:#fff;}

	/* Arrows */
	.recommend-slide .slick-arrow{z-index:666; position:absolute; top:50%; margin-top:-18px; width:19px; height:37px; cursor:pointer; border:none; outline:none; opacity:0.3; transition:0.3s all;}
	.recommend-slide .slick-arrow:hover{opacity:1;}
	.recommend-slide .slick-prev{left:0;}
	.recommend-slide .slick-next{right:0;}

	@media screen and (max-width:414px){
		.my-carseat .btn-buy-now{width:100%;}
	}


/* Product Main - Products map 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#allProducts{padding:50px 20px; background:#fff;}
	#allProducts h3{padding-bottom:15px; text-align:center; line-height:1; letter-spacing:1px; font-size:14px; letter-spacing:-0.3px; font-weight:500; border-bottom:1px solid #767e84;}
	#allProducts h3 img{max-width:100%;}

	.all-products:after{content:""; display:block; clear:both;}
	.all-products .category-wrap{float:left; width:100%;}
	.all-products .category-wrap:first-child{margin-right:30px;}
	.all-products dl{margin-top:15px; width:100%; text-align:center;}
	.all-products dt{float:left; width:50%; text-align:left; line-height:1; letter-spacing:1px; font-size:14px; font-weight:500; letter-spacing:-0.3px;}
	.all-products dd{padding-left:50%; text-align:right;}
	.all-products dd a{width:100%; font-size:14px; letter-spacing:-0.3px;}
	.all-products dd a:hover{text-decoration:underline;}
	
	@keyframes scrollUpdown{
		0%{transform:translateY(-10px);}
		100%{transform:translateY(0);}
	}


/* Product Detail
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.product-detail-btn{margin-top:50px; text-align:center; line-height:0; font-size:0;}
	.product-detail-btn a{display:block; margin-top:5px; width:100%; height:40px; line-height:40px; text-align:center; vertical-align:middle; font-weight:400; font-size:14px; color:#fff; background:#58595b;}
	.product-detail-btn a:first-child{margin-top:0;}
	.product-detail-btn a:hover{background:#333;}


/* Notice main
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.dic-guide{width:100%; overflow:hidden;}
	.dic-guide li{position:relative; margin-top:30px; width:100%; text-align:center;}
	.dic-guide li:first-child{margin-top:0;}
	.dic-guide h4{margin:20px 0 10px; line-height:1; font-size:18px; font-weight:500; color:#808285;}
	.dic-guide img{display:block; margin:0 auto;}
	.dic-guide p{line-height:1.4; font-size:12px; color:#808285;}

	/* isofix */
	.sub-contents.isofix{text-align:center;}
	
	/* use-carseat */
	.sub-contents.use-carseat{text-align:center;}