html, body{height:100%}
#hd{border-bottom:0; padding:0 100px}
#hd_wrapper{display:flex; justify-content:center; align-items:center}
#gnb{border-top:0}
#logo{left:0; position:absolute}
.hd_sch_wr{display:none}
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%}
#btn_go_top {
	position: fixed;
	bottom: 5px;
	right: 15px;
	z-index: 30;
	width: 45px;
	height: 45px;
	overflow: hidden;
	display: none;
}
.ul_link{display:inline-block; position:fixed; right:0; top:50%}
.ul_link li span{display:none}
.ul_link img{border:5px solid #fff}
.ul_link li{overflow:hidden; text-align:right}
.ul_link li a{background:#fff; border:1px solid #ddd; padding:5px 0; height:36px; white-space:nowrap; display:flex; width:36px; align-items:center; justify-content:left; float:right; overflow:hidden; margin:2px 0; transition:all 0.5s}
.ul_link li a:hover{width:100%}
.ul_link li:hover{width:auto}
.ul_link li:hover span{display:block !important}
#gnb_all{border:0; box-shadow:none; width:100%; height:100%; position:fixed; left:0; background:linear-gradient(180deg, #ff6666, #fff); opacity:.9; top: constant(safe-area-inset-top);
top:env(safe-area-inset-top, 0)}
#gnb_all:hover, #gnb_all{ z-index:111112 !important}
#gnb_all .gnb_al_ul, #gnb_all .gnb_al_ul li{height:100%}
#gnb_all .gnb_al_ul > li:nth-child(5n+1), #gnb_all .gnb_al_ul > li{ border-left:1px solid rgba(256,256,256, .5)}
#gnb_all .gnb_al_li{width:14%; font-size:18px}
#gnb_all .gnb_al_li .gnb_al_a, #gnb_all .gnb_al_li li a{color:white}
#gnb .gnb_close_btn{background:transparent; color:#fff}
#gnb_all h2{display:none}
.gnb_menu_btn{background:transparent; border:0}
.sound_only{display:none !important}
.bd_slogan {
	font-size: 22px;
	font-weight: 300;
	line-height: 30px;
	color: #555;
	letter-spacing: -1px;
	padding-top: 8px;
	text-align: center;
}
.gnb_2dul {
    padding-top: 15px;
    position: absolute;
    z-index: 3;
    left: 0;
    width: 100%;
    padding: 0 0 20px 0;
    transition: transform 0.5s;
    background: #fff; box-shadow:none;     border-radius: 0 0 10px 10px;
 
    padding: 20px;
    z-index: 12;
    width: 200px;
}
.gnb_2dul .gnb_2dul_box{border:0; box-shadow:none}
.gnb_2dul li a {
    display: block;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400; color:#555
}
#top_btn:hover {
    border:0;
    background: transparent;
    color: #ff6666;
}
#top_btn{background: transparent;}
#ft_copy{display:none}
.hd_login a{color:#999}
.hd_login li{font-size:15px; border-left:0}
.bt_all {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.bt_all span {
    display: block;
    width: 50px;
    height: 1px;
    background: #666;
}
/*메인*/
.btn_down {
    position: absolute;
    bottom: 0;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    text-align: center;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center; font-size:15px
}
.btn_down a{color:#555}
.pic_lt, .pic_lt ul{width:100%; font-size:15px}
.typo{background:url(/img/icon_church.png) 50% 0 no-repeat; padding:90px 0 0 0}
/*오시는길*/
ul.tab_map {
	font-size: 0;
	text-align: center;
	margin-bottom: 65px;
}
ul.tab_map li {
	display: inline-block;
	width: 11.1%;
	font-size: 15.6px;
	font-weight: 500;
	color: #444;
	line-height: 46px;
	border: 1px solid #ddd;
	border-left: none;
	cursor: pointer;
	vertical-align: top;
}
ul.tab_map li:first-child {
	border-left: 1px solid #ddd;
}
ul.tab_map li.selected {
	background-color: #CD9266;
	border: 1px solid #CD9266;
	color: #fff;
}
.map_info {
	position: relative;
	line-height: 28px;
	padding-bottom: 25px;
	font-size: 16.4px;
}
.map_info i {
	display: inline-block;
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 21px;
	font-size: 9px;
	background-color: #555;
	color: #fff;
	border-radius: 12px;
	vertical-align: middle;
	margin-bottom: 2px;
}
.map_info span.title {
	font-weight: 500;
	color: #444;
}
#fac_map_canvas {
	width: 100%;
	height: 500px;
}



#map_canvas img {
	max-width: none;
}
#map_canvas {
	height: 450px;
}

.tb_spec {
	width: 100%;
	font-size: 15px;
	line-height: 23px;
	letter-spacing: -0.4px;
	color: #666;
	margin-top: 30px;
	border-top: 1px solid #888;
}
.tb_spec th {
	font-weight: 500;
	color: #444;
	text-align: left;
	border-bottom: 1px solid #ddd;
	padding: 13px 0 13px 10px;
}
.tb_spec td {
	border-bottom: 1px solid #ddd;
	padding: 13px 0 13px 13px;
	border-left: 1px solid #f1f1f1;
}
.t_type1{width:100%}
.pro_list {
	font-size: 0;
	margin-top: 8px;
}
.pro_list li {
	display: inline-block;
	width: 22.75%;
	margin: 0 3% 3% 0;
	vertical-align: top;
	border: 1px solid #ededed;
	padding: 20px;
	font-family : "Noto Sans KR";
}
.pro_list li:nth-child(4n) {
	margin-right: 0;
}
.pro_list li .img {
	text-align: center;
}
.pro_list li h5 {
	font-size: 20px;
	font-weight: 500;
	color: #333;
	letter-spacing: -1px;
	padding: 20px 0 13px;
}
.pro_list li p {
	font-size: 14px;
	font-weight: 400;
	color: #777;
	line-height: 18px;
	letter-spacing: 0px;
	border-top: 1px solid #ededed;
	padding-top: 15px;
}
.pro_list li p span {
	display: block;
	background: url(/img/spot_ul.gif) no-repeat 0 8px;
	padding-left: 8px;
}
.biz3_top {
	position: relative;
	padding-right: 35%;
}
.biz3_pic {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
}
.biz3_text {
	font-size: 15.4px;
	font-weight: 400;
	line-height: 25px;
	color: #666;
	letter-spacing: -0.4px;
}
.biz3_text p {
	font-size: 27px;
	font-weight: 500;
	color: #333;
	padding-bottom: 20px;
}
.pro_list2 {
	font-size: 0;
	margin-top: 8px;
}
.pro_list2 li {
	display: inline-block;
	width: 22.75%;
	margin: 0 3% 3% 0;
	vertical-align: top;
}
.pro_list2 li:nth-child(4n) {
	margin-right: 0;
}
.pro_list2 li p {
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	color: #444;
	padding-top: 15px;
	letter-spacing: -0.6px;
}
.pro_pic {
	font-size: 0;
}
.pro_pic li {
	display: inline-block;
	width: 20%;
	margin: 0;
	vertical-align: top;
}
.insta_bt_group {
	margin: 40px auto;
	text-align: center
}
a.btn_hong_insta {
	display: inline-block;
	margin: 0 20px;
	font-size: 17px;
	font-weight: 600;
	line-height: 46px;
	text-align: center;
	border-radius: 30px;
	background-color: #f4f4f4;
	width: 300px;
}

