.hd_pop_all{z-index:1000; position:relative; margin:0 auto; width:1400px; height:0; position:absolute; left: 50%; transform: translateX(-50%);} .hd_pop_all h2{position:absolute; font-size:0; line-height:0; overflow:hidden} #hd_pop{ position:absolute; left: 50%; transform: translateX(-50%);} .hd_pops{border:0px !important;} #header_area .search ul li:nth-child(1) a{background:url("../image/ic2.png") no-repeat center center; } #header_area .search ul li:nth-child(1) a:hover{background:url("../image/ic2_bk.png") no-repeat center center;} #header_area .search ul li:nth-child(2) a{background:url("../image/ic1.png") no-repeat center center;} #header_area .search ul li:nth-child(2) a:hover{background:url("../image/ic1_bk.png") no-repeat center center;} #header_all.sub #header_area .search ul li:nth-child(1) a{background:url("../image/ic2_bk.png") no-repeat center center;} #header_all.sub #header_area .search ul li:nth-child(2) a{background:url("../image/ic1_bk.png") no-repeat center center;} #header_area .search ul li .balloon{position:absolute; background:#fff; color:#000; width:54px; height:17px; border-radius:10px; top:-17px; left:50%; margin-left:-27px; line-height:17px; text-align:center; transition: 0.5s all ease; font-size:0.9em;} #header_area .search ul li .balloon:after { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(222, 83, 71,0); border-top-color: #fff; border-width: 5px; margin-left: -5px; } #header_all.sub #header_area .search ul li .balloon{background:#000; color:#fff;} #header_all.sub #header_area .search ul li .balloon:after{border-top-color: #000;} #header_area .mobile_menu a{background-size:20px !important;} #header_area .search ul li:nth-child(1) a{background-size:16px !important;} #header_area .search ul li:nth-child(2) a{background-size:20px !important;} #header_area .search ul li:nth-child(3) a{background-size:23px !important;} #header_area .search ul li:nth-child(4) a{background-size:20px !important;} #header_all.sub #header_area .search ul li:nth-child(1) a{background-size:16px !important;} #header_all.sub #header_area .search ul li:nth-child(2) a{background-size:20px !important;} #header_all.sub #header_area .search ul li:nth-child(3) a{background-size:23px !important;} #header_all.sub #header_area .search ul li:nth-child(4) a{background-size:20px !important;} #sideMenu .side_title ul li:nth-child(1) a{background-size:16px !important;} #sideMenu .side_title ul li:nth-child(2) a{background-size:20px !important;} #sideMenu .side_title ul li:nth-child(3) a{background-size:20px !important;} #sideMenu .side_title ul li:nth-child(1) a{background:url("../image/ic2_bk.png") no-repeat center center;} #sideMenu .side_title ul li:nth-child(2) a{background:url("../image/ic1_bk.png") no-repeat center center;} #sideMenu{height:100vh; overflow:auto;} .sit_info{padding:0; border-bottom:1px solid #eee; border-top:1px solid #eee; } .sit_ov_tbl th {border-bottom:1px solid #eee; padding:15px 0;} .sit_ov_tbl td {border-bottom:1px solid #eee; padding:15px 0 !important;} .sit_ov_tbl tr:last-child th{border-bottom:0;} .sit_ov_tbl tr:last-child td{border-bottom:0;} .sct_10 .sct_img img{width:100%; height:auto;} .pi_ua{width:100% !important; height:100% !important; overflow:hidden;} .pi_ua img{width:100%; height:auto;} #main_bn .all-txt-main .tit1{font-size:3.5em; line-height:1em;} #main_bn .all-txt-main .tit2{margin-top:10px; font-size:1.5em; line-height:1em;} #main_bn{position:relative;} #main_bn .owl-nav{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #main_bn .owl-nav .owl-prev{margin-top:0;} #main_bn .owl-nav .owl-prev span{background:url("../image/btn_prev1.gif");} #main_bn .owl-nav .owl-prev.disabled span, #main_bn .owl-nav .owl-prev:hover span{background:url("../image/btn_prev1.gif");} #main_bn .owl-nav .owl-next{margin-top:0px;} #main_bn .owl-nav .owl-next span{background:url("../image/btn_next1.gif");} #main_bn .owl-nav .owl-next.disabled span, #main_bn .owl-nav .owl-next:hover span{background:url("../image/btn_next1.gif");} #header_all {z-index:999;} #header.header_on{height:600px !important;} #lnb .lnb_sub_all1{max-width:100%; padding:0 2.5%; padding-top:30px;} #lnb .lnb_sub_all{max-width:100%; padding:0 2.5%; padding-top:30px;} #sideMenu{left:-265px; width:265px;} #rolling_bnr .swiper-slide.swiper-slide-active .txt-box-all{opacity:0.5 !important;} #news_letter{margin-top:0;} #q-menu{z-index:99; position:relative;} #top_btn1 {z-index:1; position:fixed; bottom:15px; right:15px; border:0; border:1px solid #e5e7ea; width:50px; height:50px; background:#fff; font-size:15px; color:#333; border-radius:24px; transition: 0.5s all ease;} #top_btn1:hover {border-color:#000;/*background:#000;color:#fff*/} .insta_btn{z-index:1; position:fixed; bottom:70px; right:15px; border:0; border:0px solid #e5e7ea; width:50px; height:50px; background:none; font-size:15px; color:#333; border-radius:24px; overflow:hidden; transition: 0.5s all ease;} .insta_btn img{width:100%;} .naver_btn{z-index:1; position:fixed; bottom:125px; right:15px; border:0; border:0px solid #e5e7ea; width:50px; height:50px; background:none; font-size:15px; color:#333; border-radius:24px; overflow:hidden; transition: 0.5s all ease;} .naver_btn img{width:100%;} .kakao_btn{z-index:1; position:fixed; bottom:180px; right:15px; border:0; border:0px solid #e5e7ea; width:50px; height:50px; background:none; font-size:15px; color:#333; border-radius:24px; overflow:hidden; transition: 0.5s all ease;} .kakao_btn img{width:100%;} .sit_icon .shop_icon_4{width:24px; height:18px;} .sit_icon .shop_icon_6{background:url("../image/sarti.gif") no-repeat; text-indent:-9999999px; width:36px; height:18px;} .sit_icon .shop_icon_7{background:url("../image/patina.gif") no-repeat; text-indent:-9999999px; width:41px; height:18px;} .sit_icon .shop_icon_8{background:url("../image/special.gif") no-repeat; text-indent:-9999999px; width:48px; height:18px;} .sit_icon .shop_icon_9{background:url("../image/hanjung.gif") no-repeat; text-indent:-9999999px; width:45px; height:18px;} .sit_icon .shop_icon_10{background:url("../image/vibram.gif") no-repeat; text-indent:-9999999px; width:42px; height:18px;} .sit_icon .shop_icon_11{background:url("../image/best1.gif") no-repeat; text-indent:-9999999px; width:33px; height:18px;} .sit_icon .shop_icon_logo{background:url("../image/logo.gif") no-repeat; text-indent:-9999999px; width:22px; height:18px;} .sit_icon .shop_icon_onyx{background:url("../image/onyx.gif") no-repeat; text-indent:-9999999px; width:33px; height:18px;} .sit_icon .shop_icon_italy{background:url("../image/italy.gif") no-repeat; text-indent:-9999999px; width:26px; height:18px;} .sit_icon .shop_icon_germany{background:url("../image/germany.gif") no-repeat; text-indent:-9999999px; width:26px; height:18px;} .sit_icon .shop_icon_england{background:url("../image/england.gif") no-repeat; text-indent:-9999999px; width:26px; height:18px;} .sit_icon .shop_icon_france{background:url("../image/france.gif") no-repeat; text-indent:-9999999px; width:26px; height:18px;} .sit_icon .shop_icon_spain{background:url("../image/spain.gif") no-repeat; text-indent:-9999999px; width:26px; height:18px;} .order_info.headquarters{background-size:300%;} .sec4 .con_box .txt-box{z-index:101;} .headquarters_img{width:100%; max-width:100%; margin:0 auto; column-count:5; column-gap:1px; row-gap:1px; } .headquarters_img .item{display:inline-block; width:100%; break-inside:avoid; margin-bottom:1px;} .headquarters_img .item img{width:100%; max-width:700px;} .our_img{width:100%; max-width:100%; margin:0 auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(365px, 1fr)); row-gap:1px; column-gap:1px;} .our_img .item{display:inline-block; width:100%; break-inside:avoid; margin-bottom:0px;} .our_img .item img{width:100%; max-width:700px;} .map_wrap{width:100%;margin:50px auto 0; max-width:100%;} .map_wrap:after{content:""; display:block; clear:both;} .map_wrap .g_map{width:100%; height:401px; margin:30px auto 0; background:#eee; overflow:hidden; max-width:1500px} .map_wrap .g_map:after{content:""; display:block; clear:both;} .map_wrap .map_info{width:100%; margin:0; margin-top:50px; padding:80px 0; background:url('../image/sub_visual_our_vision.jpg') repeat-y top left; background-size:250%;} .map_wrap .map_info:after{content:""; display:block; clear:both; display:none;} .map_wrap .map_info ul{width:100%; margin:0 auto; text-align:center; max-width:1500px; padding:0;} .map_wrap .map_info ul li{width:30%; display:inline-block; vertical-align:top; text-align:center;} .map_wrap .map_info ul li strong{display:block; font-size:1.25em; color:#fff; line-height:1.4; font-weight:700;} .map_wrap .map_info ul li p{display:block; margin-top:10px; font-size:1.15em; color:#fff; line-height:1.6; word-break:keep-all;} .sit_inf_explan_movie_div{width:100%; max-width:1400px; margin:0 auto; margin-bottom:20px;} .sit_inf_explan_movie {clear:both; position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} .sit_inf_explan_movie iframe,.sit_inf_explan_movie object,.sit_inf_explan_movie embed {position:absolute; top:0; left:0; width:100%; height:100%; } #sit_dvr img {max-width:100%;height:auto} #lnb .lnb_sub_img{max-width:1700px; margin:0 auto;} .sit_ov_tbl th{width:90px; padding:0;} #sit_inf_explan{margin-bottom:0 !important;} #sct_ct_1 li:nth-child(4n):after{display:block;} #sct_ct_1 li:nth-child(5n):after{display:none;} /*#sct_lst{display:none !important;}*/ #sct_sortlst{border:0;} #sct_sort{width:100%; display:none !important;} .lang_inner_div{position:absolute; width:100px; height:auto; background:rgba(0,0,0,0.8); padding:10px 10px; z-index:9999; top:30px; right:0px; display:none; border-radius:5px;} .lang_inner_div a{position:relative; display:block; height:30px; line-height:30px !important; text-align:left; color:#ddd !important; font-size:0.85em; background:none !important; padding:0 !important; text-align:center;} .lang_inner_div a:hover{text-decoration:none; color:#fff !important;} .line{display:none !important;} #rolling_bnr .swiper-slide .txt-box-all .line{display:block !important;} /* pc 리스트 4 -3 - 4 - 3 진열 .sct_10 .sct_li:nth-child(3n+1){clear:none;} .sct_10 .sct_clear, .sct_10 .row-clear{clear:none !important;} .sct_10 .sct_li{width:23.5% !important; margin-right:2% !important;} .sct_10 .sct_li:nth-child(4){margin-right:0 !important; clear:none !important;} .sct_10 .sct_li:nth-child(5){clear:both; width:32% !important; margin-right:2% !important;} .sct_10 .sct_li:nth-child(6){width:32% !important; margin-right:2% !important;} .sct_10 .sct_li:nth-child(7){width:32% !important; margin-right:0 !important; clear:none !important;} .sct_10 .sct_li:nth-child(8){clear:both !important;} .sct_10 .sct_li:nth-child(11){margin-right:0 !important; clear:none !important;} .sct_10 .sct_li:nth-child(12){clear:both; width:32% !important; margin-right:2% !important;} .sct_10 .sct_li:nth-child(13){width:32% !important; margin-right:2% !important;} .sct_10 .sct_li:nth-child(14){width:32% !important; margin-right:0 !important;} .sct_10 .sct_li:nth-child(15){clear:both !important;} .sct_10 .sct_li:nth-child(18){margin-right:0 !important; clear:none !important;} .sct_10 .sct_li:nth-child(19){clear:both; width:32% !important; margin-right:2% !important;} .sct_10 .sct_li:nth-child(20){width:32% !important; margin-right:2% !important;} .sct_10 .sct_li:nth-child(21){width:32% !important; margin-right:0 !important;} .sct_10 .sct_li:nth-child(22){clear:both !important;} .sct_10 .sct_li:nth-child(25){margin-right:0 !important; clear:none !important;} .sct_10 .sct_li:nth-child(26){clear:both; width:32% !important; margin-right:2% !important;} .sct_10 .sct_li:nth-child(27){width:32% !important; margin-right:2% !important;} .sct_10 .sct_li:nth-child(28){width:32% !important; margin-right:0 !important;} .sct_10 .sct_li:nth-child(29){clear:both !important;} .sct_10 .sct_li:nth-child(32){margin-right:0 !important; clear:none !important;} .sct_10 .sct_li:nth-child(33){clear:both; width:32% !important; margin-right:2% !important;} .sct_10 .sct_li:nth-child(34){width:32% !important; margin-right:2% !important;} .sct_10 .sct_li:nth-child(35){width:32% !important; margin-right:0 !important;} .sct_10 .sct_li:nth-child(36){clear:both !important;} */ @media all and (max-width:1600px){ #header.header_on{height:560px !important;} #lnb .lnb_wrap > ul > li.notlogo:hover .lnb_sub_all{height:480px;} #lnb .lnb_wrap > ul > li.notlogo:hover .lnb_sub_all1{height:480px;} .hd_pop_all{width:100%; max-width:100%;} } @media all and (max-width:1400px){ #header.header_on{height:520px !important;} #lnb .lnb_wrap > ul > li.notlogo:hover .lnb_sub_all{height:460px;} #lnb .lnb_wrap > ul > li.notlogo:hover .lnb_sub_all1{height:460px;} #sct_ct_1 li:nth-child(5n):after{display:block;} .sct_10 .sct_clear{clear:none;} .sct_10 .sct_li:nth-child(3n){margin-right:0; clear:none;} .sct_10 .sct_li:nth-child(3n+1){clear:both;} .sct_10 .sct_li .sct_img img{width:100%; height:auto;} .sct_10 .sct_txt{font-size:1.2em;} /*text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:100%; */ .sct_10 .sct_basic{font-size:1em; word-break:keep-all;} /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.6; height:3.2em; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;*/ /* pc 리스트 4 -3 - 4 - 3 진열 #sct_ct_1 li:nth-child(5n):after{display:block;} .sct_10 .sct_clear{clear:none;} .sct_10 .sct_li .sct_img img{width:100%; height:auto;} .sct_10 .sct_txt{font-size:1.2em;} .sct_10 .sct_basic{font-size:1em; word-break:keep-all;} */ } @media all and (max-width:1300px){ #header.header_on{height:500px !important;} #lnb .lnb_wrap > ul > li.notlogo:hover .lnb_sub_all{height:420px;} #lnb .lnb_wrap > ul > li.notlogo:hover .lnb_sub_all1{height:420px;} } @media all and (max-width:1200px){ #header_area .header_logo img{width:40px !important;} } @media all and (max-width:1100px){ .headquarters_img{column-count:4;} #hd_pop{min-width:100%;} } @media all and (max-width:768px){ #main_bn1 .all-txt-main .tit1{font-size:2.5em;} #main_bn1 .all-txt-main .tit2{font-size:1.2em; margin-top:10px;} #top_btn1{right:5px; bottom:5px; width:40px; height:40px;} .insta_btn{right:5px; bottom:50px; width:40px; height:40px;} .naver_btn{right:5px; bottom:95px; width:40px; height:40px;} .kakao_btn{right:5px; bottom:140px; width:40px; height:40px;} .headquarters_img{column-count:3;} .map_wrap .map_info{padding:50px 0; margin-top:0;} .map_wrap .map_info ul li{width:96%; margin-top:20px; text-align:left; } .our_img{grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));} .hd_pop_all .hd_pops_con{max-width:100% !important; height:auto !important; width:100% !important;} .hd_pop_all img{max-width:100% !important;} /* pc 리스트 4 -3 - 4 - 3 진열 모바일 2 - 2 - 1 -2 - 2 - 1 진열 .sct_10 .sct_li{width:48.1% !important; margin-right: 3.5% !important;} .sct_10 .sct_li:nth-child(5n){width:100% !important; clear:both !important;} .sct_10 .sct_li:nth-child(5n+1){width:48.1% !important; clear:none !important; margin-right: 3.5% !important;} .sct_10 .sct_li:nth-child(5n+2){width:48.1% !important; clear:none !important; margin-right: 0 !important;} .sct_10 .sct_li:nth-child(5n+3){width:48.1% !important; clear:both !important; margin-right: 3.5% !important;} .sct_10 .sct_li:nth-child(5n+4){width:48.1% !important; clear:none !important; margin-right:0 !important;} */ .sct_10 .sct_li:nth-child(5n){width:100% !important; clear:both !important;} .sct_10 .sct_li:nth-child(5n+1){clear:none !important; margin-right: 3.5% !important;} .sct_10 .sct_li:nth-child(5n+2){clear:none !important; margin-right: 0 !important;} .sct_10 .sct_li:nth-child(5n+3){clear:both !important; margin-right: 3.5% !important;} .sct_10 .sct_li:nth-child(5n+4){clear:none !important; margin-right:0 !important;} #sct_lst li{float:right;} } @media all and (max-width:640px){ #sct_ct_1 li:nth-child(4n):after{display:none;} } @media all and (max-width:480px){ .sec3 .con_box .txt-box{width:100%; padding:20px 6% 50px 6%;} .headquarters_img{column-count:2;} #footer_area .copy_logo img{width:50px !important;} }