@media (max-width: 1600px) {
.inner{width:90%}
.main_con02_wp .container{width: 18%;min-width:auto;}

}




@media (max-width: 1200px) {
/* ¸ÞÀÎ */
button{font-size:12px}
#header nav .depth1{display:none}
#header .right_btn{display:block}
.main_tit_wp{ flex-direction: column; align-items: flex-start;}
.main_tit_wp .main_tit h3{ font-size: 20px;}
.main_tit_wp .main_tit span{font-size:35px; line-height: 40px; margin: 0;}
.section-main--visual .text-wrap .title{ font-size: 50px;}
.section-main--visual .inner { }


.main_con01_wp .main_tit_wp{ padding: 50px 0 30px 30px;}
.main_con01_wp .crystal_swiper{width: 100%;padding: 0 30px 20px}
.main_con01_wp .crystal_swiper ul li{ height: 400px;}
.main_con01_wp .crystal_swiper ul li p b{font-size: 22px;}
.main_con01_wp .swiper-button-next, .main_con01_wp .swiper-button-prev{ padding: 22px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 20px;}
.main_con01_wp .crystal_swiper ul li p{height: 35%;}
.main_con01_wp .crystal_swiper ul li p span{ font-size: 12px;}
.main_con01_wp.inner { width: 100%;}
.main_con02_wp .card{height: calc(100% - 40px);}
.main_con02_wp .IR_card_box_wp{flex-wrap: wrap; justify-content: space-around;}
.main_con02_wp .container{width: 50%; height: 400px;}

.main_con03_wp .price_wp{ flex-direction: column;}
.main_con03_wp .price_table_wp{width:100%}

.main_con04_wp .inner{flex-direction: column;}
.main_con04_wp .main_half_wp{width:100%}
.main_con04_wp .main_tit_wp .main_tit h3{ font-size: 40px; margin-top: -10px;}
.main_con04_wp .main_tit_wp .main_tit span{  font-size: 25px;}
.main_con04_wp .main-guide-con-wp .guide-list{ flex-direction: row; flex-wrap: wrap; align-items: flex-start;}
.main_con04_wp .main-guide-con-wp .guide-list li{ width: 28%; flex-direction: column;}
.main_con04_wp .main-guide-con-wp .guide-list li.next-ic span{ transform: rotate(270deg); margin: 25px 0;}
.main_con04_wp .main-guide-con-wp .guide-list .guide-txt{ padding:10px 0;}


footer .ft_wp{ width: 95%; align-items: flex-start; flex-direction: column;}
footer .ft_wp .ft_logo{width: 300px; }
footer .ft_wp .ft_con_wp{width:100%}
/* ¼­ºê */
.sub-visual .title{ font-size: 40px;}
.sub-inner .sub-title{font-size:20px}
/* ±¸¸ÅÇϱâ */
.sub-inner{width: 95%;}
.sub-buy-con{ flex-direction: column; margin-bottom: 20px;}
.sub-buy-con .buy-select-wp{width:100%;}
.sub-buy-con .buy-select-wp .buy-list ul li{padding: 5px 15px;}
.sub-buy-con .buy-img-wp{width:100%; height: 276px;}
.sub-buy-ft-con{ flex-direction: column;}
.sub-buy-ft-con .sub-buy-order{width: 100%;}
.sub-buy-ft-con .sub-buy-order ul{ flex-wrap: wrap; margin-bottom: 20px;}
.sub-buy-ft-con .sub-buy-order li {}
.sub-buy-ft-con .sub-buy-order li:last-child {width:100%;}
.sub-buy-ft-tit{padding: 10px 0 20px 0;}
.sub-buy-ft-con .sub-buy-price s,.sub-buy-ft-con .sub-buy-price b{display: inline-block;}
.email-inp .inp{ width: 40%;}
.sub-form-con legend ~ table > tbody > tr{flex-direction: column; width: calc(100% - 0px);}
.sub-form-con legend ~ table > tbody > tr > td:first-child{ flex: 1 0 0;}
.inp input{ padding: 11px 10px;}
.main_con04_wp{ padding-bottom: 50px;}

/* Á¦Ç°¼Ò°³ */
.sub-in-wp{width:100%;font-size: 15px;}
.crystalline-wp .crystal-con-tit-wp{ font-size: 15px; line-height: 20px;}
.crystalline-wp .crystal-con-tit-wp .crystal-bg-tit{font-size: 15px;}
.crystalline-wp .crystal-con-tit-wp .crystal-main-tit{ margin: 20px auto 20px; font-size: 30px;}
.crystalline-wp .crystal-con1-wp .crystall-con1-tit b{font-size: 50px; line-height: 55px;}
.crystalline-wp .crystal-con1-wp .crystall-con1-tit span{ font-size: 20px;}
.crystalline-wp .crystal-con1-wp{ background-size: cover;}
.crystalline-wp .crystal-con1-wp .sub-in-wp{min-height: 1000px;}
.crystalline-wp .crystal-con1-wp ul{justify-content: space-around; bottom: 30px;}
.crystalline-wp .crystal-con1-wp ul li{}
.crystalline-wp .crystalline-con2-wp ul{ width: 90%; margin: 0 auto;}
.crystalline-wp .crystalline-con2-wp ul li img{width: 50px;}
.crystalline-wp .crystalline-con2-wp ul li p{font-size: 20px;}
.crystalline-wp .crystalline-con3-wp .crystalline-con3-img img{width:80%}
.crystalline-wp .crystalline-con4-wp{ }
.crystalline-wp .crystalline-con4-wp .Crystal-con4-ft{ left: 10px;}
.crystalline-wp .crystalline-con4-wp .Crystal-con4-ft p{ font-size: 15px;}
.crystalline-wp .crystalline-con4-wp .Crystal-con4-ft img{width:100px}
.crystalline-wp .crystalline-con5-wp ul,.crystalline-wp .crystalline-con5-wp small{ width: 95%;}
.crystalline-wp .crystalline-con5-wp ul li img{width:100%}
.crystalline-wp .crystalline-con6-wp ul li{ flex-direction: column; text-align: center; width: 80%; margin: 0 auto 20px;}
.crystalline-wp .crystalline-con6-wp ul li .crystalline-con6-txt {font-size:15px}
.crystalline-wp .crystalline-con6-wp ul li .crystalline-con6-txt b{ font-size: 30px;}
.crystalline-wp .crystalline-con6-wp ul li .crystalline-con6-ic{width:100px; height:100px}
.crystalline-wp .crystalline-con6-wp ul li .crystalline-con6-ic img{ width: 70%;}
.crystalline-wp .crystalline-con6-wp .Crystal-con6-ft img{width: 100%;}
.scroll-box-wp{ overflow: scroll; position: relative;}
.scroll-box-in{ min-width: 1000px;}
.ico-scroll {position:absolute;width:90px;height:90px;background:rgba(0,0,0,.6) url(/img/table_touch.png) no-repeat;background-size:100%;left:50%;top:50px;z-index:10;margin-left:-50px; border-radius: 10px;}


.Ceramic-con1-tit{padding-top: 80px; line-height: 20px; width: 90%;}
.Ceramic-con1-tit b{font-size:50px}
.Ceramic-con1-tit strong{ font-size: 20px; line-height: 25px;}
.Ceramic-con1-bg{ background-size: 200%;}
.Ceramic-con1-bg .Ceramic-con1-ic-wp{ flex-wrap: wrap; justify-content: space-around; margin: 300px auto 100px;}
.Ceramic-con1-bg .Ceramic-con1-ic-wp li{ width: 30%; font-size: 12px; line-height: 17px; margin-bottom: 10px;}
.Ceramic-con1-bg .Ceramic-con1-ic-wp li div img{}
.Ceramic-prodt-wp .Ceramic-sub-tit{ font-size: 40px;}
.Ceramic-prodt-tit{ font-size: 15px;  margin-left: 20px;}
.Ceramic-con2-bk{justify-content: center;}
.Ceramic-con2-bk .Ceramic-con2-img-box{ width: 90%;}
.Ceramic-con2-bk .Ceramic-con2-img-box:after{ width: 100%;}
.Ceramic-con2-bk .Ceramic-con2-txt{ font-size: 45px;  width: 80%; margin: 0 auto;  padding: 50px 0 0 0; line-height: 50px;}
.Ceramic-con2-bk .Ceramic-con2-txt p{ font-size: 15px; line-height: 25px;}
.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list{ width: 90%; margin: 0 auto;}
.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list:first-child{min-height: auto;}
.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list .Ceramic-con3-list-ci{ font-size: 20px;}
.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list .Ceramic-con3-list-ci img{ width: 90px; padding: 10px;}
.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list .Ceramic-con3-list-ci span{ padding: 0 0 30px 15px;}
.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list .Ceramic-con3-list-txt{ left: 70px;width: calc(100% - 70px);}
.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list .Ceramic-con3-list-txt,.Ceramic-con4-wp .Ceramic-con4-list .Ceramic-con4-txt p,.Ceramic-prodt-wp .Ceramic-prodt-list ul li{ font-size: 12px; line-height: 17px;}
.Ceramic-con3-bg{background-size: 140%; padding: 100px 0 300px;}
.Ceramic-con4-wp .Ceramic-con4-list{flex-direction: column; padding-bottom: 40px}

.Ceramic-con4-wp .Ceramic-con4-list img{ width: 80%;}
.Ceramic-con4-wp .Ceramic-con4-list .Ceramic-con4-txt{ width: 80%; padding-left: 30px; padding-top: 10px;}
.Ceramic-con4-wp .Ceramic-con4-list .Ceramic-con4-txt b{ font-size: 20px;}
.Ceramic-con5-wp .price-wp img,.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list img{ max-width: 100%;}

/* °¡°ÝÁ¤º¸ */
div.pop_contents{ width: 90%;}
.price-wp .price-tit-wp{}

/* °í°´¼¾ÅÍ */
.guide-con-wp .guide-list{justify-content: flex-start; flex-wrap: wrap;}
.guide-con-wp .guide-list li{ width: 28%; margin-bottom: 20px;}
.d_no,.d_dt{ display: none;}
.notice-pop .notice-pop-box .input_pw .btn{ height: 43px; line-height: 43px;}
.list_view .view_top{flex-direction: column; padding: 10px;}
.list_view .view_top ul{ justify-content: flex-end;}
.list_view .view_top h3{ margin-bottom: 10px;}
.btn_relation a{}

/* ½Ã°ø´ë¸®Á¡ */
.shop-wrap{ flex-direction: column;  align-items: center; gap: 20px;}
.shop-map{margin-left: 0;}
.shop-map-detail{width: 100%;}
.shop-map-detail ul{ gap: 0;}
.shop-map-detail ul li { width: 19%; margin: 0 1% 10px 0;}
.shop-map-detail ul li button{ width: 100%; padding: 0; height: 40px;}
.table-type01-wp{ overflow: scroll; padding-bottom: 30px;}
.table-type01{ width: 200%;}

/* °³ÀÎÁ¤º¸ */
.policy-wp{width:90%}
.display-btwn{    flex-direction: column;}



}