/*비주얼*/
#main_visual_area {
	position: relative;
	background-color: #000;
	overflow: hidden;
}
#main_visual_area .eng {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 4px;
	opacity: 0.9;
}
.typo{z-index:4000; text-align:center}
.biz .typo{max-width:1300px; margin:0 auto; text-align:left}
#main_visual_area .slogan {
	font-size: 64.4px;
	font-weight: 800;
	color: #fff;
	line-height: 64px;
	padding: 20px 0 25px;
	letter-spacing: -2px;
	opacity: 0.8;
	letter-spacing: -1px;
}
#main_visual_area .slogan span {
	color: #e89152
}
#main_visual_area .exp {
	font-size: 19px;
	font-weight: 300;
	color: #fff;
	line-height: 24px;
	letter-spacing: 0px;
	
}
#main_visual_area a.btn_down {
	display: block;
	width: 50px;
	height: 50px;
	margin: 50px auto 0;
	overflow: hidden; font-size:19px
}
#main_visual_area a.btn_down img {
	margin-top: -50px;
}

#main_visual_area .exp{font-size:28px;font-weight:300;color:#fff;line-height:1.2;letter-spacing:0px;font-weight:600; opacity:.9; margin:10px 0 0 0}
#main_visual_area  a.btn_down{display:block;width:50px;height:50px;margin:50px auto 0;overflow:hidden;}
#main_visual_area  a.btn_down img{margin-top:-50px;}

/*공통*/
.section {
	position: relative;
}
.section h3.title {
	font-size: 50px;
	line-height: 60px;
	color: #222;
	font-weight: 800;
	text-align: center;
	padding-bottom: 12px;
	letter-spacing: -1px;
}
.section p.exp {
	text-align: center;
	font-size: 16.4px;
	color: #444;
	opacity: 0.7;
	line-height: 25px;
}
.deco1 {
	width: 33px;
	height: 3px;
	background: #b33b3b;
	margin: 50px auto;
	text-align: center;
}
.deco2 {
	width: 33px;
	height: 3px;
	background: #b33b3b;
	margin: 40px auto 30px;
	text-align: center;
}

#product_list li {
	position: relative;
	margin: 0 20px;
	box-shadow: 6px 6px 10px rgba(0,0,0,0.10);
}
#product_list li a {
	display: block;
}

#product_list li a p.name {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -28px;
	font-size: 22px;
	line-height: 56px;
	color: #fff;
	font-weight: 700;
	text-align: center;
}


#product_list .slick-prev {
	position: absolute;
	left: -50px;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	background: url(/img/main/btn_prev.png);
	cursor: pointer;
	font-size: 0px;
}
#product_list .slick-next {
	position: absolute;
	right: -50px;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	background: url(/img/main/btn_next.png);
	cursor: pointer;
	font-size: 0px;
}
#product_list .slick-prev:hover {
	background-position: 0 -50px;
}
#product_list .slick-next:hover {
	background-position: 0 -50px;
}

/*s3*/
#s3 {
	background: url(../img/main/bg_global.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 150px 0 280px;
}
#s3 #product_list .img{border:0; box-shadow:none}
#s3 .biz_type {
	position: absolute;
	bottom: -180px;
	left: 50%;
	width: 1144px;
	margin-left: -572px;
	z-index: 100;
}
#s3 .biz_type li {
	float: left;
	width: 50%;
	text-align: center;
	position: relative;
	background-color: #000;
}
#s3 .biz_type li a {
	display: block;
}
#s3 .biz_type li a:hover img {
	opacity: 0.6;
}
#s3 .biz_type li a p {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	margin-top: -30px;
	font-size: 32px;
	color: #fff;
	line-height: 30px;
	font-weight: 700;
}
#s3 .biz_type li a p span {
	font-size: 18px;
}
a.btn_more1 {
	font-size: 15px;
	color: #fff;
	font-weight: 400;
	line-height: 45px;
	display: inline-block;
	padding: 0 45px;
	margin-top: 50px;
	border: 1px solid #fff;
}
a.btn_more1:hover {
	color: #444;
	background-color: #fff;
}

#notice {
	padding: 280px 0 120px;
}
#notice .news {
	margin-top: 50px;
	font-size: 0;
}
#notice .news ul li {
	display: inline-block;
	width: 23.5%;
	margin-right: 2%;
	height: 247px;
	margin-bottom: 20px;
	overflow: hidden;
	vertical-align: top;
}
#notice .news ul li:nth-child(3) {
	width: 49%;
	background: #999;
	padding: 30px 35px;
}
#notice .news ul li.no_img {
	background: #3BB383;
	padding: 24px 25px;
}
#notice .news ul li:nth-child(3), #notice .news ul li:nth-child(7) {
	margin-right: 0;
}
#notice .news ul li .tit {
	color: #fff;
	font-size: 26px;
	line-height: 30px;
	font-weight: 400;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-bottom: 15px;
}
#notice .news ul li .cont {
	color: #fff;
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	padding-top: 15px;
	overflow: hidden;
	opacity: 0.9;
	padding-bottom: 15px;
}
#notice .news ul li .img {
	height: 173px;
	width: 100%;
}
#notice .news ul li .txt {
	height: 74px;
	width: 100%;
	background: #f3f3f3;
	padding: 16px 20px;
	overflow: hidden;
	font-size: 15px;
}
#notice .news ul li .txt2 {
	display: none;
}
#notice .news ul li span.date {
	display: none;
}
#notice .news ul li:nth-child(3):hover {
	background: #555;
}
#notice .news ul li.no_img:hover {
	background: #289c6d;
}
a.btn_more2 {
	font-size: 15px;
	color: #fff;
	font-weight: 400;
	line-height: 50px;
	display: inline-block;
	padding: 0 50px;
	margin-top: 40px;
	background: #3E3A39;
}
a.btn_more2:hover {
	opacity: 0.6;
}
#header {
	height: 100px
	
}
#header_wrap h1.logo {
	background: none
}
#header_wrap h1.logo img {
	max-width: none
}
#main_visual_area {
	background: url(img/vis.jpg) 50% bottom no-repeat;
	background-size: cover
}
#header_wrap h1.logo {
	text-indent: 0;
	top: 30px
}
#main_visual_area .slogan span {
	color: #c60019 !important
}


