@charset "utf-8";

/*mobile*/
/*sub common*/
.pc_only {display:none;}
/*svg style*/
.svg_text {fill:#fff; stroke:#fff; stroke-width:1px; animation:ttp 3.5s 0s linear forwards;}
h3 span {float:left;}

/*sub title*/
.title {width:100%; height:150px; float:left; margin-top:60px; margin-bottom:80px;}
.title_bg {position:relative; width:100%; height:100%; float:left; background-color:rgba(0,0,0,0.35);}
@keyframes ttp {
    0% {fill:transparent;}
    33% {fill:rgba(255,255,255,0)}
    100% {fill:#fff;}
}
.title_text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:45px;}
section {width:100%; float:left; padding:0 8%; margin-bottom:80px;}

/*textbox*/
.textbox {position:relative; width:100%; float:left;}
.textbox h3 {width:100%; float:left; font-size:35px; line-height:40px; font-weight:700; margin-bottom:15px;}
.textbox p {width:100%; float:left; font-size:18px; line-height:22px;}

/*about*/
/*title*/
.about .title {background:url(../img/about_title.jpg) no-repeat center; background-size:cover;}
/*title*/

.about_img {width:100%; height:240px; float:left; margin-bottom:30px;}
.about .title_cir {top:-60px; left:-12%; z-index:-1;}

/*전통 및 진품*/
.trans_img {background:url(../img/transitional.jpg) no-repeat center; background-size:cover;}

/*디자인 역사에 대한 인상*/
.look_img {background:url(../img/look.jpg) no-repeat center; background-size:cover;}

/*세라믹 플러스*/
.plus_img {background:url(../img/plus.jpg) no-repeat right top; background-size:cover;}

/*history*/
.history h3 {width:100%; float:left; font-size:35px; font-weight:700; text-align:center; margin-bottom:50px;}

.hisbox {width:78.34%; float:left; margin:0 10.83%; margin-bottom:62px;}
.hisbox:last-child {margin-bottom:0px;}
.hisbox>p:first-child {width:100%; float:left; font-size:28px; font-weight:700; margin-bottom:20px;}
.hisbox>div {width:100%; height:190px; float:left; margin-bottom:15px; background-color:#fff;}
.hisbox>p:last-child {width:100%; float:left; font-size:16px; line-height:20px;}

.himg1748 {background:url(../img/h1748.jpg) no-repeat 30% center; background-size:cover;}
.himg1809 {background:url(../img/h1809.jpg) no-repeat center; background-size:cover;}
.himg1836 {background:url(../img/h1836.jpg) no-repeat center; background-size:cover;}
.himg1890 {background:url(../img/h1890.jpg) no-repeat center; background-size:cover;}
.himg1965 {background:url(../img/h1965.jpg) no-repeat center 20%; background-size:cover;}
.himg1969 {background:url(../img/h1969.jpg) no-repeat center; background-size:cover;}
.himg1988 {background:url(../img/h1988.jpg) no-repeat 58% center; background-size:cover;}
.himg2004 {background:url(../img/h2004.jpg) no-repeat center; background-size:cover;}
.himg2007 {background:url(../img/h2007.jpg) no-repeat 20% center; background-size:cover;}
.himg2020 {background:url(../img/h2020.jpg) no-repeat center 10%; background-size:cover;}

/*전 세계의 대리점*/
.world {width:100%; margin-bottom:130px;}
.world_slider {width:69.06%; float:left; margin:0 15.47%;}
.world_bxslider li {width:100%;}
.world_bxslider li>div:first-child {width:100%; height:225px;}

.slider_tb {width:100%; color:#fff; background-color:#0a3886; padding:25px 10.81%;}
.slider_tb p {width:100%; text-align:center;}
.slider_tb>p:first-child {font-size:28px; font-weight:700; margin-bottom:15px;}
.slider_tb>p:nth-child(2) {font-size:15px; line-height:20px; margin-bottom:20px;}

.wbtn {width:175px; height:45px; line-height:45px; border:1px solid #fff; font-size:15px; text-align:center; margin:0 auto;}
.wbtn>a {display:block; width:100%; height:100%; color:#fff;}

.es_img {background:url(../img/spain.jpg) no-repeat center; background-size:cover;}
.en_img {background:url(../img/england.jpg) no-repeat center; background-size:cover;}
.ru_img {background:url(../img/russia.jpg) no-repeat center; background-size:cover;}
.fr_img {background:url(../img/france.jpg) no-repeat center; background-size:cover;}
.ge_img {background:url(../img/germany.jpg) no-repeat center; background-size:cover;}

/*world slider bx-pager*/
.bx-wrapper {border:none; box-shadow:none; margin-bottom:0;}
.bx-wrapper .bx-controls-direction a {z-index:10;}
.about .bx-pager {position:absolute; top:502px; padding-top:0 !important;}
.about .bx-pager a {width:20px !important; height:20px !important; background-color:#dddddd !important; border-radius:100% !important; margin:0 10px !important;}
.about .bx-pager a.active {background-color:#0A3886 !important;}

.about .bx-wrapper .bx-prev {left:-14.67%; width:24px !important; height:50px !important; background: url('../img/arrl.svg') no-repeat center; background-size:contain;}
.about .bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus {background-position:center;}
.about .bx-wrapper .bx-next {right:-14.67%; width:24px !important; height:50px !important; background: url('../img/arrr.svg') no-repeat center; background-size:contain;}
.about .bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus {background-position:center;}

/*animation*/
.about h3.move {opacity:0; animation:fdt 0.8s 0.5s ease forwards;}
.about p.move {opacity:0; animation:fdt 0.8s 1s ease forwards;}

.trans_img.move {opacity:0; animation:fdl 0.8s 0s ease forwards;}
.look_img.move {opacity:0; animation:fdr 0.8s 0s ease forwards;}
.plus_img.move {opacity:0; animation:fdl 0.8s 0s ease forwards;}

.history h3.move {opacity:0; animation:fdt 0.8s 0s ease forwards;}

.hisbox p:first-child.move {opacity:0; animation:fdl 0.3s 0.3s ease forwards;}
.hisbox:nth-child(2n) p:first-child.move {animation:fdr 0.3s 0.3s ease forwards;}

.hisbox div.move {opacity:0; animation:fdl 0.3s 0.5s ease forwards;}
.hisbox:nth-child(2n) div.move {animation:fdr 0.3s 0.5s ease forwards;}

.hisbox p:last-child.move {opacity:0; animation:fdt 0.3s 0.8s ease forwards;}

.world h3.move {opacity:0; animation:fdt 0.8s 0.5s ease forwards;}
/*about*/

/*product*/
.product section {padding-right:0; margin-bottom:80px; padding-bottom:75px;}
.product .textbox {margin-bottom:20px; padding-right:8%;}
/*title*/
.product .title {background:url(../img/product_title.jpg) no-repeat center; background-size:cover;}
.product .title_cir {top:-60px; left:-12%; z-index:-1;}

/*product slider*/
.sign_slider,.online_slider,.collect_slider {width:100%; float:left;}
.pro_slider {width:100%;}
.pro_slider>li {width:258px;}

.product_img {width:258px; height:252px;background-color:#fff; overflow:hidden; margin-bottom:15px; margin-right:22px;}
.product_img>div {width:100%; height:100%; background-size:cover;}

.pro_slider .txt {width:100%; text-align:center;}
.pro_slider .txt>p:first-child {font-size:18px; margin-bottom:6px;}
.pro_slider .txt>p:last-child {font-size:13px;}

/*product slider bx*/
.slick-prev {position:absolute; bottom:-75px; left:35%; text-indent:-9999px; width:24px; height:35px; background:url(../img/prev.svg) no-repeat left center; background-size:cover; z-index:10;}
.slick-next {position:absolute; bottom:-75px; right:35.5%; text-indent:-9999px; width:24px; height:35px; background:url(../img/next.svg) no-repeat left center; background-size:cover; z-index:10;}

/*SIGNATURE*/
.amazo_img {background:url(../img/amazonia.jpg) no-repeat center;}
.golden_img {background:url(../img/golden_oasis_pro.jpg) no-repeat center;}
.nuova_img {background:url(../img/la_classica_nuova.jpg) no-repeat center;}
.metro_img {background:url(../img/metrochic.jpg) no-repeat center;}
.grand_img {background:url(../img/grand_royal.jpg) no-repeat center;}

/*ONLINE EXCLUSIVE*/
.anmut_img {background:url(../img/anmut_bloom.jpg) no-repeat center;}
.colorful_img {background:url(../img/colorful_spring.jpg) no-repeat center;}
.couture_img {background:url(../img/flow_couture.jpg) no-repeat center;}
.match_img {background:url(../img/its_my_match.jpg) no-repeat center;}
.lave_img {background:url(../img/lave.jpg) no-repeat center;}

/*COLLECTION*/
.collect_slider {margin-bottom:115px;}

.althea_img {background:url(../img/althea_nova.jpg) no-repeat center;}
.petite_img {background:url(../img/petite_fleur.jpg) no-repeat center;}
.french_img {background:url(../img/french_garden.jpg) no-repeat center;}
.audun_img {background:url(../img/audun_pro.jpg) no-repeat center;}
.marie_img {background:url(../img/mariefleur.jpg) no-repeat center;}

.bbtn {width:175px; height:45px; line-height:45px; border:1px solid #0a3886; background-color:#0a3886; font-size:15px; text-align:center; margin:0 auto; overflow:hidden;}
.bbtn>a {display:block; width:100%; height:100%; color:#fff;}

/*animation*/
.product h3.move {opacity:0; animation:fdt 0.8s 0s ease forwards;}
.product p.move {opacity:0; animation:fdt 0.8s 0.5s ease forwards;}
.product .bbtn.move {opacity:fdt 0.8s 1s ease forwards;;}
/*product*/

/*media*/
/*title*/
.media .title {background:url(../img/media_title.jpg) no-repeat center; background-size:cover;}

.media h3 {float:left; margin-bottom:0;}
.media .title_cir {top:-60px; left:-12%; z-index:-1;}
.media .textbox {margin-bottom:25px;}
.bluebox {background-color:#0a3886;}

/*media iframe*/
.videobox {width:100%; float:left;}
.video {width:100%; height:180px; background-color:#ddd;}
iframe {width:100%; height:inherit;}

/*m_history*/
.history_video {position:relative;}
.history_video .bluebox {position:absolute; bottom:0; right:0; width:86.94%; height:154px; z-index:-5;}
.history_video .video {width:97.13%; float:left; margin-bottom:10px;}

/*m_product*/
.m_product {position:relative;}
.mpro_bg {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:354px; background:url(../img/media_bg1.jpg) no-repeat center; background-size:cover; z-index:-5;}
.product_video {width:100%; margin-bottom:30px;}
.product_video>.video {margin-bottom:15px;}
.prov3 {margin-bottom:0px;}

/*plaiting*/
.plaiting_video {position:relative;}
.plaiting_video .bluebox {width:78.98%; height:140px;}
.plaiting_video .topbox {position:absolute; top:0px; right:0px; z-index:-5;}
.plaiting_video .bottombox {position:absolute; bottom:0px; left:0px; z-index:-5;}
.plaiting_video .video {width:93.31%; margin:10px 3.345% 10px 3.345%;}

/*expo*/
.expo {position:relative;}
.expo_bg {position:absolute; bottom:-80px; left:0; width:100%; height:170px; background:url(../img/media_bg2.jpg) no-repeat center; background-size:cover; z-index:-5;}

/*animation*/
@keyframes mdbgcon {
	0% {opacity:0; top:55%;}
	30% {opacity:0; top:55%;}
	100% {opacity:1; top:50%;}
}

.media h3.move {opacity:0; animation:fdt 0.8s 0s ease forwards;}
.media .m_history .bluebox.move {opacity:0; animation:fdl 0.8s 0.3s ease forwards;}
.m_history .video.move {opacity:0; animation:fdr 0.8s 0.5s ease forwards;}

.media .mpro_bg.move {opacity:0; animation:mdbgcon 1s 0s ease forwards;}
.m_product .prov1.move {opacity:0; animation:fdl 0.8s 0.3s ease forwards;}
.m_product .prov2.move {opacity:0; animation:fdr 0.8s 0.8s ease forwards;}
.m_product .prov3.move {opacity:0; animation:fdl 0.8s 1.2s ease forwards;}
.media .bbtn.move {opacity:0; animation:fdt 0.8s 1.5s ease forwards;}

.media .plaiting_video .video.move {opacity:0; animation:fdt 0.8s 0.5s ease forwards;}
.media .plaiting_video .topbox.move {opacity:0; animation:fdl 0.8s 0.8s ease forwards;}
.media .plaiting_video .bottombox.move {opacity:0; animation:fdr 0.8s 0.8s ease forwards;}

.media .expo_bg.move {opacity:0; animation:fdt 0.8s 0.5s ease forwards;}
.media .expo .video.move {opacity:0; animation:fdt 0.8s 1s ease forwards;}
/*media*/

/*store*/
.store h3 {opacity:1;}
.store .title {background:url(../img/store_title.jpg) no-repeat center; background-size:cover; margin-bottom:0;}

/*매장 정보*/
.map_info {width:100%; background:url(../img/store_bg.jpg) no-repeat center; background-size:cover; padding:0;}
.map_info .blue_bg {padding:80px 9.11%;}
.map_title {width:100%; border-top:1px solid #c67809; border-bottom:1px solid #c67809; padding:24px 0; margin-bottom:50px;}
.map_title h3 {font-size:26px; line-height:32px; text-align:center; color:#fff;}

.mapbox {position:relative; width:100%; height:254px; margin-bottom:40px;}
.mapbox .orangebox {width:67.83%; height:170px;}
.mapbox .map {position:absolute; top:0; left:0; width:95.22%; height:240px;}

.store_info {width:100%;}
.store_info p {font-size:28px; font-weight:700; text-align:center; color:#fff; margin-bottom:20px;}
.store_info .adress {width:270px; color:#fff; margin:0 auto; margin-bottom:20px;}
.adress dt {width:65px; float:left; font-size:16px; line-height:20px; color:#fff;}
.adress dd {width:190px; float:left; font-size:16px; line-height:20px; color:#fff; margin-left:15px; margin-bottom:15px;}
.adress dd:last-child {margin-bottom:0px;}
.store_info .ebtn {opacity:1; width:175px; height:45px; line-height:45px; text-align:center;}

/*매장 찾기*/
.store .textbox h3 {text-align:center; margin-bottom:26px;}
.searchbox {width:87.26%; height:40px; float:left; border:none; border-bottom:2px solid #0a3886; margin-bottom:30px;}
.search_icon {width:12.74%; height:40px; float:right; color:transparent; background:url(../img/search.svg) no-repeat center; background-size:contain;}

/*매장리스트*/
.store_list {width:100%; float:left;}
.panel {width:100%; float:left; margin-bottom:50px;}
.panel>ul>li {position:relative; width:100%; float:left; border-bottom:1px solid #ddd;}
.panel>ul>li:first-child {border-top:2px solid #ddd;}
.panel>ul>li:last-child {border-bottom:2px solid #ddd;}
.panel>ul>li>a {width:100%; float:left; padding:20px 6.36%; padding-right:25%;}
.panel>ul>li>a>p:first-child {width:100%; float:left; font-size:21px; margin-bottom:10px;}
.panel>ul>li>a>p:nth-child(2) {width:100%; float:left; font-size:14px; line-height:18px;}
.panel>ul>li>a>p:nth-child(2)>span {float:left;}
.go {display:block; position:absolute; top:50%; right:6.36%; transform:translateY(-50%); width:20px; height:30px; text-indent:-9999px; overflow:hidden; background:url(../img/go.svg) no-repeat center; background-size:cover;}

.li_num {width:250px; font-size:26px; margin:0 auto;}
.li_num>li>.prev {width:20px; height:26px; float:left; text-indent:-9999px; overflow:hidden; background:url(../img/prev_bk.svg) no-repeat center; background-size:cover; margin-left:0; margin-right:15px;}
.li_num>li>.next {width:20px; height:26px; float:left; text-indent:-9999px; overflow:hidden; background:url(../img/next_bk.svg) no-repeat center; background-size:cover; margin-left:15px; margin-right:0;}
.li_num a {float:left; text-align:center; margin:0 15px;}
.li_num a.on {font-weight:700; color:#0a3886;}

/*animation*/
.map_info .map_title h3.move {animation:fdt 0.8s 0s ease forwards;}
.map_info .orangebox.move {opacity:0; animation:fdl 0.8s 0.3s ease forwards;}
.map_info .map.move {opacity:0; animation:fdr 0.8s 0.5s ease forwards;}
.map_info .store_info p.move {opacity:0; animation:fdt 0.8s 0.8s ease forwards;}
.map_info .adress.move {opacity:0; animation:fdl 0.8s 1.2s ease forwards}
.map_info .ebtn.move {opacity:0; animation:fdt 0.8s 1.5s ease forwards}

.store_find h3.move {opacity:0; animation:fdt 0.8s 0s ease forwards;}
.store_find .find.move {opacity:0; animation:fdr 0.8s 0.4s ease forwards;}
.store_find .store_list.move {opacity:0; animation:fdl 0.8s 0.8s ease forwards;}
/*store*/
/*mobile*/

/*tablet 768*/
@media all and (min-width:768px) {
/*sub common*/
/*svg style*/
.svg_text {stroke-width:1px;}
.title_text {height:85px;}

/*sub title*/
.title {height:300px; margin-top:100px; margin-bottom:150px;}
section {padding:0 9.11%; margin-bottom:150px;}
    
/*textbox*/
.textbox h3 {font-size:58px; line-height:70px; margin-bottom:20px;}
.textbox p {font-size:20px; line-height:28px;}

/*about*/
.about_img {height:482px; margin-bottom:40px;}
.about .title_cir {top:-135px; left:-15%;}

/*history*/
.history {position:relative; margin-bottom:0; padding-bottom:150px;}
/*cbg*/
#cbg4_1 {position:absolute; top:56px; left:10.67%; width:355px; height:355px;}
#cbg4_2 {position:absolute; top:340px; left:-2%; width:152px; height:152px;}
#cbg4_3 {position:absolute; bottom:70px; right:23%; width:260px; height:260px;}
#cbg4_4 {position:absolute; bottom:260px; right:4.94%; width:144px; height:144px;}
#cbg4_5 {position:absolute; bottom:448px; right:2.6%; width:100px; height:100px;}
    
/*history svg*/
.history_svg {position:absolute; top:160px; left:0; width:100%;}

/*style*/ 
.hl {fill:transparent; stroke:#0d0d0d; stroke-width:2px;}
.hwl {width:6%;}
.b_cir {fill:#0a3886; width:20px; height:20px;}
.w_cir {fill:#fff; width:10px; height:10px;}
    
#hhl {position:absolute; top:0px; left:50%; transform:translateX(-50%); width:2px; height:3510px;}
#h1 {position:absolute; top:0px; left:50%;}
#h2 {position:absolute; top:390px; right:50%;}
#h3 {position:absolute; top:780px; left:50%;}
#h4 {position:absolute; top:1170px; right:50%;}
#h5 {position:absolute; top:1560px; left:50%;}
#h6 {position:absolute; top:1950px; right:50%;}
#h7 {position:absolute; top:2340px; left:50%;}
#h8 {position:absolute; top:2730px; right:50%;}
#h9 {position:absolute; top:3120px; left:50%;}
#h10 {position:absolute; top:3510px; right:50%;}

.hc {width:40px; height:40px;}
#hc1 {position:absolute; top:-20px; left:50%; transform:translateX(-50%);}
#hc2 {position:absolute; top:370px; left:50%; transform:translateX(-50%);}
#hc3 {position:absolute; top:760px; left:50%; transform:translateX(-50%);}
#hc4 {position:absolute; top:1150px; left:50%; transform:translateX(-50%);}
#hc5 {position:absolute; top:1540px; left:50%; transform:translateX(-50%);}
#hc6 {position:absolute; top:1930px; left:50%; transform:translateX(-50%);}
#hc7 {position:absolute; top:2320px; left:50%; transform:translateX(-50%);}
#hc8 {position:absolute; top:2710px; left:50%; transform:translateX(-50%);}
#hc9 {position:absolute; top:3100px; left:50%; transform:translateX(-50%);}
#hc10 {position:absolute; top:3490px; left:50%; transform:translateX(-50%);}

.history_box {width:100%;}
.history h3 {font-size:64px; margin-bottom:70px;}

.hisbox {width:42%; margin:0;}
.hisbox>p:first-child {font-size:50px; margin-bottom:15px;}
.hisbox>div {height:278px;}
.hisbox>p:last-child {height:94px; font-size:20px; line-height:28px;}
    
.h1748 {margin-left:58%;}
.h1809 {margin-top:-62px;}
.h1836 {margin-left:58%; margin-top:-62px;}
.h1890 {margin-top:-62px;}
.h1965 {margin-left:58%; margin-top:-62px;}
.h1969 {margin-top:-62px;}
.h1988 {margin-left:58%; margin-top:-62px;}
.h2004 {margin-top:-62px;}
.h2007 {margin-left:58%; margin-top:-62px;}
.h2020 {margin-top:-62px;}
    
.h1809>p:first-child, .h1890>p:first-child, .h1969>p:first-child, .h2004>p:first-child, .h2020>p:first-child {text-align:right;}

/*전 세계의 대리점*/
.world {margin-bottom:220px;}
.world_slider {width:78.34%; margin:0 10.83%;}
.world_bxslider li>div:first-child {height:450px;}

.slider_tb {padding:40px 3.46%;}
.slider_tb>p:first-child {font-size:40px; margin-bottom:20px;}
.slider_tb>p:nth-child(2) {font-size:18px; line-height:24px; margin-bottom:30px;}

.wbtn {width:180px; border:1px solid #fff; font-size:16px; transition:all 0.15s ease 0s;}
.wbtn:hover {border:1px solid #c67809; background-color:#c67809;}
	
/*world slider bx-pager*/
.world_slider .bx-pager {top:780px;}

.about .bx-wrapper .bx-prev {left:-13.82%; width:46px !important; height:98px !important;}
.about .bx-wrapper .bx-next {right:-13.82%; width:46px !important; height:98px !important;}
/*about*/

/*product*/
.product section {padding-right:0; margin-bottom:150px; padding-bottom:78px;}
.product .textbox {margin-bottom:50px; padding-right:9.11%;}
.product .title_cir {top:-135px; left:-10%;}
	
/*product slider*/
.pro_slider>li {width:298px;}

.product_img {width:298px; height:290px; margin-bottom:30px; margin-right:30px;}

.pro_slider .txt>p:first-child {font-size:30px; margin-bottom:12px;}
.pro_slider .txt>p:last-child {font-size:22px;}

/*product slider bx*/
.slick-prev {bottom:-78px; left:36.67%; width:26px; height:38px;}
.slick-prev:hover {background-position:94% center;}
.slick-next {bottom:-78px; right:38%; width:26px; height:38px; }
.slick-next:hover {background-position:94% center;}

/*COLLECTION*/
.collect_slider {margin-bottom:128px;}

.bbtn {width:300px; height:80px; line-height:80px; font-size:26px; overflow:hidden; transition:all 0.15s ease 0s;}
.bbtn:hover {border:1px solid #c67809; background-color:#c67809;}
/*product*/

/*media*/
.media h3 {margin-bottom:0;}
.media .title_cir {top:-135px; left:-15%;}
.media .textbox {margin-bottom:40px;}

/*media iframe*/
.video {height:342px;}

/*m_history*/
.history_video .bluebox {width:86.94%; height:308px;}
.history_video .video {width:96.81%; float:left; margin-bottom:20px;}

/*m_product*/
.mpro_bg {height:330px;}
.product_video {width:100%; margin-bottom:60px;}
.prov1 {margin-bottom:20px;}
.prov2 {width:48.4%; height:165px; float:left; margin-right:3.2%;}
.prov3 {width:48.4%; height:165px; float:left; margin-right:0;}

/*plaiting*/
.plaiting_video .bluebox {width:78.98%; height:278px;}
.plaiting_video .video {width:93.94%; height:324px; margin:20px 3.03% 20px 3.03%;}

/*expo*/
.expo_bg {bottom:-150px; height:326px;}
	
/*animation*/
.m_product .prov1.move {opacity:0; animation:fdt 0.8s 0.3s ease forwards;}
.m_product .prov2.move {opacity:0; animation:fdr 0.8s 0.8s ease forwards;}
.m_product .prov3.move {opacity:0; animation:fdl 0.8s 1.2s ease forwards;}
/*media*/

/*store*/
/*매장 정보*/
.map_info .blue_bg {padding:150px 9.11%;}
.map_title {padding:50px 0; margin-bottom:100px;}
.map_title h3 {font-size:50px; line-height:62px;}

.mapbox {height:508px; margin-bottom:50px;}
.mapbox .orangebox {width:67.83%; height:338px;}
.mapbox .map {width:95.22%; height:478px;}

.store_info p {font-size:46px; margin-bottom:50px;}
.store_info .adress {width:492px; margin-bottom:50px;}
.adress dt {width:105px; float:left; font-size:28px; line-height:38px;}
.adress dd {width:330px; float:left; font-size:28px; line-height:38px; margin-left:35px; margin-bottom:30px;}
.adress dd:last-child {margin-bottom:0px;}
.store_info .ebtn {width:300px; height:80px; line-height:72px; font-size:26px; overflow:hidden; transition:all 0.15s ease 0s;}
.store_info .ebtn:hover {line-height:75px; border:1px solid #c67809; background-color:#c67809;}

/*매장 찾기*/
.store .textbox h3 {width:auto; font-size:50px; text-align:left; margin-bottom:26px;}
.find {width:278px; float:right; margin-top:14px;}
.searchbox {width:87.26%; height:45px; margin-bottom:0px;}
.search_icon {width:12.74%; height:45px;}

/*매장리스트*/
.panel>ul>li>a {padding:30px 7.96%; transition:all 0.15s ease 0s;}
.panel>ul>li>a:hover {background-color:#ddd;}
.panel>ul>li>a>p:first-child {font-size:28px; margin-bottom:15px;}
.panel>ul>li>a>p:nth-child(2) {font-size:16px; line-height:20px;}
.go {right:7.96%;}

.li_num {width:262px; font-size:28px;}
.li_num>li>.prev {width:24px; height:28px; margin-left:0;}
.li_num>li>.next {width:24px; height:28px; margin-right:0;}
.li_num a {margin:0 15px;}
/*store*/
}
/*tablet 768*/

/*tablet 1024*/
@media all and (min-width:1024px) {
/*sub common*/
.textbox h3 {font-size:64px; line-height:76px; margin-bottom:20px;}
.title {margin-bottom:180px;}
section {padding:0 8.4%; margin-bottom:180px;}

/*textbox*/
.textbox h3 {margin-bottom:30px;}

/*about*/
.about_img {width:44%; height:350px; margin-right:3%; margin-bottom:0px;}
.trans .textbox {width:53%; margin-top:35px;}
.look_img {float:right; margin-right:0;}
.look .textbox {width:53%; float:left; margin-right:3%;}
.plus .textbox {width:53%; margin-top:35px;}

/*전통 및 진품*/
.about #sub_cir1_1 {top:-135px; left:44%;}
.trans .title_cir.rotate {animation:rotmoveright 2s 0s ease forwards;}

/*디자인 역사에 대한 인상*/
.about #sub_cir1_2 {top:-135px; left:-26%;}
.look .title_cir.rotate {animation:rotmoveleft 2s 0s ease forwards;}

/*세라믹 플러스*/
.about #sub_cir1_3 {top:-135px; left:48%;}
.plus .title_cir.rotate {animation:rotmoveright 2s 0s ease forwards;}

/*history*/
.history {margin-bottom:0; padding-bottom:150px;}
	
/*cbg*/
#cbg4_1 {top:60px; left:14.06%;}
#cbg4_2 {top:344px; left:1.75%;}
#cbg4_3 {bottom:164px; right:28.22%;}
#cbg4_4 {bottom:200px; right:11.32%;}
#cbg4_5 {bottom:400px; right:8.78%;}
    
/*history svg*/
/*style*/ 
.hwl {width:8.2%;}
    
#hhl {height:3690px;}
#h1 {top:0px;}
#h2 {top:410px;}
#h3 {top:820px;}
#h4 {top:1230px;}
#h5 {top:1640px;}
#h6 {top:2050px;}
#h7 {top:2460px;}
#h8 {top:2870px;}
#h9 {top:3280px;}
#h10 {top:3690px;}

#hc1 {top:-20px;}
#hc2 {top:390px;}
#hc3 {top:800px;}
#hc4 {top:1210px;}
#hc5 {top:1620px;}
#hc6 {top:2030px;}
#hc7 {top:2440px;}
#hc8 {top:2850px;}
#hc9 {top:3260px;}
#hc10 {top:3670px;}

.hisbox {width:39.43%;}
.hisbox:last-child {margin-bottom:0px;}
.hisbox>div {height:365px;}
.hisbox>p:last-child {height:94px; font-size:20px; line-height:28px;}
    
.h1748 {margin-left:60.56%;}
.h1809 {margin-top:-129px;}
.h1836 {margin-left:60.56%; margin-top:-129px;}
.h1890 {margin-top:-129px;}
.h1965 {margin-left:60.56%; margin-top:-129px;}
.h1969 {margin-top:-129px;}
.h1988 {margin-left:60.56%; margin-top:-129px;}
.h2004 {margin-top:-129px;}
.h2007 {margin-left:60.56%; margin-top:-129px;}
.h2020 {margin-top:-129px;}
 
/*전 세계의 대리점*/
.world {margin-bottom:250px;}
.world .title_cir.rotate {animation:rotmoveleft 2s 0s ease forwards;}
.world_slider {width:84.27%; margin:0 7.865%;}
.world_bxslider li>div:first-child {width:50%; height:480px; float:left;}

.slider_tb {width:50%; height:480px; float:right; padding:0 3.52%; padding-top:120px;}
.slider_tb>p:first-child {font-size:40px; text-align:left; margin-bottom:20px;}
.slider_tb>p:nth-child(2) {height:96px; font-size:18px; line-height:24px; text-align:left; margin-bottom:30px;}

.wbtn {margin-left:0;}
	
/*world slider bx-pager*/
.world_slider .bx-pager {top:532px;}

.about .bx-wrapper .bx-prev {top:212px !important; left:-9.62%;}
.about .bx-wrapper .bx-next {top:212px !important; right:-9.62%;}
/*about*/

/*product*/
.product section {padding-right:0; padding-bottom:0; margin-bottom:180px;}

.product .textbox {padding-right:8.4%;}
.product .title_cir {top:-135px; left:-14%;}
.product .title_cir.rotate {animation:rotmoveleft 2s 0s ease forwards;}

/*product slider*/
.pro_slider>li {width:404px;}

.product_img {width:404px; height:360px; margin-right:20px;}

.pro_slider .txt>p:first-child {font-size:32px;}
.pro_slider .txt>p:last-child {font-size:24px;}

/*product slider bx*/
.slick-prev {bottom:-78px; left:36.67%;}
.slick-next {bottom:-78px; right:38%;}
/*product*/

/*media*/
.media h3 {margin-bottom:0;}
.media .title_cir {top:-135px; left:-14%;}
.media .title_cir.rotate {animation:rotmoveleft 2s 0s ease forwards;}

/*media iframe*/
.video {height:463px;}

/*m_history*/
.history_video .bluebox {width:86.85%; height:420px;}
.history_video .video {width:96.47%; margin-bottom:30px;}

/*m_product*/
.mpro_bg {height:436px;}
.prov2 {width:48.82%; height:228px;  margin-right:2.36%;}
.prov3 {width:48.82%; height:228px;}

/*plaiting*/
.plaiting_video .bluebox {width:78.98%; height:380px;}
.plaiting_video .video {width:92.72%; height:438px; margin:30px 3.64% 30px 3.64%;}

/*expo*/
.expo_bg {bottom:-180px; height:356px;}
/*media*/

/*store*/
/*매장 정보*/
.map_info .blue_bg {padding:180px 8.4%;}

.mapbox {height:690px;}
.map_title {padding:50px 13%;}
.mapbox .orangebox {width:67.84%; height:462px;}
.mapbox .map {width:95.53%; height:650px;}

/*매장 찾기*/
.store .textbox h3 {margin-bottom:30px;}
.find {margin-top:20px;}

/*매장리스트*/
.panel>ul>li>a {padding:30px 5.86%;}
.go {right:5.86%;}
/*store*/
}
/*tablet 1024*/

/*PC*/
@media all and (min-width:1300px) {

/*sub common*/
/*sub title*/
.title {margin-bottom:180px;}
section {padding:0;}
/*sub common*/
 
/*PC Only bg common*/
.pc_only {position:relative; display:block; width:100%; float:left;}

/*about PC Only bg*/
#cbg_pc1_1 {position:absolute; top:30px; left:-2%; width:320px; height:320px;}
#cbg_pc1_2 {position:absolute; top:550px; right:10%; width:90px; height:90px;}
#cbg_pc1_3 {position:absolute; top:1250px; left:5%; width:200px; height:200px;}

/*about*/
.about_img {width:588px; height:480px; margin-right:44px;}
.trans .textbox {width:588px; margin-top:110px; padding-right:80px;}
.look_img {width:588px; margin-right:0px;}
.look .textbox {width:588px; float:left; margin-top:70px;  margin-right:0; padding-right:80px;}
.plus .textbox {width:588px; margin-top:100px; padding-right:80px;}

/*전통 및 진품*/
.about #sub_cir1_1 {top:-135px; left:40%;}

/*디자인 역사에 대한 인상*/
.about #sub_cir1_2 {top:-135px; left:-23%;}

/*세라믹 플러스*/
.about #sub_cir1_3 {top:-135px; left:45%;}

/*history*/
.history {margin-bottom:0; padding-bottom:180px;}
/*cbg*/
#cbg4_1 {top:60px; left:19.68%;}
#cbg4_2 {top:344px; left:10%;}
#cbg4_3 {bottom:180px; right:37.65%;}
#cbg4_4 {bottom:220px; right:23.43%;}
#cbg4_5 {bottom:418px; right:18.75%;}
    
/*history svg*/
/*style*/ 
.hwl {width:115px;}
    
#hhl {height:3690px;}
#h1 {top:0px;}
#h2 {top:410px;}
#h3 {top:820px;}
#h4 {top:1230px;}
#h5 {top:1640px;}
#h6 {top:2050px;}
#h7 {top:2460px;}
#h8 {top:2870px;}
#h9 {top:3280px;}
#h10 {top:3690px;}

#hc1 {top:-20px;}
#hc2 {top:390px;}
#hc3 {top:800px;}
#hc4 {top:1210px;}
#hc5 {top:1620px;}
#hc6 {top:2030px;}
#hc7 {top:2440px;}
#hc8 {top:2850px;}
#hc9 {top:3260px;}
#hc10 {top:3670px;}

.hisbox {width:484px;}
.hisbox:last-child {margin-bottom:0px;}
.hisbox>div {height:386px;}
.hisbox>p:last-child {height:48px; font-size:20px; line-height:28px;}
    
.h1748 {margin-left:737px;}
.h1809 {margin-top:-104px;}
.h1836 {margin-left:737px; margin-top:-104px;}
.h1890 {margin-top:-104px;}
.h1965 {margin-left:737px;margin-top:-104px;}
.h1969 {margin-top:-104px;}
.h1988 {margin-left:737px; margin-top:-104px;}
.h2004 {margin-top:-104px;}
.h2007 {margin-left:737px; margin-top:-104px;}
.h2020 {margin-top:-104px;}
 
/*전 세계의 대리점*/
.about #sub_cir1_4 {top:-135px; left:-12%}
.world_slider {width:1080px; margin:0 70px;}

.slider_tb {padding:124px 80px;}
	
/*world slider bx-pager*/
.world_slider .bx-pager {top:532px;}

.about .bx-wrapper .bx-prev {top:212px !important; left:-85px;}
.about .bx-wrapper .bx-next {top:212px !important; right:-85px;}
/*about*/

/*product*/
/*product PC Only bg*/
#cbg_pc2_1 {position:absolute; top:120px; left:5%; width:120px; height:120px; z-index:-1}
#cbg_pc2_2 {position:absolute; top:350px; right:0%; width:260px; height:260px; z-index:-1}
#cbg_pc2_3 {position:absolute; top:850px; left:-5%; width:360px; height:360px; z-index:-1}
#cbg_pc2_4 {position:absolute; top:1200px; right:8%; width:220px; height:220px; z-index:-1}
#cbg_pc2_5 {position:absolute; top:1800px; left:4%; width:180px; height:180px; z-index:-1}
#cbg_pc2_6 {position:absolute; top:2140px; right:3%; width:460px; height:460px; z-index:-1}

.product .textbox {padding-right:0;}
.product .title_cir {top:-135px; left:-10%;}

/*product slider bx*/
.slick-prev {bottom:none; top:-90px; left:1120px;}
.slick-next {bottom:none; top:-90px; right:0;}

	
/*media*/
.media h3 {margin-bottom:0;}
.media .title_cir {top:-135px; left:-10%;}

/*media iframe*/
.video {height:715px;}

/*m_history*/
.history_video .bluebox {width:86.15%; height:630px;}
.history_video .video {width:97.69%;}
	
/*media PC Only bg*/
#cbg_pc3_1 {position:absolute; top:372px; left:1%; width:300px; height:300px; z-index:-1}
#cbg_pc3_2 {position:absolute; top:-15px; right:3%; width:160px; height:160px; z-index:-1}
#cbg_pc3_3 {position:absolute; top:800px; right:5%; width:500px; height:500px; z-index:-10}

/*m_product*/
.mpro_bg {height:596px;}
.prov2 {width:48.84%; height:334px; margin-right:1.16%;}
.prov3 {width:48.84%; height:334px;}

#cbg_pc3_4 {position:absolute; top:20px; left:8%; width:160px; height:160px;}
#cbg_pc3_5 {position:absolute; top:187px; right:3%; width:250px; height:250px;}
#cbg_pc3_6 {position:absolute; top:380px; left:-3%; width:400px; height:400px;}

/*plaiting*/
.plaiting_video .bluebox {width:79.84%; height:584px;}
.plaiting_video .video {width:95.38%; height:652px; margin:30px 2.31% 30px 2.31%;}

#cbg_pc3_7 {position:absolute; top:20px; right:3%; width:380px; height:380px; z-index:-1;}
#cbg_pc3_8 {position:absolute; top:450px; left:4%; width:150px; height:150px; z-index:-1;}
#cbg_pc3_9 {position:absolute; top:895px; right:4%; width:180px; height:180px; z-index:-1;}

/*expo*/
.expo_bg {height:546px;}

#cbg_pc3_10 {position:absolute; top:20px; left:3%; width:320px; height:320px;}
#cbg_pc3_11 {position:absolute; top:205px; right:4%; width:240px; height:240px;}
/*media*/

/*store*/
/*매장 정보*/
.map_info .blue_bg {padding:180px 0;}
.map_title {padding:50px 0;}

#cbg_pc4_1 {position:absolute; top:0px; left:8%; width:110px; height:110px;}
#cbg_pc4_2 {position:absolute; top:250px; right:2%; width:272px; height:272px;}
#cbg_pc4_3 {position:absolute; top:482px; left:-3%; width:420px; height:420px;}
#cbg_pc4_4 {position:absolute; top:820px; right:15%; width:120px; height:120px;}

.mapbox {width:680px; height:600px; float:left; margin-right:44px; margin-bottom:50px;}
.mapbox .orangebox {width:67.83%; height:400px;}
.mapbox .map {width:95.2%; height:560px;}

.store_info {width:496px; float:right; margin-top:65px;}
.store_info p {text-align:left;}
.store_info .adress {width:496px;}
.store_info .ebtn {margin:0;}

/*매장 찾기*/
#cbg_pc4_5 {position:absolute; top:385px; left:3%; width:140px; height:140px;}
#cbg_pc4_6 {position:absolute; top:-30px; right:0.3%; width:380px; height:380px;}
#cbg_pc4_7 {position:absolute; top:922px; left:-12%; width:600px; height:600px;}
#cbg_pc4_8 {position:absolute; top:806px; right:5%; width:220px; height:220px;}

.store .textbox h3 {margin-bottom:30px;}
.find {margin-top:14px;}

/*매장리스트*/
.panel>ul>li>a {padding:30px 50px;}
.go {right:50px;}
/*store*/
}
/*PC*/