@charset "utf-8";

/*///////////////////// header /////////////////////*/
#header{width:100%;}
.h_top{width:100%; background:#424242;}
.h_inner{width:1000px; margin:0 auto;}
.h_top .top_link_wrap{float:right;}
.h_top .top_link_wrap .top_link{float:left;}
.h_top .top_link_wrap .top_link li{float:left; margin-left:24px;}
.h_top .top_link_wrap .top_link li a{display:block; height:34px; line-height:34px;}
.h_top .top_link_wrap .top_link li a img{vertical-align:middle;}

.h_top .top_link_wrap .lang{float:right; margin-left:38px;}
.h_top .top_link_wrap .lang li{float:left; margin-left:16px;}
.h_top .top_link_wrap .lang li a{display:block; height:34px; line-height:34px;}
.h_top .top_link_wrap .lang li a img{vertical-align:middle;}

.h_bot{width:100%; position:relative;}
.h_bot .dep02_bg{width:100%; height:44px; background:url('/img/main/dep02_bg.png') repeat; position:absolute; top:80px; left:0; right:0; z-index:1000; display:none;}
.h_bot .logo{float:left; height:80px;}
.h_bot .logo a{width:100%; display:block; line-height:80px;}
.h_bot .logo a img{vertical-align:middle;}

.h_bot .gnb{position:relative;float:right;}
.h_bot .gnb:after{content:"";display:block;clear:both;}
.h_bot .gnb > li{float:left; height:80px; color:#fff; transition:0.3s all; position:relative;}
.h_bot .gnb > li > a{font-size:16px; color:#000; font-family:'nanumbarungothic'; display:block;  padding:0 22px; line-height:80px; text-align:center;}
.h_bot .gnb > li:hover{background:#f49800;}
.h_bot .gnb > li:hover > a{color:#fff; font-weight:bold;}
.h_bot .gnb > li > ul{position:absolute; top:80px; left:0; width:300%; height:44px; z-index:1500; display:none;}
.h_bot .gnb > li > ul li{float:left; padding:0 22px; position:relative;}
.h_bot .gnb > li > ul li.sp_wd{padding:0 21px;}
.h_bot .gnb > li > ul li:after{content:""; width:1px; height:12px; display:block; background:#fff; position:absolute; top:16px; left:0;}
.h_bot .gnb > li > ul li:first-child:after{display:none;}
.h_bot .gnb > li > ul li a{font-size:15px; color:#fff; font-weight:bold; line-height:44px;}
.h_bot .gnb > li > ul.stepcare{width:666%;}
.h_bot .gnb > li > ul.brand{width:700%;}
.h_bot .gnb > li > ul.item{width:660px; left:-190px;}
.h_bot .gnb > li.li01:hover{background-color:#f49800;}
.h_bot .gnb > li.li02:hover{background-color:#76c72d;}
.h_bot .gnb > li.li03:hover{background-color:#9d25b1;}
.h_bot .gnb > li.li04:hover{background-color:#0dc2bb;}
.h_bot .gnb > li.li05:hover{background-color:#0d8fc2;}
.h_bot .gnb > li.li06:hover{background-color:#c20d67;}
.h_bot .gnb > li.li07:hover{background-color:#16b967;}
.h_bot .gnb > li.li08:hover{background-color:#16a0b9;}

/*///////////////////// header End /////////////////////*/

/*///////////////////// container /////////////////////*/
#container{width:100%;}
.content{width:100%;}
.content .con_inner{width:1024px; margin:0 auto;}

.main_visual{width:100%; position:relative;}
.main_visual .visual_sld li{text-align:center;}
.main_visual .bx-wrapper{position:relative;}
.main_visual .bx-wrapper .bx-controls .bx-controls-direction{position:absolute;width:1024px;left:50%;margin-left:-512px;top:50%;margin-top:-26px;}
.main_visual .bx-wrapper .bx-controls .bx-controls-direction a{ position:absolute;width:25px; height:52px; display:block;z-index:500;font-size:0;
text-indent:-9999em;}
.main_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{ background:url('/img/main/visual_sld_prev.png') no-repeat center top; 
left:-50px; z-index:130;}
.main_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-next{background:url('/img/main/visual_sld_next.png') no-repeat center top; 
right:-50px; z-index:130;}
.main_visual .web{display:inline-block;}
.main_visual .mo{display:none;}

.con_01{width:100%; background:#fff;}
.con_01 .card_box{width:1000px; margin:-62px auto 0; margin-bottom:58px; position:relative;}
.con_01 .card_box p{font-size:16px; color:#fff; line-height:24px; text-align:center; font-family:'nanumbarungothic';}
.con_01 .card_box .card_top{width:100%;}
.con_01 .card_box .card_top .left{width:333px; height:560px; box-sizing:border-box; float:left; padding-top:150px; background:url('/img/main/left_bg02.png') no-repeat center top;
position:relative;}
.con_01 .card_box .card_top .right{width:667px; float:left;}
.con_01 .card_box .card_top .right .top_img{width:100%; height:280px; box-sizing:border-box; position:relative;
padding-top:142px; background:url('/img/main/top_bg02.png') no-repeat center top;}
.con_01 .card_box .card_top .right .top_img p{text-shadow:3px 3px 7px rgba(0, 0, 0, 0.44);}
.con_01 .card_box .card_top .right .bot_img{width:100%;}
.con_01 .card_box .card_top .right .bot_img .bot_half01{width:50%; height:280px; float:left; background:url('/img/main/center_bg02.png') no-repeat center top;position:relative;}
.con_01 .card_box .card_top .right .bot_img .bot_half02{width:50%; height:280px; float:left; padding-top:148px; box-sizing:border-box; position:relative;
background:url('/img/main/right_bg02.png') no-repeat center top;}
.con_01 .card_box .card_top .right .bot_img .bot_half02 p{text-shadow:3px 3px 7px rgba(0, 0, 0, 0.44);}
.con_01 .card_box .card_bot{width:100%;}
.con_01 .card_box .card_bot .left{width:667px; height:280px; box-sizing:border-box; padding-top:148px; float:left; background:url('/img/main/tip_toy_bg.jpg') no-repeat center top;}
.con_01 .card_box .card_bot .right{width:333px; height:280px; float:left; background:url('/img/main/etc_bg.jpg') no-repeat center top;}
.con_01 .mo_card_box{display:none;}
.con_01 .ccilu{width:100%; height:526px; background:url('/img/main/ccilu_big_bg02.png') no-repeat left center; box-sizing:border-box; padding:132px 0 0 552px;}
.con_01 .ccilu h2{margin-bottom:44px;}
.con_01 .ccilu p{font-size:18px; color:#777; line-height:32px; font-family:'nanumbarungothic'; letter-spacing:-1px;}
.con_01 .ccilu a{width:138px; height:42px; display:inline-block; border:1px solid #777; font-size:14px; color:#777; text-align:center; line-height:40px; margin-top:32px; transition:0.3s all; font-family:'nanumbarungothic';}
.con_01 .ccilu a img{vertical-align:middle; margin-left:5px;}
.con_01 .ccilu a:hover{background:#777; color:#fff; font-weight:bold;}
.card_top.clearfix .more_btn{position:absolute; width:130px; line-height:33px; left:30px; bottom:25px;  background-color: rgba(255,255,255,0.7);
text-align:center; font-size:14px; border:1px solid #cccccc;}
.card_top.clearfix .more_btn a{display:block; color:#333333;}
.con_02{width:100%; }
.con_02 .con{width:100%; height:580px; position:relative;}
.con_02 .con .img_box{position:absolute;right:0;top:50%;margin-top:-174px;}
.con_02 .con .text_box{position:relative;width:100%; box-sizing:border-box; padding-top:120px;}
.con_02 .con .text_box h2{font-size:40px; color:#000; font-weight:lighter; line-height:40px; padding-left:12px; margin-bottom:40px; font-family:'nanumbarungothic';}
.con_02 .con .text_box p{font-size:18px; color:#777; line-height:32px; padding-left:12px; font-family:'nanumbarungothic';}
.con_02 .con .text_box a{width:138px; height:42px; display:inline-block; border:1px solid #777; font-size:14px; color:#777; text-align:center; line-height:40px; margin-top:32px; transition:0.3s all; font-family:'nanumbarungothic';}
.con_02 .con .text_box a img{vertical-align:middle; margin-left:5px;}
.con_02 .con .text_box a:hover{background:#777; color:#fff; font-weight:bold;}

.con_03{width:100%; background:#f2f2f2; border-top:1px solid #fff;}
.con_03 .best_pro{width:1000px; margin:0 auto; padding:42px 0 80px;}
.con_03 .best_pro h2{font-size:40px; color:#000; line-height:110px; text-align:center;}
.con_03 .best_pro ul{width:100%;}
.con_03 .best_pro ul li{width:242px; height:242px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; float:left; margin:0 8px 8px 0; position:relative;}
.con_03 .best_pro ul li:nth-of-type(4){margin-right:0;}
.con_03 .best_pro ul li.last{margin-right:0;}
.con_03 .best_pro ul li img{transition:0.3s all;}
.con_03 .best_pro ul li a{width:100%; height:244px; border:4px solid #f39800; box-sizing:border-box; position:absolute; top:0; bottom:0; left:0; right:0; padding:180px 30px 0; background:rgba(0, 0, 0, 0.5); opacity:0; transition:0.3s all; font-family:'nanumbarungothic';}
.con_03 .best_pro ul li a p{font-size:15px; color:#fff; line-height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.con_03 .best_pro ul li a span{font-size:15px; color:#fff; line-height:28px;}
.con_03 .best_pro ul li:hover a{opacity:1;}
.con_03 .best_pro .btn_wrap{text-align:center;}
.con_03 .best_pro .more{display:none;}

.con_04{width:100%; background:url('/img/main/con_04_bg.jpg') no-repeat center top; padding:40px 0 76px;}
.con_04 .store{width:1000px; margin:0 auto;}
.con_04 .store h2{font-size:40px; color:#fff; font-weight:bold; text-align:center; line-height:110px;}
.con_04 .store ul{width:100%;}
.con_04 .store ul li{width:310px; float:left; margin-right:35px;}
.con_04 .store ul li.last{margin-right:0;}
.con_04 .store ul li div{width:100%; box-sizing:border-box; background:#fff; padding:24px 0 34px; text-align:center;}
.con_04 .store ul li div h3{font-size:24px; color:#000; font-weight:normal; text-align:center; line-height:54px; font-family:'nanumbarungothic';}
.con_04 .store ul li div p{font-size:15px; color:#666; text-align:center; line-height:22px; font-family:'nanumbarungothic';}
.con_04 .store ul li div a{display:inline-block; font-size:14px; color:#00a590; line-height:24px; margin-top:40px; font-family:'nanumbarungothic';}
.con_04 .store ul li div a img{vertical-align:middle; margin-left:5px;}

/* 메인 */
.main_visual ul.visual_sld{}
.main_visual ul.visual_sld li{padding:155px 0 282px; background:url("/img/main/main_visual_img01.png")no-repeat center; background-size:cover;}
.main_visual ul.visual_sld li.two{background:url("/img/main/main_visual_img02.png")no-repeat center;}
.main_visual ul.visual_sld li b.title{font-size:46px; line-height:56px; text-align:center;}
.main_visual ul.visual_sld li p{font-size:22px; font-weight:thin; color:#444; line-height:32px; margin-top:40px;}

.content .main_list{position:relative; top:-40px; }
.content .main_list::after{content:""; display:block; clear:both;}
.content .main_list ul li b{font-size:44px; color:#333; line-height:44px; display:block; font-family:'Noto Sans KR'; font-weight:500;
margin-bottom:16px;}
.content .main_list ul li p{font-size:18px; color:#333; line-height:26px; font-family:'Noto Sans KR'; font-weight:300;}
.content .main_list ul li button{width:138px; height:40px; border:1px solid #777; margin-top:36px;color:#777; font-size:16px;}
.content .main_list ul li.left{background:url("/img/main/main_list_img01.png")no-repeat center right; float:left; width:295px; height:510px;
padding:50px 0 0 40px;}
.content .main_list ul li.right{float:left; width:615px; height:230px;padding:50px 0 0 50px; 
background:url("/img/main/main_list_img02.png")no-repeat center;}
.content .main_list ul li:nth-of-type(2) p , .content .main_list ul li:nth-of-type(2) b{color:#fff; }
.content .main_list ul li:nth-of-type(2) button {border:1px solid #fff;color:#fff;  }
.content .main_list ul li.right.two{background:url("/img/main/main_list_img03.png")no-repeat center; float:left;}

.content .main_product_list{}
.content .main_product_list ul li{padding:120px 0 160px }
.content .main_product_list ul li:first-of-type{padding-top:80px;}
.content .main_product_list ul li .wrap_1000::after{content:""; clear:both; display:block; }
.content .main_product_list ul li .img_box{float:left;}
.content .main_product_list ul li .text_box{float:left;}
.content .main_product_list ul li .text_box b{font-size:44px; color:#000; display:block; line-height:44px; font-weight:500;letter-spacing:-1px;}
.content .main_product_list ul li .text_box p{font-size:20px; color:#666; line-height:26px; margin-top:27px;}
.content .main_product_list ul li .text_box button{width:140px; height:40px; font-size:16px; color:#666; border:1px solid #777; margin-top:42px;}
.content .main_product_list ul li:nth-of-type(odd) .img_box{margin-right:119px;}
.content .main_product_list ul li:nth-of-type(even){background-color:#f0e3ad;}
.content .main_product_list ul li:nth-of-type(even) .img_box{margin-left:120px;}

.content .main_product_list .wrap_1000{width:1000px; margin:0 auto;}
.content .main_product_list .wrap_1000 b.title{font-size:44px; display:block; line-height:44px; text-align:center;}
.content .main_product_list .wrap_1000 .video_box{margin:0 auto; 
width:640px; height:340px; z-index:300;cursor:pointer;}
.content .main_product_list .wrap_1000 .video_box .video_tab li{padding-top:50px;}
.layer_bg2{position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 300; background: rgba(0, 0, 0, 0.8); display: none; text-indent: -9999em;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); zoom: 1;}
.layer_bg2 ul{}
.show_tab{width:100%;position:fixed; top:50%; left:50%; margin-left:-427px; margin-top:-240px;  right:50%; margin-right:-427px;
bottom:50%; margin-bottom:-240px; display:none; z-index:350;}
/*///////////////////// container End /////////////////////*/

/*///////////////////// footer /////////////////////*/

#footer{width:100%; background:#393939; padding:46px 0 50px;}
.footer_inner{width:1000px; margin:0 auto;}
.footer_inner .f_left{width:322px; float:left; border-right:1px solid #4d4d4d; padding:0 0 9px 12px; box-sizing:border-box;}
.footer_inner .f_left h3{font-size:16px; color:#ccc; line-height:28px; margin-bottom:28px;}
.footer_inner .f_left p{font-size:13px; color:#cecece; line-height:22px;}
.footer_inner .f_left .call_center{font-size:35px; color:#f39800; font-weight:bold; margin-bottom:10px;display:block;}

.footer_inner .f_right{width:678px; float:left; box-sizing:border-box; padding-left:36px;}
.footer_inner .f_right > div{width:100%; margin-bottom:25px;}
.footer_inner .f_right > div h3{float:left; height:28px; line-height:28px;}
.footer_inner .f_right > div h3 img{vertical-align:middle;}
.footer_inner .f_right > div .footer_link{float:left; margin-left:30px;}
.footer_inner .f_right > div .footer_link li{float:left; padding:0 12px; box-sizing:border-box; position:relative;}
.footer_inner .f_right > div .footer_link li a{font-size:13px; color:#cecece; line-height:28px;}
.footer_inner .f_right > div .footer_link li:after{content:""; width:1px; height:12px; display:block; background:#4f4f4f; position:absolute; top:8px; right:0;}
.footer_inner .f_right > div .footer_link li.last:after{display:none; padding-right:0;}

.footer_inner .f_right > div .family_site{width:150px; height:28px; background:#4a4a4a; float:right; position:relative;}
.footer_inner .f_right > div .family_site > a{width:100%; height:28px; display:block; box-sizing:border-box; padding:0 10px; font-size:12px; color:#a5a5a5; line-height:28px; background:url('/img/main/footer_arr.png') no-repeat 120px center;}
.footer_inner .f_right > div .family_site > ul{width:100%; position:absolute; bottom:28px; left:0; right:0; background:#fff; box-sizing:border-box; border:1px solid #a5a5a5; border-bottom:none; display:none; z-index:100;}
.footer_inner .f_right > div .family_site > ul > li{padding:0 10px; border-bottom:1px solid #a5a5a5;}
.footer_inner .f_right > div .family_site > ul > li > a{width:100%; display:block; font-size:12px; color:#a5a5a5; line-height:28px;}

.footer_inner .f_right address{width:100%;}
.footer_inner .f_right address p{font-size:13px; color:#afafaf; line-height:22px;}
.footer_inner .f_right address p span{margin-right:15px;}
.footer_inner .f_right address p span a{color:#fff; font-weight:bold;}

.layer_bg{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:99;display:none;}
.btn_style01{   width: 138px;    height: 42px;    display: inline-block;    border: 1px solid #777;    font-size: 14px;    color: #777;    text-align: center;    line-height: 40px;      transition: 0.3s all;    font-family: 'nanumbarungothic';}
/*///////////////////// footer End /////////////////////*/