.submenu {
	display: none 
}
#main_visual_area a.btn_down img {
	margin-top: 0 !important;
	width: 30px !important;
	margin-bottom: 5px
}
#main_visual_area a.btn_down {
	color: white;
	width: 200px !important;
	overflow: visible !important
}
#top_btn li, #top_btn2 li {
	border-left: 0
}
#top_btn, #top_btn2 {
	width: 207px
}
#gnb ul.menu>li {
	width: auto;
	margin-right: 45px
}
#top_btn li a, #top_btn2 li a {
	padding-top: 13px
}
#main_visual_area .slogan {
	text-transform: uppercase
}
.deco1 {
	background: none !important
}
.slick-slide img {
	width: 394px;
	height: 246px
}
#product_list li a p.name{
	position: absolute;
	top: 50% !important;
	left: 0;
	width: 100%;
	margin-top: -28px;
	font-size: 22px;
	line-height: 56px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	background: none !important
}
ul.link li {
	width: 20% !important
}
ul.link li img {
	height: 600px
}
ul.link li a div.con {
	height: 100% !important;
	top: 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-content: center;
	justify-content: center;
	margin-top: 0 !important
}
ul.link li a div.con p {
	width: 100%;
	text-align: center
}
.bg {
	background: #000
}
.bg img {
	opacity: .5
}
ul.link li a {
	color: #fff!important
}
#main_visual_area .slogan {
	opacity: 0.9!important
}
.section3 {
	display: flex;
	gap: 80px
}
.section3 li {
	box-shadow: none !important;
	text-align: left;
	margin: 0 0 !important;
	width: 50%
}
.section3 li .title, .section3 li .exp {
	text-align: left !important
}
.section3 .news {
	display: flex !important;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 20px 0
}

.section3 li .exp {
	color: #000 !important;
	opacity: 1 !important;
	font-weight: 600
}
.section3 li .span, .section3 li .span:hover {
	color: #000 !important;
	opacity: 0.7 !important
}
.section3 .wrap_banner {
	display: flex;
	gap: 10px;
	text-align: center;
	justify-content: space-between;
	margin: 30px 0 0 0;
	width: 100%
}
.section3 .wrap_banner a {
	display: block;
	width: 33.33%;
	background: #ff6666;
	font-size: 18px;
	line-height: 3;
	color: #fff
}
.section3 .wrap_new {
	display: flex !important;
	flex-wrap: wrap;
	align-content: center
}
ul.link li a:hover div.con .title, ul.link li a:hover div.con .exp {
	color: #fff !important
}
ul.link2 li {
	width: 100% !important
}
ul.link2 li img {
	width: 100%;
	opacity: 0
}
ul.link2 li .bg {
	background: #ff6666
}
ul.link2 li a div.con .title {
	font-size: 50px !important;
	line-height: 60px !important;
	color: #fff !important;
	font-weight: 800 !important;
	text-align: center !important;
	padding-bottom: 12px !important;
	letter-spacing: -1px !important;
}
ul.link2 li a div.con .exp {
	text-align: center !important;
	font-size: 16.4px !important;
	color: #fff !important;
	opacity: 0.7 !important;
	line-height: 25px !important
}
ul.link2 li a div.con {
	opacity: 1 !important
}
#s4 {
	background: #ff6666;
	padding: 120px 0 100px
}
#s4 .title {
	font-size: 50px;
	line-height: 60px;
	color: #fff;
	font-weight: 800;
	text-align: center;
	padding-bottom: 12px;
	letter-spacing: -1px;
}
#s4 p.exp {
	text-align: center;
	font-size: 16.4px;
	color: #fff;
	opacity: 0.7;
	line-height: 25px;
}
#s4 #the_content {
	width: 800px;
	margin: 33px auto
}
#s4 .t1 {
	background: #fff
}
#s4 .wrap_t1 a {
	color: #ff6666 !important;
	text-decoration: underline
}
#s4 .btn01 {
	background: #222;
	color: #fff;
	margin: 30px auto 0 auto;
	display: block;
	width: 197px;
	height: 54px;
	text-align: center;
	font-size: 18px;
	line-height: 54px;
	vertical-align: middle
}
#s4 .wrap_t1 {
	background: #fff;
	padding: 30px 50px 50px 50px
}
#s4 .t1 th, #s4 .t1 td {
	text-align: left
}
#s4 input[type=text], #s4 input[type=password], #s4 input[type=email], #s4 input[type=tel], #s4 textarea, #s4 select {
	width: 100%;
	border-radius: 0;
	box-shadow: none;
	background: #fafafa;
	border: 1px solid #c7cccc;
	padding: 13px 44px 13px 16px;
	height: 51px;
}
#s4 .gfield_required {
	color: #ff6666
}
#s4 textarea {
	height: 150px
}
#s4 .col2, #s4 .col3 {
	display: flex;
	gap: 20px;
	justify-content: space-between
}
#s4 .col2 div {
	width: 50%
}
#s4 .col3 div {
	width: 33.33%
}
#s4 label {
	font-weight: 700;
	margin: 20px 0 5px 0;
	display: block
}
#footer {
	background-color: #222
}
#footer .footer_wrap .copyright {
	padding-left: 0;
	text-align: center;
}

/*비주얼*/
#main_visual_area{position:relative;background-color:#000;overflow:hidden;}
#main_visual_area .eng{font-size:15px;font-weight:700;color:#fff;letter-spacing:4px;opacity:0.9;}
#main_visual_area .slogan, .biz .slogan{font-size:64.4px;font-weight:800;color:#fff;line-height:64px;padding:20px 0 25px; font-family:"Montserrat", sans-serif}
#main_visual_area .slogan span, .biz .slogan span{color:#e89152}
#main_visual_area, .biz .exp{font-size:28px;font-weight:300;color:#fff;line-height:24px;letter-spacing:0px;letter-spacing:0px; font-weight:600; opacity:.9}
.biz .exp{line-height:1.2}
#main_visual_area  a.btn_down{display:block;width:50px;height:50px;margin:50px auto 0;overflow:hidden;}
#main_visual_area  a.btn_down img{margin-top:-50px;}