@media (max-width: 800px) {
.inner { width: 95%; font-size:12px}
.intro_wp{ background-size: 110%;}
.intro_wp .intro_con{width: 100%; margin: 0 auto 70px; }
.intro_wp .intro_con > img{width: 60px;}
.intro_wp .intro_con h2{ font-size: 20px; line-height: 20px; padding: 10px 0;}
.intro_wp .intro_search fieldset{ width: 80%;}
.intro_wp .intro_search fieldset input{ width: 85%;padding: 10px; font-size: 12px;}
.intro_wp .intro_search fieldset .btn-search{ width: 15%; padding: 5px;}
.intro_wp .intro_con .tip{ font-size: 12px; margin: 0;}

footer .ft_wp .ft_logo{width: 200px;}

.section-main--visual .text-wrap .title{ font-size: 30px;}
.section-main--visual .text-wrap .text{ font-size: 15px;}
.section-main--visual .swiper-pagination {font-size: 15px;}
.arrow-btn .link{font-size: 12px;}
.main_tit_wp .main_tit h3{ font-size: 15px;}
.main_tit_wp .main_tit span { font-size: 30px;  line-height: 35px;}
.sub-visual{ height: 200px;}
.sub-visual .title{ font-size: 30px;}
.sub-visual-tab a{font-size: 15px;}
.sub-top-tit-wp{;}
#header{ height: 60px;}
#header .h_in{ padding: 0 6% 0 0;}
.write_table li{width:100%}
.main_con02_wp .container{ width: 45%; height: 250px;}
.main_con02_wp .card .card_icon{}
.main_con02_wp .card .card_icon img{width: 80%;}
.main_con02_wp .information h2{ line-height: 20px; padding-bottom: 10px;}

.main_con03_wp .price_table_wp .price_tit p{font-size: 15px;}
.main_con03_wp .price_table_wp table tr td, .main_con03_wp .price_table_wp table tr th{font-size: 12px;}
.modal-window{width:98%}
.main_con04_wp .main-guide-con-wp .guide-list .guide-txt{ font-size: 12px;}
.main_con04_wp .main-guide-con-wp .guide-list li{width: 44%;}
.main_con04_wp .main-board .title{ font-size: 15px;}
.main_con04_wp .main-board .box{ padding: 15px 0;}
/* Á¦Ç°¼Ò°³ */
.guide-con-wp .guide-list li{ width: 45%;}
.crystalline-wp .sub-in-wp{ padding: 50px 0 100px}
.crystalline-wp .crystal-con-tit-wp > img{width:50px}
.crystalline-wp .crystal-con1-wp .sub-in-wp{ min-height: 700px;}
.crystalline-wp .crystal-con1-wp ul{flex-wrap: wrap;bottom: 10px;}
.crystalline-wp .crystal-con1-wp ul li{ width: 28%; font-size: 12px;}
.crystalline-wp .crystal-con1-wp ul li img{width:40%}
.crystalline-wp .crystal-con-tit-wp .crystal-main-tit,.crystalline-wp .crystalline-con6-wp ul li .crystalline-con6-txt b{font-size: 20px; line-height: 25px;}
.crystalline-wp .crystal-con-tit-wp .crystal-bg-tit,.crystalline-wp .crystalline-con6-wp ul li .crystalline-con6-txt,.crystalline-wp .crystalline-con5-wp ul li,.crystalline-wp .crystal-con-tit-wp,.crystalline-wp .crystalline-con4-wp .Crystal-con4-ft p{ font-size: 12px;line-height:15px}
.crystalline-wp .crystalline-con4-wp{min-height: 570px; background-size: 200%;}
.crystalline-wp .crystalline-con6-wp ul li .crystalline-con6-ic{width:80px; height:80px; margin-bottom: 20px}

.Ceramic-con2-bk .Ceramic-con2-txt{ font-size: 35px;}
.Ceramic-con2-bk .Ceramic-con2-img-box{ height: 500px;}
.Ceramic-con3-bg{padding: 100px 0 200px;}

.crystalline-wp .crystalline-con7-wp .crystalline-con7-top ul{    min-width: 1000px;}
/* ±¸¸ÅÇϱâ */
.sub-buy-con .buy-select-wp .buy-list ul li{ font-size: 12px; padding: 5px; margin: 5px 10px 0 0;}

/* Æ˾÷ */
.popup{ max-width: 100%; max-height: max-content;}


}