@charset "utf-8";
/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea{-webkit-appearance:none; -webkit-border-radius:0}
select{-webkit-border-radius:0}


/* UI JS CSS */
.fadeinUp{opacity:1; animation:fadeInUpAni 0.6s ease; -webkit-animation:fadeInUpAni 0.6s}
@-webkit-keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
@keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}


/* 1200px ���� */
@media all and (max-width:1200px){
#header .headWrap{width:96%; margin:0 2%;}
.gnb nav > ul > li{padding:30px 35px 0px;}
.two-depth > li a{font-size:14px;}
.roll{height:500px;}
.mtxt{position:absolute; width:100%; left:0%;  top:25%; transform:translateX(0%); text-align:left;z-index:2}
.mtxt h2{padding-left:2%;font-size:26px;margin-bottom:10px;}
.mtxt h3{padding-left:2%;font-size:55px;margin-bottom:20px;}
.mtxt p{padding-left:2%;font-size:16px;}
.mtxt_b{position:absolute; width:100%; left:0%;  top:25%; transform:translateX(0%); text-align:left;z-index:2}
.mtxt_b h2{padding-left:2%;font-size:26px;margin-bottom:10px;}
.mtxt_b h3{padding-left:2%;font-size:55px;margin-bottom:20px;}
.mtxt_b p{padding-left:2%;font-size:16px;}
.section{margin:40px auto 0px;}
.section01{width:100%;padding:0px 20px;}
.section01 .tit{width:200px;}
.section01 .cont{width:calc(100% - 200px);padding:0 30px;}
.section01 .tit > h2{font-size:26px;padding-top:15px;margin-bottom:15px;}
.section01 .tit > p{line-height:1.4;font-size:20px;}

.product_roll .txt h2{font-size:18px;}
.product_roll .txt p{font-size:13px;}

.section02{width:100%;padding:0px 20px;}
.section03{width:100%;padding:40px 20px;}
.guide_wrap .g01{font-size:24px;line-height:1.2;}

.subcontainer{width:92%;min-height:400px; margin:40px 4%; }



}

/* 1100px ���� */
@media all and (max-width:1100px) {
.gnb nav > ul > li{padding:30px 30px 0px;}	
		
.company_wrap h2{FONT-SIZE:28px;margin-bottom:20px;}
.company_wrap p{FONT-SIZE:16px;margin-top:15px; margin-bottom:15px;}
.company_wrap h3{FONT-SIZE:20px;}
.s_tit > h2{FONT-SIZE:22px;}
.s_tit > p{ FONT-SIZE:15px;}	
.p_tit{background:url(../img/ico_gr.png) left 8px no-repeat; FONT-SIZE:16px;}
	
	

.product_wrap h3{margin-bottom:10px;}
.product_wrap p{margin-bottom:10px;}

.product-tb th {font-size:14px;}
.product-tb td {font-size:14px;}	


}