/*공통*/
.section{position:relative;} 
.section h3.title{font-size: 22px; line-height: 56px; color: #222; font-weight:700; text-align: center;letter-spacing:-1px; }
.section p.exp{text-align: center; font-size: 16.4px;color:#444;opacity:0.7;line-height:25px;}
.deco1{width: 33px; height:3px; background: #b33b3b; margin:50px auto; text-align: center;}
.deco2{width: 33px; height:3px; background: #b33b3b; margin:40px auto 30px; text-align: center;}

#product_list li{position:relative;margin:0 10px;box-shadow:6px 6px 10px rgba(0,0,0,0.10);}
#product_list li a{display:block;}
#product_list li a p.name{position:absolute;top:50%;left:0;width:100%;margin-top:-28px;font-size:22px;line-height:56px;color:#fff;font-weight:700;text-align:center;}
#product_list .slick-prev{position:absolute;left:-50px;top:50%;margin-top:-25px;width:50px; height:50px;background:url(/img/main/btn_prev.png);cursor:pointer;font-size: 0px;}
#product_list .slick-next{position:absolute;right:-50px;top:50%;margin-top:-25px;width:50px; height:50px;background:url(/img/main/btn_next.png);cursor:pointer;font-size: 0px;}
/*바로가기*/
ul.link li{float:left;width:33.333333333%;position:relative;background-color:#000;}
ul.link li a{display:block;height:100%;color:#fff;}
ul.link li a div.con{position:absolute;left:0;top:50%;width:100%;margin-top:-100px;text-align:center;opacity:0.8;z-index:2;}
ul.link li a div.con .title{font-size:21px;line-height:26px;font-weight:700;padding:30px 0 10px;}
ul.link li a div.con .exp{font-size:13.2px;line-height:18px;font-weight:500;}
ul.link li a:hover div.con{opacity:1;}
ul.link li a:hover div.con .title{color:#de9a68;}
ul.link li a:hover div.con .exp{color:#de9a68;}
ul.link li a:hover div.bg{opacity:0.7;}

#s3{clear:both}
#s3 .biz_type{position:absolute;bottom:-180px;left:50%;width:1144px;margin-left:-572px;z-index:100;}
#s3 .biz_type li{float:left;width:50%;text-align:center;position:relative;background-color:#000;}
#s3 .biz_type li a{display:block;}
#s3 .biz_type li a:hover img{opacity:0.6;}
#s3 .biz_type li a p{position:absolute;top:50%;width:100%;text-align:center;margin-top:-30px;font-size:32px;color:#fff;line-height:30px;font-weight:700;}
#s3 .biz_type li a p span{font-size:18px;}
a.btn_more1{font-size: 15px; color: #fff; font-weight: 400; line-height: 45px; display: inline-block; padding:0 45px; margin-top: 50px;border:1px solid #fff;}
a.btn_more1:hover{color: #444;background-color:#fff;}
#gnb ul.menu>li>a, #gnb ul.menu>li>span {
	font-size: 20px; line-height:100px
}
#top_btn li a, #top_btn2 li a {
	font-size: 16px
}

.sub_top, .sub_top:hover{background:#222 !important}
#header_wrap h1.logo {
	background: none;
	width: auto
}
#header_wrap h1.logo img {
	max-width: none
}
#main_visual_area {
	background: url(img/vis.jpg) 50% bottom no-repeat;
	background-size: cover
}
#header_wrap h1.logo {
	text-indent: 0;
	top: 0;
	font-size: 24px;
	line-height:100px;
	font-weight: 700;
	color: #000;
	letter-spacing: -0.2px; font-family:"Montserrat", sans-serif
}
#header_wrap h1.eng_logo img{display:none}
#header_wrap h1.eng_logo a{ display:block; width:294px; height:36px; background:url(/img/logo_w_e.png) no-repeat}
#main_visual_area .slogan span, .biz .slogan span {
	color: #c60019 !important
}
#main_visual_area:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0; z-index:1; background:rgba(0,0,0,.3)
}

.submenu {
	display: none
}
#main_visual_area a.btn_down img {
	margin-top: 0 !important;
	width: 30px !important;
	margin-bottom: 5px
}
#main_visual_area a.btn_down {
	color: white;
	width: 200px !important;
	overflow: visible !important; position:absolute; left:50%; margin-left:-100px; z-index:2; text-align:center; bottom:100px
}
.show_menu .span2{display:none !important}
.show_menu .span1, .show_menu .span3{ position:absolute}
.show_menu .span1{ transform:rotate(45deg)}
.show_menu .span3{ transform:rotate(-45deg)}
#top_btn li, #top_btn2 li {
	border-left: 0
}
#top_btn li .submenu, #top_btn2 li .submenu, #gnb ul.menu li .submenu{position:absolute;  border-radius:0 0 10px 10px; width:100%; padding:20px; z-index:12; width:200px }
#top_btn li .submenu li, #top_btn2 li .submenu li{width:100%; padding:0 0 0 0; text-align:center}
#top_btn li .submenu li a, #top_btn2 li .submenu li a{padding-top:0; line-height:1.5; height:auto}
#top_btn li:hover .submenu, #top_btn2 li:hover .submenu{display:block}
#top_btn {
	width: auto; border:0; right:auto; left:20px
}
#gnb ul.menu {
	display: flex;
	justify-content: center;
	gap: 45px
}
#gnb ul.menu>li {
	width: auto;
	margin-right: 0
}
.gogotop, .gogotop:visited, .gogotop:link, .gogotop:hover, .gogotop:active {
    position: fixed;
    right: 25px;
    height: 120px;
    width: 120px;
    bottom: 25px;
    border-radius: 100%;
    display: block;
    background: url('/img/icon_support.png') 50% 20px no-repeat #ff6666;
    color: #fff;
    z-index: 10000000000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px; display:flex; justify-content:center; align-items:flex-end; padding:15px;
	background-size:50%; transition:transform 0.6s
}
.gogotop:hover{transform: rotateY(180deg)}
#top_btn li a, #top_btn2 li a {
	padding-top: 13px
}
#main_visual_area .slogan {
	text-transform: uppercase
}
.deco1 {
	background: none !important
}
.slick-slide img {
	width: 394px;
	height: 246px
}
#product_list li a p.name{
	position: absolute;
	top: 50% !important;
	left: 0;
	width: 100%;
	margin-top: -28px;
	font-size: 22px;
	line-height: 56px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	background: none !important
}
ul.link li {
	width: 20% !important
}
ul.link li img {
	height: 600px
}
ul.link li a div.con {
	height: 100% !important;
	top: 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-content: center;
	justify-content: center;
	margin-top: 0 !important
}
ul.link li a div.con p {
	width: 100%;
	text-align: center
}
.bg {
	background: #000
}
.bg img {
	opacity: .5
}
ul.link li a {
	color: #fff!important
}
#main_visual_area .slogan, .biz .slogan {
	opacity: 0.9!important
}
.section3 {
	display: flex;
	gap: 80px
}
.section3 li {
	box-shadow: none !important;
	text-align: left;
	margin: 0 0 !important;
	width: 50%
}
.section3 li .title, .section3 li .exp {
	text-align: left !important
}
.section3 .news {
	display: flex !important;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 20px 0
}

.section3 li .exp {
	color: #000 !important;
	opacity: 1 !important;
	font-weight: 600
}
.section3 li .span, .section3 li .span:hover {
	color: #000 !important;
	opacity: 0.7 !important
}
.section3 .wrap_banner {
	display: flex;
	gap: 10px;
	text-align: center;
	justify-content: space-between;
	margin: 30px 0 0 0;
	width: 100%
}
.section3 .wrap_banner a {
	display: block;
	width: 33.33%;
	background: #ff6666;
	font-size: 16px;
	line-height: 3;
	color: #fff; border-radius:5px
}
.section3 .wrap_new {
	display: flex !important;
	flex-wrap: wrap;
	align-content: center
}
ul.link li a:hover div.con .title, ul.link li a:hover div.con .exp {
	color: #fff !important
}
ul.link2 li {
	width: 100% !important
}
ul.link2 li img {
	width: 100%;
	opacity: 0
}
ul.link2 li .bg {
	background: #ff6666
}
ul.link2 li a div.con .title {
	font-size: 50px !important;
	line-height: 60px !important;
	color: #fff !important;
	font-weight: 800 !important;
	text-align: center !important;
	padding-bottom: 12px !important;
	letter-spacing: -1px !important;
}
ul.link2 li a div.con .exp {
	text-align: center !important;
	font-size: 16.4px !important;
	color: #fff !important;
	opacity: 0.7 !important;
	line-height: 25px !important
}
ul.link2 li a div.con {
	opacity: 1 !important
}
#s4 {
	background:url(/img/bg_s4.png) 50% 50% no-repeat;
	padding: 120px 0 100px; background-size:cover
}
#s4 .title {
	font-size: 50px;
	line-height: 60px;
	color: #fff;
	font-weight: 800;
	text-align: center;
	padding-bottom: 12px;
	letter-spacing: -1px;
}
#s4 p.exp {
	text-align: center;
	font-size: 16.4px;
	color: #fff;
	opacity: 0.7;
	line-height: 25px;
}
#s4 #the_content , .wrap_m0404 {
	width: 800px;
	margin: 33px auto
}
.wrap_m0404{    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.10);
    border: 1px solid #ddd;
    border-radius: 10px; margin:0 auto; padding:50px; }
.wrap_m0404 p{word-break:keep-all}	
.wrap_m0404 span{color:#ff6666}
.wrap_m0404 li{padding:0 0 0 18px;margin:0 0 0 18px; position:relative}
.wrap_m0404 li:before{content:'-'; position:absolute; left:0; top:0px}
#s4 .t1 {
	background: #fff
}
#s4 .wrap_t1 a {
	color: #ff6666 !important;
	text-decoration: underline
}
#s4 .btn01 {
	background: #222;
	color: #fff;
	margin: 30px auto 0 auto;
	display: block;
	width: 197px;
	height: 54px;
	text-align: center;
	font-size: 18px;
	line-height: 54px;
	vertical-align: middle; border:0; padding:0
}
#s4 .wrap_t1 {
	background: #fff;
	padding: 30px 50px 50px 50px
}
#s4 .t1 th, #s4 .t1 td {
	text-align: left
}
#s4 input[type=text], #s4 input[type=password], #s4 input[type=email], #s4 input[type=tel], #s4 textarea, #s4 select {
	width: 100%;
	border-radius: 0;
	box-shadow: none;
	background: #fafafa;
	border: 1px solid #c7cccc;
	padding: 13px 44px 13px 16px;
	height: 51px;
}
#s4 .gfield_required {
	color: #ff6666
}
#s4 textarea {
	height: 150px
}
#s4 .col2, #s4 .col3 {
	display: flex;
	gap: 20px;
	justify-content: space-between
}
#s4 .col2 div {
	width: 50%
}
#s4 .col3 div {
	width: 33.33%
}
#s4 label {
	font-weight: 700;
	margin: 20px 0 5px 0;
	display: block
}
#footer {
	background-color: #222
}
#footer .footer_wrap .copyright {
	padding-left: 0;
	text-align: left;
}
#footer .wrap_agree{position:absolute; right:0; top:0; display:flex; gap:10px}
#footer .wrap_agree a{color:#999}
#product_list li {
	box-shadow: none
}
#product_list li a p.name{
	position: relative;
	top: auto !important;
	margin-top: 10px;
	color: #333; word-break:break-all
}
ul.link li a div.con .title {
	font-size: 28px
}
ul.link li a div.con .exp {
	font-size: 18px;
	font-weight: 300
}
#product_list{display:flex; justify-content:center; margin:0 auto; width:calc(100% - 100px); margin-top:50px}
#product_list li{ text-align:center; word-break:keep-all; width:calc(14.28% - 20px)}
#product_list li p{word-break:keep-all}
#wrap{height:100%}


.jd-slider.slider--none .controller,.jd-slider.slider--none .next,.jd-slider.slider--none .prev{display:none}
#main_visual_area{position:absolute; width:calc(100% - 100px); height:calc(100% - 150px); left:0; top:50px; display:flex; justify-content:center; align-items:center; z-index:4000; margin-top:50px; box-sizing:border-box; overflow:hidden; background:url(../img/vis2.jpg)50% bottom no-repeat; background-size:cover; border-radius:50px; margin:50px; z-index:-1  }  
#s1{background:#f6f6f6; padding:120px 0; margin:120px 0 0 0} 
#s1 #product_list .img, #product_list .img{    box-shadow: 6px 6px 10px rgba(0,0,0,0.10);
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden; background:#fff; aspect-ratio:1/1} 
#s1 #product_list li:nth-child(1) .img{ background:url(/img/img_commu1.png) 50% 50% no-repeat; background-size:cover}	
#s1 #product_list li:nth-child(2) .img{ background:url(/img/img_commu2.png) 50% 50% no-repeat; background-size:cover}
#s1 #product_list li:nth-child(3) .img{ background:url(/img/img_commu3.png) 50% 50% no-repeat; background-size:cover}
#s1 #product_list li:nth-child(4) .img{ background:url(/img/img_commu4.png) 50% 50% no-repeat; background-size:cover}
#s1 #product_list li:nth-child(5) .img{ background:url(/img/img_commu5.png) 50% 50% no-repeat; background-size:cover}
#s1 #product_list li:nth-child(6) .img{ background:url(/img/img_commu6.png) 50% 50% no-repeat; background-size:cover}
#s1 #product_list li:nth-child(7) .img{ background:url(/img/img_commu7.png) 50% 50% no-repeat; background-size:cover}
#s1 #product_list li:nth-child(8) .img{ background:url(/img/img_commu8.png) 50% 50% no-repeat; background-size:cover}
#s1 #product_list li .img img{display:none}	
	