/* Tablet  1024px ���� */
@media all and (max-width:1024px) {
.roll{height:450px;}

.mtxt h2{font-size:24px;margin-bottom:10px;}
.mtxt h3{font-size:45px;margin-bottom:20px;}
.mtxt p{font-size:15px;}

.mtxt_b h2{font-size:24px;margin-bottom:10px;}
.mtxt_b h3{font-size:45px;margin-bottom:20px;}
.mtxt_b p{font-size:15px;}
.gnb nav > ul > li{padding:30px 25px 0px;}

.section01 .tit{width:100%; position:relative;}
.section01 .cont{width:100%;padding:0 30px; margin-top:15px;}

.section01 .tit > h2{font-size:24px;padding-top:10px;margin-bottom:10px;}
.section01 .tit > p{line-height:1.4;font-size:18px;}
.section01 .tit > p br{display:none;!important}
.section01 .tit .btn_area{display:none;!important}
.btn_more{display:inline-block; }

.btn-type.btn1 {height:30px;line-height:26px;padding:0px 20px;font-size:14px;}

.guide_wrap .g01{display:none;!important}
.guide_wrap .g02{display: inline-block; width:25%;text-align:center;padding:0px 5px;}
.guide_wrap .g02 p{font-size:14px;}
.cs_wrap .csbox h2{font-size:14px;}
.cs_wrap .csbox h3{font-size:26px;}	

.wbox h2{font-size:18px;}
.wbox h3{font-size:13px; margin-top:15px;}

.stop_bg h2{ font-size:40px;margin-bottom:14px;}
.stop_bg p{font-size:20px;}

.title {FONT-SIZE:35px; padding-bottom:20px;margin-bottom:30px;}

.stab_wrap2{height: 71px;}
.stab_type2 li {width:25%; margin-left: 0px; margin-top:-1px; float: left;}
.stab_type2 li a {height: 36px;padding:0px 0px; line-height:32px; font-size: 14px;}
.stab_type2 li:nth-child(1){margin-top:0px; }
.stab_type2 li:nth-child(2){margin-top:0px; }
.stab_type2 li:nth-child(3){margin-top:0px; }
.stab_type2 li:nth-child(4){margin-top:0px; }

.company_wrap .company_img{width:38%;margin-left:2%;}
.company_wrap h2{FONT-SIZE:24px;}
.company_wrap p{FONT-SIZE:14px;}
.company_wrap h3{FONT-SIZE:16px;}
.s_tit > h2{FONT-SIZE:20px;}
.s_tit > p{ FONT-SIZE:14px;}
.p_tit{ background:url(../img/ico_gr.png) left 6px no-repeat; FONT-SIZE:14px;}

.company_wrap p br{display:none !important}	

.contacts li{display: inline-block;width:100%;}
.contacts li:first-child{border-right:0px solid #dcdcdc;}
.contacts .c_title{display:inline-block;width:30%;font-size:14px;}
.contacts .c_content{display:inline-block;width:70%;font-size:14px;line-height:1;}

.list-tb th {padding:12px 0px; font-size:15px;}
.list-tb td {font-size:14px;}
.list-tb td.date {font-size:14px;}

.textbox_pc{display:none !important}	
.textbox_m{display: inline-block !important}

.product_box h2{font-size:18px;margin-top:20px; margin-bottom:10px;}
.product_box p{font-size:14px;margin-bottom:20px;}

.product_box ul > li.product8_img{display: inline-block; width:100%;margin-right:0%; margin-bottom:20px; padding:0px 20px;}
.product_box ul > li.product8_tb{display: inline-block; width:100%; }




}
/* Mobile 767px ���� */
@media all and (max-width:850px) {

}	
/* Mobile 767px ���� */
@media all and (max-width:767px) {
	
#container {top:50px;}
#header{height:50px;}
.logo{display:none !important}	
.gnb{display:none !important}

.logo_m{display:inline}
.m_open{display:inline}

.roll{height:400px;}

.mtxt h2{font-size:20px;margin-bottom:10px;}
.mtxt h3{font-size:40px;margin-bottom:20px;}
.mtxt p{font-size:14px;}

.mtxt_b h2{font-size:20px;margin-bottom:10px;}
.mtxt_b h3{font-size:40px;margin-bottom:20px;}
.mtxt_b p{font-size:14px;}

.footer_wrap{top:50px;}
.footer .footer_menu{float:left; width:70%; padding-left:0px;background:none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer .familysite{float:right; width:25%; margin-left:5%;text-align:right;}

.section02 ul > li{display: inline-block; width:100%; text-align:center;}
.section02 ul > li:first-child{border-right:0px solid #1d1d1d;border-bottom:1px solid #ebebeb;padding-bottom:20px;border-top:1px solid #ebebeb;padding-top:20px;}

.section03{width:100%;padding:30px 20px;}
.section03 .tit{display: inline-block; width:100%;margin-bottom:10px;}
.section03 .tit > p{ font-size:16px;padding:8px 15px;}
.section03 .cont{display: inline-block; width:100%; }
.wbox ul > li{width:30%;margin-left:5%;padding:20px 20px;}

.stop_bg{padding:40px 20px; }
.stop_bg h2{ font-size:30px;margin-bottom:14px;}
.stop_bg p{font-size:16px;}

.stab_wrap{height: 36px;}
.stab_type1 li {width:50%; margin-left: -1px; margin-bottom:0px; float: left;}
.stab_type1 li a {height: 36px;padding:0px 0px; line-height:32px; font-size: 14px;}

.title {FONT-SIZE:30px; padding-bottom:20px;margin-bottom:30px;}


.company_wrap h2{FONT-SIZE:24px;}
.company_wrap p{FONT-SIZE:14px;}
.company_wrap h3{FONT-SIZE:16px;}
.s_tit > h2{background:url(../img/ico_b.png) left 4px no-repeat;min-height:20px; FONT-SIZE:18px;}
.s_tit > p{ FONT-SIZE:13px;}

.company_wrap .company_txt{width:100%;}
.company_wrap .company_img{width:80%;margin-left:10%; margin-right:10%; margin-top:20px;}
.infoimg{display: none !important}	
.infoimg_m{display: inline-block !important; width:80%;margin-left:10%; margin-right:10%;}

.pc_only{display: none; !important}	
.mo_only{display: inline-block; !important}	


#map {height: 400px;}
.list-tb {margin:0px auto 30px;}
.list-tb th {padding:12px 0px; font-size:14px;}
.list-tb td {font-size:13px;line-height:1.3;}
.list-tb td.date {font-size:12px;}
.list-tb td.name, .list-tb th.name{display: none;}

.boardtb .subj_box {padding:10px 15px;}
.boardtb .subj_box .subj{width: 100%;font-size:14px;}
.boardtb .subj_box .date{ width: 100%;font-size:12px;margin-top:10px;text-align:left;}
.boardtb .content_box{padding:15px 15px; min-height:200px; font-size:14px;}

.page_move li.prev{width:30%;font-size:12px;padding:10px 0px;}
.page_move li.prev_tit{width:70%; font-size:12px;padding:10px 10px;}

.box_wrap li{float:left; width:45%; margin: 0 2.5% 20px 2.5%;}
.box_wrap p{padding:10px 10px;font-size: 14px;}

.wr_type01 .wr_left{display: inline-block;width:25%; background:url(/img/i_check.png) 10px 20px no-repeat #fafafa;  padding:10px 10px 10px 20px; font-size: 14px; }
.wr_type01 .wr_right{display: inline-block;width:75%;padding:10px 10px; font-size: 13px;}
.wr_type01 span{display: inline-block; margin:0px 2px;}
.wr_type01 em{display: inline-block; width:100%; margin-left:0px; margin-top:5px; FONT-SIZE: 13px; line-height:16px;}

.wr_type01 .input01{ width:50%}
.wr_type01 .input02{ width:25%}
.wr_type01 .input03{ width:40%}

.product-tb th {padding:10px 10px;font-size:14px;}
.product-tb td {padding:10px 10px;font-size:14px;}	

.pbox1{display: inline-block; width:47%; margin:0 1.5% 2%; padding:0px 20px;}
.pbox2{display: inline-block; width:47%; margin:0 1.5% 2%; padding:0px 20px;}
.product_box h2{font-size:16px;margin-top:20px; margin-bottom:10px;}
.product_box p{font-size:13px;margin-bottom:20px;}
.small_txt {margin-top:10px;}
.small_txt p{FONT-SIZE:13px;line-height:1.2;margin-bottom:8px;}

.product_wrap h3{font-size: 16px;margin-bottom:10px;}
.product_wrap p{font-size: 18px;margin-bottom:10px;}
.product_wrap .textbox{width:100%;  }
.product_wrap .imgbox{width:100%;margin:0px 0% 20px;padding:0px 100px;}

}






/*mobile 640 ���� */
@media all and (max-width:640px){
.roll{height:350px;}
.mtxt{position:absolute; width:100%; left:50%;  top:25%; transform:translateX(-50%); text-align:center;z-index:2}
.mtxt h2{padding-left:2%; padding-right:2%;font-size:18px;margin-bottom:10px;}
.mtxt h3{padding-left:2%; padding-right:2%;font-size:32px;margin-bottom:15px;}
.mtxt p{padding-left:2%; padding-right:2%;font-size:14px;}
.mtxt_b{position:absolute; width:100%; left:50%;  top:25%; transform:translateX(-50%); text-align:center;z-index:2}
.mtxt_b h2{padding-left:2%; padding-right:2%;font-size:18px;margin-bottom:10px;}
.mtxt_b h3{padding-left:2%; padding-right:2%;font-size:32px;margin-bottom:15px;}
.mtxt_b p{padding-left:2%; padding-right:2%;font-size:14px;}
.footer .footer_menu p{ font-size:11px;}
.footer .footer_menu p span{margin-right:5px;}

.section01 .cont{width:100%;padding:0 30px; margin-top:10px;}

.section01 .tit > h2{font-size:20px;padding-top:10px;margin-bottom:5px;}
.section01 .tit > p{line-height:1.4;font-size:16px;}

.product_roll .txt h2{font-size:16px;}
.product_roll .txt p{font-size:12px;}

.section03 .tit > p{ font-size:14px;padding:8px 15px;}
.wbox ul > li{width:100%;margin-left:0%;padding:10px 20px; margin-bottom:10px;}
.wbox h2{font-size:16px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; /* ???��? */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em;height: 1.2em;}
.wbox h3{margin-top:5px;}

.stab_type2 li a {font-size: 13px;}

.company_wrap .company_img{width:90%;margin-left:5%; margin-right:5%; margin-top:20px;}
.infoimg_m{width:90%;margin-left:5%; margin-right:5%;}

.s_tit{margin-top:30px;}

#map {height:300px;}

.product_wrap .imgbox{width:100%;margin:0px 0% 20px;padding:0px 50px;}

}


/*mobile 520 ���� */
@media all and (max-width:520px){
.roll{height:300px;}

.mtxt h2{font-size:18px;margin-bottom:5px;}
.mtxt h3{font-size:26px;margin-bottom:10px;}
.mtxt p{font-size:13px;}

.mtxt_b h2{font-size:18px;margin-bottom:5px;}
.mtxt_b h3{font-size:26px;margin-bottom:10px;}
.mtxt_b p{font-size:13px;}
	
.footer .footer_menu{float:left; width:100%;}
.footer .familysite{float:right; width:100%; margin-left:0%;text-align:center;margin-bottom:10px;}

.guide_wrap .g02{ width:50%;text-align:center;padding:0px 10px; margin-bottom:10px;}	
.cs_wrap{padding-left:0%;margin-top:20px;}
.cs_wrap .csbox{width:100%;text-align:center;}
.cs_wrap .csbox h2{text-align:center;font-size:13px;margin-top:10px;}
.cs_wrap .csbox h3{text-align:center;font-size:20px;margin-top:5px;}
.cs_wrap .csbox h4{text-align:center;}	

.wbox h2{font-size:14px;}
.wbox h3{font-size:12px;}

.subcontainer{width:92%;min-height:400px; margin:30px 4%; }
.title {FONT-SIZE:26px; padding-bottom:15px;margin-bottom:25px;}
.stop_bg{padding:30px 30px; }
.stop_bg h2{ font-size:30px;margin-bottom:14px;}
.stop_bg p{font-size:14px;}
.stab_type2 li a {font-size: 12px;}

.company_wrap h2{FONT-SIZE:20px;}
.company_wrap p{FONT-SIZE:13px;}
.company_wrap h3{FONT-SIZE:14px;}
.s_tit > h2{background:url(../img/ico_b.png) left top no-repeat;min-height:15px;FONT-SIZE:16px;}
.s_tit > p{ FONT-SIZE:12px;}

.contacts .c_title{display:inline-block;width:30%;font-size:13px;}
.contacts .c_content{display:inline-block;width:70%;font-size:12px;line-height:1.2;}

.list-tb th {font-size:13px;}
.list-tb td {font-size:12px;}
.list-tb td.date {font-size:11px;}

.box_wrap p{padding:10px 5px;font-size: 13px;}


.product-tb th {font-size:13px;}
.product-tb td {font-size:13px;}

.pbox1{display: inline-block; width:100%; margin:0 0% 2%; padding:0px 20px;}
.pbox2{display: inline-block; width:100%; margin:0 0% 2%; padding:0px 20px;}

.pbox3{display: inline-block; width:100%; margin:0 0% 2%; padding:0px 20px;}
.pbox4{display: inline-block; width:100%; margin:0 0% 2%; padding:0px 20px;}

.product_box h2{margin-top:15px; margin-bottom:6px;}
.product_box p{margin-bottom:15px;}

.product_imgbox{display: inline-block; width:100%; margin:0 0% 2%;}

}

/*mobile 480 ���� */
@media all and (max-width:480px){
.roll{height:250px;}	
.mtxt h2{font-size:16px;margin-bottom:5px;}
.mtxt h3{font-size:24px;margin-bottom:10px;}
.mtxt p{font-size:12px;}

.mtxt_b h2{font-size:16px;margin-bottom:5px;}
.mtxt_b h3{font-size:24px;margin-bottom:10px;}
.mtxt_b p{font-size:12px;}

.wr_type01 .wr_left{display: inline-block;width:20%; background:url(/img/i_check.png) 7px 20px no-repeat #fafafa;  padding:10px 5px 10px 16px; font-size: 13px; }
.wr_type01 .wr_right{display: inline-block;width:80%;padding:10px 5px; font-size: 13px;}

.product_wrap h3{font-size: 14px;margin-bottom:10px;}
.product_wrap p{font-size: 16px;margin-bottom:10px;}


}

/*mobile 420 ���� */
@media all and (max-width:420px){
.mtxt p{font-size:11px;}
.mtxt_b p{font-size:11px;}

.box_wrap li{float:left; width:90%; margin: 0 5% 20px 5%;}

}


/*mobile 360 ���� */
@media all and (max-width:360px){






}