#s3{background:none !important; padding:120px 0 !important}	
#s3 .res_wrap {
    width: calc(100% - 100px);
    margin: 0 auto;
    position: relative;
}
#s3 .img{ width:610px; height:496px; }
#s3 h3.title{color:#222 !important; width:100%; display:flex; justify-content:space-between; align-items:center}
#s3 h3.title a{font-size:16px; border-bottom:1px solid #999;  border-top:1px solid #999;line-height:1.5; color:#999}
#s3 h3.title a:hover{color:#ff6666; border-color:#ff6666}
#s3 #product_list li{width:50%}
#s3 #product_list li li{width:100%; display:flex; justify-content:space-between; line-height:2}
#s3 #product_list{margin-top:0}

#container_wr{
    padding:150px 0 100px 0;
    margin: 0 auto;
    max-width: 1300px; word-break:keep-all
}
.td_nowrap{white-space:nowrap; padding-left:10px !important; padding-right:10px !important}
.mb_log_cate{display:none}
.mbskin .mbskin_box{border:0 !important}
.menu li:hover .submenu{display:block}

.wrap_wrap_level4 {
	width: 100%;
	box-shadow: none
}
.wrap_org2 .wrap_level1:after {
	content: '';
	position: absolute;
	left: 50%;
	background: #ccc;
	width: 1px;
	height: 469px;
	z-index: -1;
	top: 55px;
}
.wrap_org2 .wrap_level4 {
	margin: 30px 0 0 0
}
.wrap_org2 li:nth-child(1) .level4:after {
	height: 50px
}
.wrap_org2 .level3:after {
	width: 100%
}
.wrap_org2 li:nth-child(2) .level3:after {
	left: 50%;
	right: auto
}
.wrap_org2 li:nth-child(1) .level4:before {
	display: none
}
.wrap_org2 .level3:after {
	content: '';
	position: absolute;
	left: 0;
	background: #ccc;
	width: 150%;
	height: 1px;
	z-index: -1;
	top: 50%;
	display: block
}
.wrap_org2 .ul_level3 li:last-child .level3:after {
	display: none
}
.wrap_m0104 h3{text-align:left !important; width:60%; margin:0 auto}
.wrap_m0105 td p{margin:0 0 25px 0}
/*오시는 길*/
.wrap_location{width:100%; margin:0 auto; display:flex; align-items:center}
.wrap_location .wrap_map{height:100%; min-height:500px; margin:0 5% 0 0}
.wrap_location .wrap_map .wrap_map{margin:0 0 0 0}
.wrap_location dl{width:45%; position:relative; margin:0; padding:0}
.wrap_location dt{width:25%; float:left; margin:0; padding:0; height:5rem; border-bottom:1px solid #ddd; vertical-align:middle; display:flex; align-items:center; font-weight:600; color:#ff6666; box-sizing:border-box}
.wrap_location dd{width:75%; float:left; margin:0; padding:0; height:5rem; border-bottom:1px solid #ddd; vertical-align:middle; display:flex; align-items:center}
.wrap_location dd a{text-decoration:none; color:#000}

.pic_lt li .new_icon {
    display: inline-block;
    width: 16px;
    line-height: 16px;
    font-size: 0.833em;
    color: #fff;
    background: #ff6666;
    text-align: center;
    border-radius: 2px;
    margin-left: 2px;
    font-weight: bold;
    vertical-align: middle; height:16px; margin-right:5px
}
#bo_list .td_num2{ white-space:nowrap}
@media(max-width:1400px){
.wrap_location{width:100%}	
.wrap_location dt{ width:35%}
.wrap_location dd{ width:65%; word-break:keep-all}
	}
	
@media(max-width:820px){	
.wrap_location{flex-wrap:wrap}
.wrap_location .wrap_map{width:100%; margin:0 0 0 0}
.wrap_location dl{width:100%}
}
	
@media(max-width:360px){	
.wrap_location dt{ width:40%}
.wrap_location dd{ width:60%}
}


/*게시판 공통*/
#bo_v_info .profile_info .pf_img, #bo_v_share, .cmt_btn, #bo_vc, #bo_vc_w{display:none}

.cell_type1{ background:#fde9d9}
.cell_type2{ background:#e4dfec}
.cell_type3{ background:#dce6f1}
.cell_type4{ background:#f2dcdb}
.cell_type5{ background:#daeef3}
.cell_type6{ background:#ebf1de}
.cell_type7{ background:#f2f2f2}
.btn_red a{ background:#ff6666; color:#fff; border:0}
.a_right{text-align:right}
.mt0{margin-top:0}

.wrap_m0403 input[type=text], .wrap_m0403 select{border:1px solid #ccc; padding:5px; width:100%}
.wrap_m0403 textarea, .wrap_m0403 select{border:1px solid #ccc; padding:5px; height:32px}
.wrap_check{display:flex; gap:10px; align-items:center; margin:20px 0 5px 0  }
#s4 .wrap_check label{font-weight:500; margin:0 0 0 0}

.left{display:flex; justify-content:center; font-size:16px; max-width:1300px; margin:0 auto}
.left a{width:16%; text-align:center; line-height:67px; vertical-align:middle; border-right:1px solid #eee; padding:0 5px; box-sizing:border-box}
.left a:last-child{border-right:0}

.ul_product{display:flex; gap:40px; flex-wrap:wrap}
.ul_product li{width:calc(33.33% - 40px); background:#fff; border-radius:10px; overflow:hidden; box-shadow:10px 10px 15px rgba(0,0,0,0.1); display:flex; justify-content:center; align-items:center; position:relative; cursor:pointer; justify-content:center; border:1px solid #eee}
.ul_product .bt_more{ background:#ff6666; color:#fff; padding:10px 20px; border-radius:20px; display:inline-block}
.ul_product li img{max-width:100%}
.ul_product li a{text-align:center; padding:20px}
.ul_product li .txt{text-align:left; margin:0 0 20px 0}
.ul_product li .txt pre {
    
    width: 100%;
    overflow-x: hidden;
    font-family: "Open Sans", "Noto Sans KR", "Malgun Gothic", Dotum, "돋움", sans-serif;
    
    font-weight: 400;
    line-height: 23px;
    font-size: 1em;
}
.ul_product li a:hover{color:#222}
.ul_product li li{width:100%; height:auto; border-radius:0; box-shadow:none; border:0; justify-content:left; background:none; padding:0 0 0 10px; position:relative}
.ul_product li li a{text-align:left}
.ul_product li li:before{ content:''; position:absolute; width:3px; height:3px; border-radius:100%; background:#555; left:0; top:10px}
.ul_product li h2, .ul_product li .title{ color:#ff6666; font-size:24px !important; margin:20px 0 !important; text-align:left; width:auto !important; height:auto !important; overflow:visible !important}


#s4 #contact_textarea_ko, #s4 #contact_textarea_en{height:90px}
#s4 #contact_textarea_en, .contact_textarea_en{display:none}
.wrap_search{display:flex; gap:10px; justify-content:center; margin:0 0 40px 0}
.wrap_search input[type=text]{ border:3px solid #ff6666; width:400px; padding:10px}
.wrap_search button{background: #ff6666; color:#fff; padding:0 20px; border-radius:5px}
.wrap_search input[type=text], .wrap_search button{height:50px}
.wrap_m0201 .jd-slider .slide-area li{height:329px}
.wrap_m0201 .jd-slider .slide-area li img{max-width:90%; max-height:90%; width:auto}
.wrap_m0201 .jd-slider .slide-area li{display:flex !important; justify-content:center; align-items:center}

.tab_tit li{list-style:none}
.tab_tit{display:flex; justify-content:center; align-items:center; gap:10px; margin:0 0 20px 0}
.tab_tit a{    display: block;
    line-height: 28px;
    padding: 5px 15px;
    border-radius: 30px;
    border: 1px solid #ff6666;
    color: #ff6666; cursor:pointer}
.tab_tit .selected{text-decoration: none;
    background: #ff6666;
    color: #fff;}	
.wrap_map2{margin:0 0 50px 0; text-align:center}
.wrap_m0501 h2{margin:50px 0 0 0}
#s3 #product_list li .gallery_li a{width:calc(100% - 90px); text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all}
#s3 #product_list li .gallery_li a:hover{color:#ff6666}

@media(min-width:1401px) and (max-width:1780px){
/*공통*/	
body{zoom:0.833}
}
@media(max-width:1550px){
#s1 #product_list{flex-wrap:wrap; gap:20px}
#s1 #product_list li{width:calc(25% - 40px)}

	}
@media(max-width:1410px){
/*공통*/
#header_wrap{width:100%}
#header_wrap h1.logo{left:50px}
#gnb ul.menu{gap:25px}
#top_btn2{right:50px}
#top_btn2 li{padding:0 0 0 10px}
#top_btn2 li:first-child{padding:0 10px 0 0}
#footer .footer_wrap{padding:0 50px}
#footer .wrap_agree{right:50px}	
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%}
.m_only{display:none !important}
/*메인*/
#s3 .res_wrap, #product_list{width:100%}	
.res_wrap{padding:0 50px}
/*서브*/
#container{ padding:0 50px}
#hd, #wrapper, #ft{ min-width:inherit}
.gnb_1dli.gnb_al_li_plus .gnb_1da{ padding:0 10px; padding-right:10px;}
.section3 .wrap_banner{flex-wrap:wrap}
.section3 .wrap_banner a{width:100%}
#gnb_all .gnb_al_ul{height:50%}
#gnb_all .gnb_al_ul li{ width:25%}
#gnb_all .gnb_al_ul li li{width:100%}
#gnb_all .gnb_al_ul li ul{background:rgba(0,0,0,.2); padding:20px; border-radius:20px}
#gnb_all .gnb_al_li .gnb_al_a{ text-align:center; padding:10px 0; background:rgba(255,102,102,.5); border-radius:20px}
	}	
@media(max-width:1200px){
#hd{padding:0 20px}	
.bt_all{width:50px}	
#gnb #gnb_1dul{font-size:16px}
.hd_login li{font-size:14px}
#main_visual_area{margin:50px 0 50px 0; border-radius:0; width:100%}
#product_list li a p.name{font-size:18px; line-height:2}
	}
@media(min-width:1024px) and (max-width:1400px){
/*공통*/	
body{zoom:0.833}

/*메인*/
#s3{padding:120px 50px !important}
#s3 #product_list li img{max-width:100%}
#s3 .img{width:100%; height:auto}
#s3 #product_list{column-gap:30px}
.section3 li .exp{    white-space: nowrap;
    display: block;
    width: calc(100% - 100px);
    overflow: hidden;
    text-overflow: ellipsis;}
#product_list{width:100%}	
}

@media(min-width:1024px){
#gnb ul.menu{ display:flex !important}	
.m_only{display:none !important}
	}
@media(max-width:1023px){
#gnb ul.menu{ display:none; position:fixed; height:100%; padding:100px 0 0 0; right:0; width:300px}
#gnb ul.menu>li{width:100%; border-top:1px solid rgba(256,256,256,.3)}
#gnb ul.menu>li a, #gnb ul.menu>li span{padding:0 20px}
.m_only{display:block !important}
#top_btn2 .m_only{display:inline-block !important; }
#top_btn2 .m_only button{width:40px; height:50px; background:transparent; margin:-12px 0 0 10px}
#top_btn2 .m_only .show_menu{margin:-24px 0 0 10px}
#top_btn2 .m_only span{display:block; height:2px; background:#fff; margin:5px 0; transition:transform 0.5s; width:40px}
#wrapper{width:100%; overflow:hidden}
#gnb ul.menu li .submenu{position:relative; top:auto}
#gnb ul.menu li .submenu li{width:100%}
#gnb ul.menu li ul{flex-wrap:wrap; gap:0}
.pc_only{display:none !important}
.t_type1 th, .t_type1 td{word-break:break-all}
.t_gas_meter tr{display:block; margin:0 0 10px 0; width:100%}
.t_gas_meter td{width:100%; text-align:left; display:flex; justify-content:left; align-items:center}
.t_gas_meter td .t_title{background:#333; color:white; padding:20px; margin:0 20px 0 0; width:50%}
.t_gas_meter thead{display:none}
.t_pic_email th{width:40%; text-align:left; font-weight:500}
#top_btn li .submenu, #top_btn2 li .submenu, #gnb ul.menu li .submenu{width:100%}
#gnb ul.menu>li>a, #gnb ul.menu>li>span{line-height:50px}
#gnb #gnb_1dul{display:none}	

#s3 #product_list{flex-wrap:wrap}
#s3 #product_list li{width:100%}
.section h3.title{ padding-top:20px}
	}
@media(max-width:912px){
#gnb ul.menu{display:none}	
.section3{gap:0}
#s3 .img{width:100%; height:auto}
.section3 .lt_img{ width:100% !important}
#s3{padding:120px 50px !important}
#s3 #product_list li{width:100%}
.pic_lt li .lt_img{position:relative; left:auto; top:auto; margin-bottom:10px !important}
#s1{margin:0 0 0 0}
	}
@media(max-width:820px){
#s4 #the_content{width:100%}	
	}
@media(max-width:768px){
.typo{padding:80px 20px}	
#main_visual_area .slogan, .biz .slogan{font-size:50px; line-height:1}
#main_visual_area, .biz .exp, #main_visual_area .exp{font-size:18px; line-height:1}
#container_wr{padding:150px 0 50px 0}
#s1{padding:50px 0; margin:50px 0 0 0 }
#s1 #product_list li{width:calc(50% - 40px)}
#s3{padding:50px 20px !important}
#s3 .res_wrap{padding:0 0}
.gogotop, .gogotop:visited, .gogotop:link, .gogotop:hover, .gogotop:active{border:1px solid #fff; width:80px; height:80px; right:20px; font-size:12px; background:url('/img/icon_support.png') 50% 5px no-repeat #ff6666; background-size:50%}
.ft_info{padding:0 100px 0 20px; text-align:left}
#gnb_all .gnb_al_ul li{width:100%; height:auto}
#gnb_all{overflow-y:scroll}
.hd_pops_con{width:100% !important; height:auto !important}
.hd_pops{ top:120px !important; right:0}

	}
	
@media(max-width:540px){
#hd{padding:0 0}	
.hd_login{width:100%; height:30px; justify-content:flex-end; padding:0 20px 0 0; background:#f8f8f8}
#logo{height:calc(100% - 30px); top:30px; left:20px}

.hd_login li:last-child{position:absolute; right:20px; top:30px; height:50px}	
.bt_all{height:100%}
#header_wrap h1.logo{left:20px}	
#top_btn2{right:20px}
#main_visual_area .slogan, .biz .slogan{font-size:40px; line-height:1}	
#top_btn2 li:first-child, #top_btn2 li{padding:0 0 0 10px}
#top_btn2 li a{font-size:14px}
.section{padding:120px 20px 150px}
#product_list{margin-top:50px}
.section p.exp{word-break:keep-all}
ul.link li{width:100% !important; height:100px; overflow:hidden}
ul.link li img{height:100%; width:100%}
ul.link li a div.con .title{padding:0 0 0; height:100%; display:flex; justify-content:center; align-items:center}
ul.link li .bg{display:none}
ul.link li:nth-child(1){ background:url(/img/bg1.png) 50% 50% no-repeat; background-size:cover}
ul.link li:nth-child(2){ background:url(/img/bg2.png) 50% 50% no-repeat; background-size:cover}
ul.link li:nth-child(3){ background:url(/img/bg3.png) 50% 50% no-repeat; background-size:cover}
ul.link li:nth-child(4){ background:url(/img/bg4.png) 50% 50% no-repeat; background-size:cover}
ul.link li:nth-child(5){ background:url(/img/bg5.png) 50% 50% no-repeat; background-size:cover}
ul.link li a{background:rgba(0,0,0,.7)}
#footer .wrap_agree{position:relative; right:auto; padding:0 0 5px 0}
#gnb ul.menu{top:0}
#s4 .col2 div{width:100%}
.t_gas_meter td .t_title{ width:100%; margin:0 0 0 0; word-break:keep-all; padding:0 5px}
.t_gas_meter td{flex-wrap:wrap}
#container{padding:0 20px}
.t_gas_meter tr{ border:1px solid #333}
.t_gas_meter th{display:none}
.t_pic_email tr{display:block}
.t_pic_email th, .t_pic_email td{width:100%; display:block}
#product_list li{margin:0 5px}
#product_list li a p.name{font-size:18px}
#s1 p.exp br{display:none}
#s4{padding:50px 0 50px}
.left{justify-content:left}
.biz_con{padding:50px 20px !important}
#gnb ul.menu{width:100%}
#footer .footer_wrap{padding:0 20px; word-break:keep-all}
#top_btn2 .m_only .show_menu{margin:-18px 0 0 10px}
.gogotop, .gogotop:visited, .gogotop:link, .gogotop:hover, .gogotop:active{right:20px; bottom:20px}
.bo_sch{ left:5% !important; width:90% !important; margin-left:0 !important}
#bo_v_title .bo_v_tit{font-size:1.5em !important; line-height:1.2}

	}
@media(max-width:420px){
.typo{padding:80px 20px; word-break:keep-all}
#main_visual_area .slogan, .biz .slogan{font-size:30px}
#main_visual_area .slogan, .biz .slogan, #main_visual_area .exp{word-break:keep-all}
#main_visual_area .exp{font-size:18px}
#product_list{flex-wrap:wrap}
#product_list li{width:100%}
.section3 .wrap_banner{flex-wrap:wrap}
.section3 .wrap_banner a{width:100%}
#s4 .col2{flex-wrap:wrap; gap:0}
#s4 .title{font-size:40px}
#header_wrap h1.logo img{height:30px}
#header_wrap h1.eng_logo a{height:30px; background-size:auto 100%; width:250px}
#top_btn2 li a{padding-top:0; height:auto}
#header_wrap{display:flex; align-items:center; height:100%}
#header_wrap h1.logo{height:auto; top:auto}
#top_btn2{top:auto; display:flex; align-items:center}
#top_btn2 .m_only button{margin:0 0 0 0}
#wrap{width:100%; margin:0}
.bt_all{width:30px}
.hd_login li{padding-left:0}
#main_visual_area{padding:0 16px}
#s1 .title{font-size:24px !important}
#s1 .res_wrap{padding:0 36px}
#s1 #product_list{gap:5px}
#s1 #product_list li{width:calc(50% - 15px); margin:0 0 10px 0}
	}
@media(max-width:380px){
#logo img{height:20px}	
#top_btn2 .m_only button, #top_btn2 .m_only button span{width:30px}	
#header_wrap h1.eng_logo a{ width:210px}
#header_wrap h1.logo img, #header_wrap h1.eng_logo a{height:25px}
#hd_wrapper{height:80px}
#main_visual_area{margin:30px 0 50px 0}
#s1{margin:30px 0 0 0}
#container{min-height:300px}
#product_list li a p.name{line-height:1.2; font-size:14px; margin:10px 0 5px 0}
#s3 #product_list li li{text-align:left}
#s3 .lt_date{font-size:11px}
	}
@media(max-width:320px){
#header_wrap h1.eng_logo a{ width:200px}
#header_wrap h1.logo img, #header_wrap h1.eng_logo a{height:20px}
	}